PDA

Pogčedajte punu verziju : hover na <p> (IE)


[nq]
15. 05. 2007., 13:01
Hover na <p> (IE6) ne mogu da nateram da radi. Googlao sam ali nista nisam nasao, mozda sam umoran. Neko? :1050:

nixa
15. 05. 2007., 13:04
http://www.learningjquery.com/2007/02/quick-tip-set-hover-class-for-anything

Blood
15. 05. 2007., 13:17
Probaj sa .htc fileovima.
http://www.xs4all.nl/~peterned/csshover.html

Dragan Babić
15. 05. 2007., 13:23
Blogodak koristi ovaj (http://www.htmldog.com/articles/suckerfish/hover/) tako da znaš da taj sigurno radi.

[nq]
15. 05. 2007., 15:01
Super, pogledacu sva resanja pa cu videti koje mi radi posao. Hvala!

Dragan Babić
15. 05. 2007., 15:28
Totalno sam te slagao u prošlom komentaru - evo ga pravi JS koji Blogodak koristi:

<attach event="onmouseover" handler="hoverRollOver" />
<attach event="onmouseout" handler="hoverRollOff" />
<script type="text/javascript">
//
// Simple behaviour for IE5+ to emulate :hover CSS pseudo-class.
// Experimental ver 0.1
//
// This is an experimental version! Handle with care!
// Manual at: http://www.hszk.bme.hu/~hj130/css/list_menu/hover/
//

function hoverRollOver() {
element.origClassName = element.className; // backup origonal className
var tempClassStr = element.className;
tempClassStr += "Hover"; // convert name+'Hover' the last class name to emulate tag.class:hover
tempClassStr = tempClassStr.replace(/\s/g,"Hover "); //convert name+'Hover' the others to emulate tag.class:hover
tempClassStr += " hover"; // add simple 'hover' class name to emulate tag:hover
element.className = element.className + " " + tempClassStr;
//window.status = element.className; // only for TEST
}
function hoverRollOff() {
element.className = element.origClassName;
}

</script>

Sorry :)

Blood
15. 05. 2007., 21:52
Totalno sam te slagao u prošlom komentaru - evo ga pravi JS koji Blogodak koristi:

<attach event="onmouseover" handler="hoverRollOver" />
<attach event="onmouseout" handler="hoverRollOff" />
<script type="text/javascript">
//
// Simple behaviour for IE5+ to emulate :hover CSS pseudo-class.
// Experimental ver 0.1
//
// This is an experimental version! Handle with care!
// Manual at: http://www.hszk.bme.hu/~hj130/css/list_menu/hover/
//

function hoverRollOver() {
element.origClassName = element.className; // backup origonal className
var tempClassStr = element.className;
tempClassStr += "Hover"; // convert name+'Hover' the last class name to emulate tag.class:hover
tempClassStr = tempClassStr.replace(/\s/g,"Hover "); //convert name+'Hover' the others to emulate tag.class:hover
tempClassStr += " hover"; // add simple 'hover' class name to emulate tag:hover
element.className = element.className + " " + tempClassStr;
//window.status = element.className; // only for TEST
}
function hoverRollOff() {
element.className = element.origClassName;
}

</script>

Sorry :)

To ti je .htc, jos ti fali jedna linija u css-u za body tag

behavior:url("link_ka_htc-u");


p0z ;)

Dragan Babić
15. 05. 2007., 22:28
A, rekoh da ja korišćen na Blogotku pa ima gde da pogleda oko implementacije. ;)