Page 1 sur 1

Footer visible ou non à la demamde

Posté : 12 juil. 2011, 13:36
par xolo
Bonjour,

Pas très calé en langage javascript, je sollicite votre aide.
Actuellement sur le site http://www.lagodilledetignes.com il y a un pied de page fixe (menu) et je souhaiterais que ce même pied de page puisse être visible ou non suivant l'envie de l'utilisateur grâce à deux boutons, "off et on" par exemple.
Je crois savoir que le javascript est capable de faire ça, mais comment... voilà ma question :wink:

Merci pour votre aide précieuse.

Re: Footer visible ou non à la demamde

Posté : 12 juil. 2011, 14:11
par xolo
Bon j'avance dans mes recherches :

Pour fermer c'est ok :
<a href="#" onClick="affCache('footer2');">Off</a>

Code : Tout sélectionner

<script type="text/javascript"> function affCache(obj) { var el = document.getElementById(obj); el.style.display = (el.style.display == "") ? "none" : ""; } </script>
Mais je n'arrive pas à le faire dans le sens inverse pour réouvrir le div pied de page :(

Re: Footer visible ou non à la demamde

Posté : 12 juil. 2011, 23:42
par xolo
J'ai fini par trouver, je laisse la solution pour ceux que ça pourrait intéresser :
<script>
function afficheId(baliseId)
  {
  if (document.getElementById && document.getElementById(baliseId) != null)
    {
    document.getElementById(baliseId).style.visibility='visible';
    document.getElementById(baliseId).style.display='block';
    }
  }

function cacheId(baliseId)
  {
  if (document.getElementById && document.getElementById(baliseId) != null)
    {
    document.getElementById(baliseId).style.visibility='hidden';
    document.getElementById(baliseId).style.display='none';
    }
  }

cacheId('NOM DE L'ID');

</script>

<div id="*******"><p><a href="javascript:afficheId('NOM DE L'ID')"><img src="menu_css/images/bonton_on.png" border="0" width="18" height="18"></a></p><a href="javascript:cacheId('NOM DE L'ID');"><img src="menu_css/images/bonton_off.png" border="0" width="18" height="18"></a></div>
Dans l'exemple j'ai mis des images en guise de boutons.

Voilà :wink: