cursor position — OZONE Asylum, home of the Mad Scientists

DHTML/Javascript

cursor position

This page's ID: 28384

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	:o that was quick[small][code]<!DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.01 Transitional//EN'> <html> <head> <style type='text/css'> #theUl .details { display:none; } #theUl.community #community .details, #theUl.management #management .details, #theUl.blogs #blogs .details { display:inline; position:relative; top:1em; left:-.5em; background:pink; padding:.25em; } </style> <script type='text/javascript'> function showdetails( detail ) { if( theUlHandle = document.getElementById( 'theUl' ) ) theUlHandle.className = theUlHandle.className==detail?'':detail; document.body.id = document.body.id; // force a redraw, don't ask } </script> </head> <body> <ul id='theUl'> <li id='community'> <a href='#' onclick='showdetails("community")'>community</a> <div class='details'> <a href='http://en.wikipedia.org/wiki/community'>wikipedia:community</a> </div> </li> <li id='management'> <a href='#' onclick='showdetails("management")'>management</a> <div class='details'> <a href='http://en.wikipedia.org/wiki/management'>wikipedia:management</a> </div> </li> <li id='blogs'> <a href='#' onclick='showdetails("blogs")'>blogs</a> <div class='details'> <a href='http://en.wikipedia.org/wiki/blogs'>wikipedia:blogs</a> </div> </li> </ul> </body> </html>[/code][/small]Do you need some explanations ? Notice it could be cleaner and ideally the details should be visible by default and hidden onload so that the page is accessible even with JavaScript OFF and CSS ON. [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 09-02-2006 20:35)[/small] Loading...
Options:	Enable Slimies Enable Linkwords

« Backwards — Onwards »

Show Forum Drop Down Menu