J'ai trouver sur la toile un petit script qui me va parfaitement pour mon projet.
Toutefois, j'aimerai (si possible) avoir les <div> inclus dans le grand <div id="show_1"> affiché quand je sélection celui-ci.
Pour exemple le <div class="patate">J'aime les pomme de terre frite ! Et vous?</div> . Chose qui ne fonctionne pas aujourd'hui...
Mais garder la fonction principale qui est de cacher les autres <div id="show_> également par éléments et les afficher uniquement quand je les appels.
Merci de votre aide sur le sujet.
<html>
<head>
<style type="text/css">
#show div { display:none; }
#show .show { display : block; }
</style>
</head>
<body>
<h1>Panier</h1>
<div onclick="toggle_div(this,'show_1')"><input type="button" value="Voir les paniers" /></div>
<div onclick="toggle_div(this,'show_2')"><img src="min_work2.jpg" /></div>
<div onclick="toggle_div(this,'show_3')"><input type="button" value="Voir les anges" /></div>
<div onclick="toggle_div(this,'show_4')"><input type="button" value="Voir les cadres" /></div>
<!-- ETC...... -->
<section id="show">
<div id="show_1">
Ici les paniers
<div class="patate">
J'aime les pomme de terre frite ! Et vous?
</div>
</div>
<div id="show_2">
Ici les portes-clefs
</div>
<div id="show_3">
Ici les anges de noël
</div>
<div id="show_4">
Ici les cadres
</div>
</section>
<script type="text/javascript">
toggle_div = function(bouton, id) {
var section = document.getElementById("show");
var childSection = section.childNodes;
for(var i = 0; i < childSection.length; i++)
{
if(childSection[i].nodeType == 1)
{ childSection[i].className=childSection[i].className.replace("show","");
if(childSection[i].id === id)
{
childSection[i].className = childSection[i].className + "show";
}
}
console.log(childSection[i].nodeType);
}
var div = document.getElementById(id);
}
</script>
</body>
</html>
Webfun35
Un div peut en cacher un autre :P
× Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
× Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.