JavaScript onMouseOut help... — OZONE Asylum, home of the Mad Scientists

DHTML/Javascript

JavaScript onMouseOut help...

This page's ID: 29062

Edit Post

Who can edit a post?	The poster and administrators may edit a post. The poster can only edit it for a short while after the initial post.

Your User Name:
Your Password:
Login Options:	Remember Me On This Computer

Your Text: Insert Slimies » Insert UBB Code » Close Last Tag \| All Tags UBB Help	posting your actual JavaScript might help :p Right now I don't see what can possibly go wrong. On [i]mouseover[/i] over [b]imgholder[/b], [b]imageframe[/b] should show up, and it should disapear when you [i]mouseout[/i] of it. FYI, this works ( as I understand what you to achieve ):[code]<?xml version="1.0" encoding="iso-8859-1"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" > <head> <title>foo</title> <style type="text/css"> body { background:#000; color:#ccc; margin:0; padding:0; font:12px Trebuchet ms; } #d1 { position:relative; width:128px; height:128px; background:orange; color:#000; } #d1.show #d2 { display:block; } #d2 { position:absolute; top:0; left:0; width:100%; height:100%; background:green; display:none; } </style> </head> <body> <p>lorem</p> <div id='d1' onmouseover='this.className="show"' onmouseout='this.className=""'> <img src='base.img.png' alt='base'/> <div id='d2'> <img src='1st.img.png' alt='1st' /> <img src='2nd.img.png' alt='2nd' /> </div> </div> <p>lipsum</p> </body> </html>[/code]For a cleaner, and CSS only version, remove all the inline event crap, and replace [i].show[/i] by [i]:hover[/i] in the CSS HTH [url=http://www.p01.org/][img]http://poi.ribbon.free.fr/files/p01_ozoneasylum_sig_galaxy.gif[/img][/url] [small](Edited by [url=http://www.ozoneasylum.com/user/2185]poi[/url] on 03-23-2007 01:53)[/small] Loading...
Options:	Enable Slimies Enable Linkwords

« Backwards — Onwards »

Show Forum Drop Down Menu