Javascript: Afficher et cacher un div

Author:

Javascript: Afficher et cacher un div
Download

<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 .