Mam w pewną funkcje tooltip, która ma jużpare lat
Chciałem zmienić jej wywoływanie poprostu poprzez klase .help, jednak mam problem, nie wiem jakie parametry przekazać funkcji. Fajny mechanizm jest w JQuery UI, ale nie chce teraz zmieniać wszystkich wywołań toltip'a.
Kod
function help(v,e,t) {
alert('v:' + v + ' e:'+e+' t:'+t); wywołałem taki alert. poniżej info co zwraca.
if(!v.title||!document.createElement)return
t=document.createElement("div")
t.move=function(e){
e=e||event
if( !e ) e = window.event;
if ( e.pageX || e.pageY ) {//ff
posx = e.pageX;
posy = e.pageY;
} else if ( e.clientX || e.clientY ) {//ie nie dziala
posx = e.clientX + document.body.scrollLeft;
posy = e.clientY + document.body.scrollTop;
}
t.style.left=posx-205+"px";//x FF
t.style.top=posy+30+"px";
}
t.hide=function(x){
v.title=t.innerHTML
if(x=$$("tooltip")) document.body.removeChild(x)
}
t.move(e);
t.id="tooltip"
t.innerHTML=v.title;v.title=""
document.body.appendChild(t)
v.onmouseout=t.hide
v.onmousemove=t.move
}
//wywołuje tak:
<a onmouseover=help(this,event) title="TREŚC NA WYSKAKUJĄCYM OKIENKU.." href="java script:;"><img src="grafika/help.gif"></a>
//chciałem po prostu tak:
<span class="help" title="tresc wyskakujacego okienka.">HELP</span>
alert('v:' + v + ' e:'+e+' t:'+t); wywołałem taki alert. poniżej info co zwraca.
if(!v.title||!document.createElement)return
t=document.createElement("div")
t.move=function(e){
e=e||event
if( !e ) e = window.event;
if ( e.pageX || e.pageY ) {//ff
posx = e.pageX;
posy = e.pageY;
} else if ( e.clientX || e.clientY ) {//ie nie dziala
posx = e.clientX + document.body.scrollLeft;
posy = e.clientY + document.body.scrollTop;
}
t.style.left=posx-205+"px";//x FF
t.style.top=posy+30+"px";
}
t.hide=function(x){
v.title=t.innerHTML
if(x=$$("tooltip")) document.body.removeChild(x)
}
t.move(e);
t.id="tooltip"
t.innerHTML=v.title;v.title=""
document.body.appendChild(t)
v.onmouseout=t.hide
v.onmousemove=t.move
}
//wywołuje tak:
<a onmouseover=help(this,event) title="TREŚC NA WYSKAKUJĄCYM OKIENKU.." href="java script:;"><img src="grafika/help.gif"></a>
//chciałem po prostu tak:
<span class="help" title="tresc wyskakujacego okienka.">HELP</span>
Alert z tej funkcji zwraca: v:java script:; e:[object MouseEvent] t:undefined
Nie wiem jak wywołać tą funkcje w taki sposób:
Kod
$( document ).ready(function() {
$( ".help" ).on( "mouseover", function(e) {
help($(this), e);
console.log('wywołana funkcja HELP');
});
});
$( ".help" ).on( "mouseover", function(e) {
help($(this), e);
console.log('wywołana funkcja HELP');
});
});
