/* Image w/ description tooltip v2.0
* Created: April 23rd, 2010. This notice must stay intact for usage
* Author: Dynamic Drive at http://www.dynamicdrive.com/
* Visit http://www.dynamicdrive.com/ for full source code
*/
var ddimgtooltip={
tiparray:function(){
var tooltips=[]
//define each tooltip below: tooltip[inc]=['path_to_image', 'optional desc', optional_CSS_object]
//For desc parameter, backslash any special characters inside your text such as apotrophes ('). Example: "I\'m the king of the world"
//For CSS object, follow the syntax: {property1:"cssvalue1", property2:"cssvalue2", etc}
tooltips[0]=["images/info.jpg", "• Nazwy oficjalne - nazwy uznane w nomenklaturze botanicznej.
• Nazwy nieoficjalne - nazwy nowe, synonimy lub nazwy gatunków które nie zostały uznane w świecie nauki.", {background:"#DDECFF", font:"bold 12px Arial", width:"320px", padding:"20px"}]
tooltips[1]=["images/info.jpg", "• Nazwy krzyżówek - wyświetla wyłącznie nazwy roślin będących krzyżówkami (również kultywary będące krzyżówkami).
• Oficjalne kultywary - odmiany uprawne zarejestrowane przez Międzynarodową Komisję Rejestracji Kultywarów (ICRA).
• Nieoficjalne kultywary - rośliny o specyficznych cechach bez rejestracji lub w trakcie rejestracji w ICRA.
• Nowe nieoficjalne gatunki - gatunki nowoodkryte, czekające na szczegółowy opis naukowy.
• Polskie synonimy - polskie nazwy synonimowe np. tłustosz pospolity.", {background:"#DDECFF", font:"bold 12px Arial", width:"320px", padding:"20px"}]
tooltips[2]=["images/info.jpg", "Zaznaczenie tej opcji dodaje do spisu tzw. nazwy synonimowe.", {background:"#DDECFF", font:"bold 12px Arial", width:"320px", padding:"20px"}]
tooltips[3]=["images/info.jpg", "• Epifit - roślina rosnąca na innej roślinie, ale nie prowadząca pasożytniczego trybu życia. Korzysta z innego gatunku jako podpory, a odżywia się samodzielnie.
Źródło: Wikipedia.pl", {background:"#DDECFF", font:"bold 12px Arial", width:"320px", padding:"20px"}]
tooltips[4]=["images/info.jpg", "Zaznaczenie tej opcji dodaje do spisu nazwy odmian.", {background:"#DDECFF", font:"bold 12px Arial", width:"320px", padding:"20px"}]
tooltips[5]=["images/info.jpg", "Opcja wyświetlania nazw stosunkowo tolerancyjnych roślin które można próbować uprawiać na parapecie okiennym.", {background:"#DDECFF", font:"bold 12px Arial", width:"320px", padding:"20px"}]
tooltips[6]=["images/info.jpg", "Kolorowe kropki po lewej stronie listy gatunków to informacja na temat poziomu zaawansowania prac nad opisem określonego gatunku.
• Kolor zielony - pełne informacje na temat gatunku.
• Kolor żółty - częściowe opracowanie.
• Kolor czerwony - opis gatunku wyłącznie na poziomie podstawowym.
• Kolor czarny - brak opracowania danego gatunku. ", {background:"#DDECFF", font:"bold 12px Arial", width:"320px", padding:"20px"}]
tooltips[7]=["images/info.jpg", "Pole wyszukiwania może pracować w dwóch trybach. Standardowo wyszukiwanie następuje od początku frazy np. wpisując literę \"a\" skrypt wyszuka wszystkie nazwy rozpoczynające się literą \"a\". Zaznaczając opcję \"wyszukiwania rozszerzonego\" skrypt będzie wyszukiwał zadaną frazę również we wnętrzu nazwy.", {background:"#DDECFF", font:"bold 12px Arial", width:"350px", padding:"20px"}]
tooltips[8]=["images/talia.jpg", "Talia dzbanka - schemat.", {background:"#FFFFFF", color:"black", border:"5px ridge darkgreen", padding:"15px"}]
return tooltips //do not remove/change this line
}(),
tooltipoffsets: [20, -30], //additional x and y offset from mouse cursor for tooltips
//***** NO NEED TO EDIT BEYOND HERE
tipprefix: 'imgtip', //tooltip ID prefixes
createtip:function($, tipid, tipinfo){
if ($('#'+tipid).length==0){ //if this tooltip doesn't exist yet
return $('').html(
''
+ ((tipinfo[1])? ''+tipinfo[1]+'
' : '')
)
.css(tipinfo[2] || {})
.appendTo(document.body)
}
/*
if ($('#'+tipid).length==0){ //if this tooltip doesn't exist yet
return $('').html(
((tipinfo[1])? ''+tipinfo[1]+'
' : '')
)
.css(tipinfo[2] || {})
.appendTo(document.body)
}
*/
return null
},
positiontooltip:function($, $tooltip, e){
var x=e.pageX+this.tooltipoffsets[0], y=e.pageY+this.tooltipoffsets[1]
var tipw=$tooltip.outerWidth(), tiph=$tooltip.outerHeight(),
x=(x+tipw>$(document).scrollLeft()+$(window).width())? x-tipw-(ddimgtooltip.tooltipoffsets[0]*2) : x
y=(y+tiph>$(document).scrollTop()+$(window).height())? $(document).scrollTop()+$(window).height()-tiph-10 : y
$tooltip.css({left:x, top:y})
},
showbox:function($, $tooltip, e){
$tooltip.show()
this.positiontooltip($, $tooltip, e)
},
hidebox:function($, $tooltip){
$tooltip.hide()
},
init:function(targetselector){
jQuery(document).ready(function($){
var tiparray=ddimgtooltip.tiparray
var $targets=$(targetselector)
if ($targets.length==0)
return
var tipids=[]
$targets.each(function(){
var $target=$(this)
$target.attr('id').match(/\[(\d+)\]/) //match d of attribute rel="imgtip[d]"
var tipsuffix=parseInt(RegExp.$1) //get d as integer
var tipid=this._tipid=ddimgtooltip.tipprefix+tipsuffix //construct this tip's ID value and remember it
var $tooltip=ddimgtooltip.createtip($, tipid, tiparray[tipsuffix])
$target.mouseenter(function(e){
var $tooltip=$("#"+this._tipid)
ddimgtooltip.showbox($, $tooltip, e)
})
$target.mouseleave(function(e){
var $tooltip=$("#"+this._tipid)
ddimgtooltip.hidebox($, $tooltip)
})
$target.mousemove(function(e){
var $tooltip=$("#"+this._tipid)
ddimgtooltip.positiontooltip($, $tooltip, e)
})
if ($tooltip){ //add mouseenter to this tooltip (only if event hasn't already been added)
$tooltip.mouseenter(function(){
ddimgtooltip.hidebox($, $(this))
})
}
})
}) //end dom ready
}
}
//ddimgtooltip.init("targetElementSelector")
ddimgtooltip.init("*[id^=imgtip]")