Spry Framework
Spry Framework

Merhabalar,

Bir önceki yazımda Spry’ı kulanma nedenleri ile birlikte efektleri işlemiştik. Şimdi ise Spry ile ipucu (tip) oluşturmayı deniyeceğiz. Önce Spry’ı bu adrestenindirelim .
Sonra sayfamıza şu dosyaları dahil(include) edelim.

1
2
 
<script src="http://arsiv.pilli.com/http://arsiv.pilli.com/js/SpryTooltip.js" type="text/javascript"></script>

<link href="css/oylesinebircssadresi.css" rel="stylesheet" type="text/css" />

Şimdi tooltip için Javascript kodumuzu yazıyoruz.

1
2
3
4
5
6
7
8
9
10
11
12
 
var sprytooltip1 = new Spry.Widget.Tooltip("cssip", "#css", {

										   closeOnTooltipLeave: true, hideDelay: 1000,  followMouse: true, useEffect:"fade", showDelay:100

										   });

var sprytooltip2 = new Spry.Widget.Tooltip("htmlip", "#html", {

										   closeOnTooltipLeave: true, hideDelay: 1000,  followMouse: true, useEffect:"fade", showDelay:100

										   });

var sprytooltip3 = new Spry.Widget.Tooltip("phpip", "#php", {

										   closeOnTooltipLeave: true, hideDelay: 1000,  followMouse: true, useEffect:"fade", showDelay:100

										   });

var sprytooltip4 = new Spry.Widget.Tooltip("aspip", "#asp", {

										   closeOnTooltipLeave: true, hideDelay: 1000,  followMouse: true, useEffect:"fade", showDelay:100

										   });

Şimdi kodu inceliyelim. varsprytooltip1 ile ipucunu tanımlıyoruz. şimdi “cssip” olan tarafın nedemek olduğunu anlayalım. Mouse cssip idsine sahip olan yere geldinde tooltipi gösterecek. “css” ise açıklanacak olan ipucunun içeriği. Şimdi setuplara ({ } arasına) bakalım.