Chat Scripti Buton Ekleme

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.



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 Yardımcı olacaklara şimdiden çok teşekkürler.

Bu arada web sitem:

Güncel +

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.

(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

Ö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:

Daha sonra açma kapatma düğmesini ekleyelim ;
Bul: Üstüne Ekle:
Ve son olarak da Javascript kodlarımızı </head> tagının üstüne ekleyelim;

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

(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

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.



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.

Yanlış yere yazmışsınız büyük ihtimal 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

"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.