div dynamique

Accueil » Créer un site internet » div dynamique

	<script type="text/javascript">
	function affichercacher (id_div){
		//// on va d'abord cacher la sous categorie éventuellement affichée 
		//recherche de tous les div du document et mise dans un array "divs"
		divs= new Array();
		 divs = document.getElementsByTagName('div');
		
		 //on parcours tout cet array
		for (var i = 0;i < divs.length ; i++) {
			 //recherche des div qui ont un id commençant par sous_cat_
			if(divs[i].id.substr(0,9)=='sous_cat_'){
			//si c'est le cas on masque le div eventuelement ouvert
				document.getElementById(divs[i].id).style.display='none';
			}
		}
		/////
		////// puis on affiche la sous cat voulue
		var div_a_afficher=document.getElementById(id_div);
		div_a_afficher.style.display='block';
	}
	
	
</script>

<div onclick="affichercacher('sous_cat_0');">Categorie 1</div>
	<div id="sous_cat_0" class="sous_cat" style="display:none;" >
		- sous_categorie 1-1<br />
		- sous_categorie 1-2<br />
		- sous_categorie 1-3<br />
		
	</div>

<div onclick="affichercacher('sous_cat_1');">Categorie 2</div>
	<div id="sous_cat_1" class="sous_cat" style="display:none;" >
		- sous_categorie 2-1<br />
		- sous_categorie 2-2<br />
		- sous_categorie 2-3<br />
		- sous_categorie 2-4<br />
		
	</div>


<div onclick="affichercacher('sous_cat_2');">Categorie 3</div>
	<div id="sous_cat_2" class="sous_cat" style="display:none;" >
		- sous_categorie 3-1<br />
		- sous_categorie 3-2<br />	
		
	</div>

• Insérer du texte en un clique avec Javascript
• Ajouter une option à un select
• Récupérer la valeur de deux textfield dans un troisième
• Afficher une publicité avant lecture d'une vidéo
• Modifier une image au survole d'une autre en JavaScript

admin Dimanche 02 Décembre 2012

Réponse à @ lula :

Les commentaires fonctionnent très bien