Log in

View Full Version : onmouseover



davelf
09-17-2009, 05:16 AM
can we use two action in one mouseover, this for the example:


<a href="#" onmouseover="document.images['s1b'].src='images/homeFlash/tree.png';">

<a href="#" onmouseover="doTooltip(event,0)" onmouseout="hideTip()">


can we combine those two onmouseover script into one onmouseover script.

thx for your attention..

davelf
09-18-2009, 03:36 AM
hello it's me again, i figure out how to combine two mouseover into one, but i have another problem now

before mouseover:
http://www.dynamicdrive.com/forums/attachment.php?attachmentid=2873&stc=1&d=1253244857

after mouseover:

http://www.dynamicdrive.com/forums/attachment.php?attachmentid=2874&stc=1&d=1253244863

the image run away to the right side, how to fix it, please somebody...

i use this script in css:


.yo a {
position:fixed;
display:block;
width:10px;
height: 400px;
background:no-repeat;
margin-left:50px;
margin-top:-100px;
}
.yo a:hover {
position:absolute;
display:block;
width:900px;
height: 200px;
background: transparent url(images/homeFlash/carousel-info.png) no-repeat;
background-position:bottom left;
padding-bottom:100px;
}


thx for your attention

davelf
09-18-2009, 04:09 AM
sorry for replying again, i've figure it out, but the code that i give up there looks like a mess in ie, once again please help..

this is the new code, that solve the run away position:


.yo a {
position:fixed;
display:block;
width:400px;
height: 20px;
background:no-repeat;
margin-left:-50px;
margin-top:-100px;
}
.yo a:hover {
position:absolute;
display:block;
width:400px;
height: 200px;
background: transparent url(images/homeFlash/carousel-info.png) no-repeat;
background-position:bottom right;
padding-bottom:100px;
padding-right:80px;
}


i don't have any experience in cross browser but i've tried it in opera, safari, firefox, no problem except in ie.
http://www.dynamicdrive.com/forums/attachment.php?attachmentid=2875&stc=1&d=1253246956