bitlimakina.com » açıklama balonu http://www.bitlimakina.com JQuery,Wordpress, XHTML, CSS ve Web Tasarımı konularında Yücel Yılmaz'ın kişisel web günlüğü. Sun, 29 Aug 2010 14:10:52 +0000 en hourly 1 http://wordpress.org/?v=3.1 Tooltip (Açıklama Balonu) Uygulaması http://www.bitlimakina.com/tooltip-aciklama-balonu-uygulamasi http://www.bitlimakina.com/tooltip-aciklama-balonu-uygulamasi#comments Fri, 10 Apr 2009 17:00:59 +0000 bitlimakina http://www.bitlimakina.com/?p=182 tooltip

Sanırım yeni bir yazı yazmanın zamanı geldi. Bu yazıda linkler hakkında küçük açıklamalar gösterebileceğimiz bir uygulamadan bahsedeceğim. Kendi kodlamam olan bu uygulama için uzun uzun kodlamanın nasıl yapıldığından değil sayfalarımızda nasıl kullanırız ona değinelim. Örnek Uygulama Balon adlı JQuery eklentisi sayfamıza eklendiğinde title etiketi içeren tüm linklerde bir açıklama balonu (tooltip) görüntüler ve title etiketinde yazılan metni ekrana getirir. JQuery kodları üzerinde değişiklikler yaparak farklı amaçlarla da bu balonları kullanmanız elbette mümkün.

Aşağıda vermiş olduğum satırları çalışma sayfanıza ekleyerek başlayabilirsiniz. Tabi ki öncelikle burdan gerekli dosyaları indirmelisiniz.

1
2
3
4
5

<head>
  <script src="js/jquery.js"></script>
  <script src="js/balon.js"></script>
  <link type="text/css" href="js/css/balon.css" rel="stylesheet">
</head>

Örnek Uygulama (Example) Evet sonucu eğer beğendiyseniz sitelerinizde kullanmak size kalmış.

]]> http://www.bitlimakina.com/tooltip-aciklama-balonu-uygulamasi/feed 1