Discussion :

[Federico_muy_bien]

Bonjour à tous !

Je me mets au JS mais dur dur !
Je dois ajouter du contenu à une div qui n'a pad d'ID. Mais l'appel de la fonction pour rajouter ce contenu se fait depuis cette div donc ... j'aimerais recuperer la div qui lance la fonction. J'ai trouvé la fonction : window.event.srcElement mais je ne sais pas si elle est compatible avec les derniers navigateurs (IE7 =>) et comment l'utiliser.

exemple concret :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
<script language="javascript">
	function lancer_fonction(){
		div_a_modifier = recuperer la div qui a lancer la fonction ;
		div_a_modifier.innerHTML = "blabla" ;
	}
</script>
 
<div id="principal">
 
	<div>	
		<a href="#" onclick="lancer_fonction();" />
	</div>
 
	<div>	
		<a href="#" onclick="lancer_fonction();" />
	</div>
</div>

precision : je ne peux pas leur donner d'ID car elles sont crées dynamiquement et je ne vois pas quoi leur donner comme id ...

[tusssss]

Essaye avec des parentNode.

[SpaceFrog]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<script language="javascript">
	function lancer_fonction(obj){
		div_a_modifier = obj.parentNode ;
		div_a_modifier.innerHTML = "blabla" ;
	}
</script>
 
<div id="principal">
 
	<div>	
		<a href="#" onclick="lancer_fonction(this);" >ici</a>
	</div>
 
	<div>	
		<a href="#" onclick="lancer_fonction(this);" >ou ici </a>
	</div>
</div>

Au passage a n'est pas une balise autofermante

[Bovino]

Au cas où tes div ne soient pas nécessairement l'élément parent des liens, tu peux aussi affecter une classe (par exemple 'ajout') aux div créées dynamiquement puis reprendre la solution de Spaffy :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<script language="javascript">
	function lancer_fonction(obj){
		while(obj.className != 'ajout'){
			obj = obj.parentNode;
		}
		obj.innerHTML = "blabla" ;
	}
</script>
 
<div id="principal">
 
	<div class="ajout">	
		<a href="#" onclick="lancer_fonction(this);" >ici</a>
	</div>
 
	<div class="ajout">	
		<a href="#" onclick="lancer_fonction(this);" >ou ici </a>
	</div>
</div>

[Federico_muy_bien]

Salut !

OK magnifique !
Exactement ce que je voulais faire. Magnifique ce forum !
(oui des a autofermant ça sert pas a grand chose )

Derniere précision :

Dans mes div j'ai des select et des inputs. A chaque fois que je fais un innerHTML ça me remets tous les select et input à zero !!

1) Est ce normal ?
2) Comment palier à cela ?
3) Quel est le taux de compatibilité de tout ça ?

[SpaceFrog]

innerHTML comme son nom l'indique est le code html contenu dans le div