PRATIQUE CLIENTS WEB 
JavaScript : cacher/montrer un layer
 
Une fonction pour gérer différents "calques" à loisir dans la plupart des navigateurs modernes. (06/04/2004)
  Forum

Réagissez dans les forums de JDN Développeurs

Le couple de fonctions ci-après vous permettra de faire apparaître et disparaître des couches (ou layers) à l'envie, dans la plupart des navigateurs modernes.
Nous en donnons un exemple concret avec un petit formulaire où le clic au sein d'un champ texte active l'affichage d'un conseil ou d'une aide à propos de l'élément en cours. Une fois l'élément quitté, le conseil disparaît.

Le code
<form>
  <input type="text" onFocus="montre('txtNom')" onBlur="cache('txtNom')">
  <span id="txtNom" style="visibility: hidden;">Mettez votre nom</span><br>

  <input type="text" onFocus="montre('txtPrenom')" onBlur="cache('txtPrenom')">
  <span id="txtPrenom" style="visibility: hidden;">Mettez votre prénom</span><br>

  <input type="text" onFocus="montre('txtAge')" onBlur="cache('txtAge')">
  <span id="txtAge" style="visibility: hidden;">Mettez votre âge</span><br>
</form>

<script>
function montre(object)
  {
  if (document.layers && document.layers[object])
    {
    document.layers[object].visibility = 'visible';
    }
  else if (document.all)
    {
    document.all[object].style.visibility = 'visible';
    document.all[object].style.zIndex = 100;
    }
  else if (document.getElementById)
    {
    document.getElementById(object).style.visibility = 'visible';     document.getElementById(object).style.zIndex = 100;
    }
  }

function cache(object)
  {
  if (document.layers && document.layers[object])
    {
    document.layers[object].visibility = 'hidden';
    }
  else if (document.all)
    {
    document.all[object].style.visibility = 'hidden';
    }
  else if (document.getElementById)
    {
    document.getElementById(object).style.visibility = 'hidden';
    }
  }
</script>
 
Xavier Borderie, JDN Développeurs
 
 
Accueil | Haut de page