Dün facebook’ta mesajlaşırken farkettim, mesaj geldikten sonra “blup” diye bir ses geliyor 🙂 Şimdi yeni mi farkettin diye soracaksınız ama daha önce facebook’ta online olmadığım için chat’i kullanma şansım olmamıştı veya farketmedim işte ya size ne..
Hafif bir araştırmadan sonra yine karşı HTML 5 nimeti çıktı. Milletin gülüp geçtiği HTML neler yapmış web dünyasına.. Çoğu web app HTML 5 e göre yeniden kodlanmış mesela..
Olayı çok uzatmadan çözümleme işine giriyorum ve size şöyle basit bir kod parçacığı yazıyorum.
Javascript içeriği şu şekilde arkadaşlar..
input button’umuzun ID ismi şu olacak
$("#trig").on("click",function(){}- trig
değeri çağırırken de şu kodu kullanıyoruz
$("#chatVerisi").attr("id")
Ve gelelim kod parçacığımıza..
//JS adresimiz
//Eski mesajlar
Günaydınlar
* { padding:0px; margin:0px; }
body{font-family:arial;font-size:13px}
#chatKutusu
{
width:400px;
border:1px solid #000;
margin:5px;
}
#chat
{
max-height:220px;
overflow-y:auto;
max-width:400px;
}
#chat > ul > li
{
padding:3px;
clear:both;
padding:4px;
margin:10px 0px 5px 0px;
overflow:auto
}
#chatMesaji
{
list-style:none
}
#chatMesaji > li > img
{ width:35px;float:left
}
#chatMesaji > li > span
{
width:300px;
float:left;
margin-left:5px
}
#chatVerisi
{
padding:5px;
margin:5px;
border-radius:5px;
border:1px solid #999;
width:300px
}
#trig
{
padding: 4px;
border: solid 1px #333;
background-color: #133783;
color:#fff;
font-weight:bold
}
