Napisany przez: luis2luis 29.01.2020, 19:07:30
Witam.
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 z tej funkcji zwraca:
v:java script:; e:[object MouseEvent] t:undefinedNie 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');
});
});
Napisany przez: aras785 29.01.2020, 22:29:54
Cześć,
https://jsfiddle.net/o0aeug1c/1/
Ogólnie przepisałbym to na jquery po prostu
Napisany przez: luis2luis 30.01.2020, 00:24:36
Cytat(aras785 @ 29.01.2020, 22:29:54 )
Cześć,
https://jsfiddle.net/o0aeug1c/1/
Ogólnie przepisałbym to na jquery po prostu
Dziękuje bardzo. Niestety okienko nie zawsze pojawia się i nie znika wogóle
Napisany przez: aras785 30.01.2020, 00:32:09
Bo nie wiedziałem, że mam przerobić tak aby działało to poprawnie
https://jsfiddle.net/Lry2n56d/