<html> <head> </head> <body> <html> <head> <style type="text/css"> .help { position: absolute; left: 300px; top: 20px; visibility: hidden; width: 100px; padding: 10px; border: 1px solid #f00; } form a:hover {cursor : help </style> <script type="text/javascript"> var item = null; function showHelp(newItem) { if (item) { item.style.visibility='hidden'; } item = document.getElementById(newItem); item.style.visibility='visible'; } </script> </head> <body> <form> <a href="javascript:showHelp('item1')" alt="get help">Afficher l'aide</a><BR> <a href="javascript:showHelp('item2')" alt="get help">Afficher l'aide</a> </form> <div id="item1" class="help">Aide de premier élément</div> <div id="item2" class="help">Aide de deuxième élément.</div> </body> </html> </body> </html> |
Cet article Javascript: Afficher et cacher un div est apparu en premier sur .