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

J'ai fini par trouver, je laisse la solution pour ceux que ça pourrait intéresser :

[html]<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>[/html]

[html]<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>[/html]

Dans l'exemple j'ai mis des images en guise de boutons.

Voilà :wink:

<a href="#" onClick="affCache('footer2');">Off</a>

Bon j'avance dans mes recherches :

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

[code]<script type="text/javascript">

function affCache(obj)

{

var el = document.getElementById(obj);

el.style.display = (el.style.display == "") ? "none" : "";

}

</script>[/code]

Mais je n'arrive pas à le faire dans le sens inverse pour réouvrir le div pied de page :(

Bonjour,

Pas très calé en langage javascript, je sollicite votre aide.
Actuellement sur le site [url]http://www.lagodilledetignes.com[/url] 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.