Bonjour à tous!
Voilà en fait comme cela est indiqué dans le titre, j'ai voulu créer un formulaire où un input apparaît ou pas lorsqu'on clique sur un lien, je suis donc tombé sur ce sujet qui m'a beaucoup aidé:
http://forum.alsacreations.com/topic-5-19363-1.html
avec ce code:
Le seul problème étant que lorsque la page est chargée au tout début le div est déjà apparu alors que lorsque la page vient d’être chargée j'aimerai que le div n'apparaisse pas.
Pourriez vous m'aider svp?
Merci d'avance
Voilà en fait comme cela est indiqué dans le titre, j'ai voulu créer un formulaire où un input apparaît ou pas lorsqu'on clique sur un lien, je suis donc tombé sur ce sujet qui m'a beaucoup aidé:
http://forum.alsacreations.com/topic-5-19363-1.html
avec ce code:
<html>
<head>
<script type="text/javascript">
/** Fonction basculant la visibilité d'un élément dom
* @parameter anId string l'identificateur de la cible à montrer, cacher
*/
function toggle(anId)
{
node = document.getElementById(anId);
if (node.style.visibility=="hidden")
{
// Contenu caché, le montrer
node.style.visibility = "visible";
node.style.height = "auto"; // Optionnel rétablir la hauteur
}
else
{
// Contenu visible, le cacher
node.style.visibility = "hidden";
node.style.height = "0"; // Optionnel libérer l'espace
}
}
</script>
</head>
<body>
<h1>Titre </h1>
<p>Contenu précédant </p>
<a href="#" onclick = "toggle('foo')">Cliquer pour basculer l'état du div suivant</a>
<!-- L'identificateur id du div doit être unique. Içi, "foo" ou "bar" ou autre, mais unique dans le document-->
<div id="foo">Ce contenu est visible ou non selon le cas</div>
<p>Contenu suivant </p>
</body>
</html>
Le seul problème étant que lorsque la page est chargée au tout début le div est déjà apparu alors que lorsque la page vient d’être chargée j'aimerai que le div n'apparaisse pas.
Pourriez vous m'aider svp?
Merci d'avance