MyBB Depo Forum
Chat Scripti Buton Ekleme - Baskı Önizleme

+- MyBB Depo Forum (https://mybbdepo.com)
+-- Forum: Webmaster Deposu (https://mybbdepo.com/webmaster-deposu-forumu)
+--- Forum: Webmaster Destek (https://mybbdepo.com/webmaster-destek-forumu)
+--- Konu Başlığı: Chat Scripti Buton Ekleme (/chat-scripti-buton-ekleme-konusu.html)



Chat Scripti Buton Ekleme - iCarly - 07-01-2014

Merhaba arkadaşlar,

Daha önce "CSS Resmi Ortalama" konumda kullandığım "Ajax Chat" scriptini kendimce biraz geliştirmeye ve öğrenmeye çalışıyorum. Yapmak istediğim, aşağıdaki gülücüklerin yanına bir buton koyup bastığımız zaman pop-up penceresi veya açılır kapanır sistem ile kendi gülücüklerimin çıkması ve istediğim kadar gülücük seçebilmem.

İstediğimi resimde gösterdim.

resim

Birde bir sorunum daha var. Chatte banladığım bazı misafirler tekrar girip tekrar rahatsızlık verebiliyor. İstiyorum ki bir kez attığımda bir daha giremesinler.

Son olarak chatteki mesajları tek tek silebiliyorum. Tümünü nasıl silebilirim?

Küçük bir ekleme: Mesajların yanındaki saatin üstüne gelindiğinde gönderildiği tarihin ve saatin yazılmasını nasıl yapabilirim?

Çok fazla soru yazdım özür dilerim Mahcup Yardımcı olacaklara şimdiden çok teşekkürler. Mahcup

Bu arada web sitem:
Kod:
www.cevapburda.net/chat



Cvp: Chat Scripti Buton Ekleme - iCarly - 08-01-2014

Güncel +


Cvp: Chat Scripti Buton Ekleme - mucotr - 09-01-2014

Merhabalar,

kusura bakma öncelikle özel mesajını geç gördüm, pek müsait değilim bu vakitlerde o yüzden direkt olarak yardımcı olamasam da yol olarak yardımcı olabilirim sanırım;
popup yerine tıklayınca chat kısmının altında çıkması çok daha mantıklı olacağı yönünde bir fikrim var. Öncelikle scriptte dosyaların birinde bulman gereken div etiketi "emoticonsContainer" ifadeler bu kısımda yer alıyor. bu div'i şu sitede ki konuyu takip ederek deneme yanılma yoluyla gizlemeye alabilirsin;
http://32byte.org/jquery-gizle-goster-show-hide.html

hoş bir görüntü ile de daha kullanışlı hale getirirsin.

Elimden geldiğince girip konuya bakıcam sen yine özel mesaj atarsın, duruma göre haftasonu daha detaylı yardımcı olabilirim.


RE: Chat Scripti Buton Ekleme - iCarly - 09-01-2014

(09-01-2014, Saat:00:51)mucotr Adlı Kullanıcıdan Alıntı: Merhabalar,

kusura bakma öncelikle özel mesajını geç gördüm, pek müsait değilim bu vakitlerde o yüzden direkt olarak yardımcı olamasam da yol olarak yardımcı olabilirim sanırım;
popup yerine tıklayınca chat kısmının altında çıkması çok daha mantıklı olacağı yönünde bir fikrim var. Öncelikle scriptte dosyaların birinde bulman gereken div etiketi "emoticonsContainer" ifadeler bu kısımda yer alıyor. bu div'i şu sitede ki konuyu takip ederek deneme yanılma yoluyla gizlemeye alabilirsin;
http://32byte.org/jquery-gizle-goster-show-hide.html

hoş bir görüntü ile de daha kullanışlı hale getirirsin.

Elimden geldiğince girip konuya bakıcam sen yine özel mesaj atarsın, duruma göre haftasonu daha detaylı yardımcı olabilirim.

Çok teşekkür ederim. Düşünmeniz yeter. Şimdi hemen deneyeceğim. Zaten acelesi yok. Sadece öğrenmeye ve geliştirmeye çalışıyorum. Tekrardan ilginiz için çok teşekkürler.
--------
Edit: Verdiğiniz linki inceledim fakat orada yapılanları chat kodlarına nasıl uyarlayabileceğimi anlamadım. Bem maalesef css ve javascript kodları hakkında neredeyse hiçbir şey bilmiyorum. (diğer kodlamaları da öğrenmeye çalışıyorum). Örneğin dediğiniz "emoticonsContainer" kodunu scriptin "chat.js" dosyasında buldum fakat nereye nasıl yazacağımı ve verdiğiniz linkteki css kodunu nasıl bağlayabileceğimi bilmiyorum. Yani kısaca hiçbir şey bilmiyorum sanırım Kararsız


Cvp: Chat Scripti Buton Ekleme - usameavci - 09-01-2014

Öncelikle head etiketleri arasına JQuery kütphanesini dahil edin. Daha sonra şu kodları </head> etiketinden hemen önce ekleyin;

Eğer bilmiyorsanız JQuery kütüphanesi dahil etme;
</head> etiketindenönce ekleyin:
Kod:
<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.min.js"></script>

Daha sonra açma kapatma düğmesini ekleyelim ;
Bul:
Kod:
<div id="emoticonsContainer" dir="ltr">
Üstüne Ekle:
Kod:
<div id="toggle" style="background-color:#eee;border:1px solid #bbb; border-radius:3px;padding:3px 8px;>Gülücükler</div>

Ve son olarak da Javascript kodlarımızı </head> tagının üstüne ekleyelim;
Kod:
<script type="text/javascript">
    $(function(){
        $("#toggle").click(function(){
            $("#emoticonsContainer").slideToggle('slow');
        });
    });
</script>

Eğer olmazsa tekrar yardımcı olurum. Kolay gelsin Melek - Masum


RE: Chat Scripti Buton Ekleme - iCarly - 09-01-2014

(09-01-2014, Saat:21:03)TShujin Adlı Kullanıcıdan Alıntı: Öncelikle head etiketleri arasına JQuery kütphanesini dahil edin. Daha sonra şu kodları </head> etiketinden hemen önce ekleyin;

Eğer bilmiyorsanız JQuery kütüphanesi dahil etme;
</head> etiketindenönce ekleyin:
Kod:
<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.min.js"></script>

Daha sonra açma kapatma düğmesini ekleyelim ;
Bul:
Kod:
<div id="emoticonsContainer" dir="ltr">
Üstüne Ekle:
Kod:
<div id="toggle" style="background-color:#eee;border:1px solid #bbb; border-radius:3px;padding:3px 8px;>Gülücükler</div>

Ve son olarak da Javascript kodlarımızı </head> tagının üstüne ekleyelim;
Kod:
<script type="text/javascript">
    $(function(){
        $("#toggle").click(function(){
            $("#emoticonsContainer").slideToggle('slow');
        });
    });
</script>

Eğer olmazsa tekrar yardımcı olurum. Kolay gelsin Melek - Masum

Cevap için çok teşekkürler. Acaba bu kodları nereye ekleyeceğiz onuda söyleyebilir misiniz? Benim sitem MyBB ile alakalı değil bu arada. Ajax Chat adlı bir script kullanıyorum. Bu konuda yardımcı olabilirseniz çok sevinirim. Çok teşekkürler.
-------------
Edit: Dediklerinizi yapıca bu hatayı verdi. Yardımcı olursanız çok sevinirim. Teşekkürler.

resim

Bütün gülücükler falan gitti bu arada.
--------------
Edit: Kesme (") işareti eksikmiş. Ekledim düzeldi fakat hiçbir buton vb. gelmedi her şey aynı duruyor.


Cvp: Chat Scripti Buton Ekleme - usameavci - 09-01-2014

Yanlış yere yazmışsınız büyük ihtimal Gülümseme Kullandığınız script hakkında hiçbir fikrim yok osebeple pek bir yorum yapamayacağım. İncelemem laım önce. Teamviewer varsa pm atın bakayım Melek - Masum


Cvp: Chat Scripti Buton Ekleme - iCarly - 10-01-2014

"TShujin" adlı kullanıcı bana ulaşarak "Gülücük problemimi" çözmüştür. Zaman ayırdığı için çok teşekkür ederim. Ellerine sağlık çok güzel yaptı. +Rep ve +Teşekkür. Gülümseme