Discussion :

[bondak]

Bonjour
J’essaye d’implémenter une solution permettant la sélection d’un tableau dans une page html (avec changement de background pour chaque tableau sélectionné et récupération de son id pour utilisation future.

J’ai ajouté l’événement Onclick pour tous les tableaux de la page html, cet événement permet d’appeler la fonction de sélection tableSelect ().

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
20
21
22
23
24
25
26
27
28
29
30
31
32
<script language="JavaScript" type="text/JavaScript"> 
 
var listeTables = new Array() // Liste des tables sélectionnés
 
function tableSelect(leTableau){ 
 var dejaSelectionner = new Boolean(false)  // Variable booléenne permettant de vérifier si un tableau est déjà sélectionner.
 var indice 					   // Entier représentant l'indice dans le tableau des tables sélectionnées.
 
// on parcoure le tableau afin de verifier si le tableau est selectionner
 for (var i = 0 ;i < listeTables.length ; i++) { 
	 if (listeTables[i] == leTableau.id){
 		dejaSelectionner = true 
   		indice = i 
  		break;   
 	}else 
		dejaSelectionner = false 
  	} 
 	// si la table n'est pas déjà sélectionner
	if (dejaSelectionner == false){ 
 		listeTables.splice(listeTables.length,0,leTableau.id)  // insertion dans la liste
	 	leTableau.bgColor='#000000'; 						   // modifier le background
 
	// sinon	
 	}else{ 
  		listeTables.splice(indice,1); 						 // suppression de la liste
 		leTableau.bgColor='#CFFFFF'; 						 // modifier le background
 
 
	} 
 
	} 
</script>

J’ai un problème avec les tableaux imbriqués. Si j’ai dans la page plusieurs tableaux imbriqué, la sélection se fait sur tous les tableaux, mais moi je veux seulement le dernier tableau enfant.

Y’as t’il en javascript une méthode permettant de vérifier tous les balises parentes et leurs désactiver l’événement onClick ?

Merci pour votre aide

[SpaceFrog]

cancelBubble et stopPropagation

[bondak]

Merci SpaceFrog

Super...

[Shinuza]

Bondak : Termine tes statements avec un point virgule, ça t'évitera des bugs imprévisibles.

Autre chose, évite d'appeller le constructeur pour déclarer des élements primitifs (booléen, chaine de caractère et nombres), et utilise la notation courtes pour les élements de seconde classes (array,objet)

Du coup, remplace new Array par [] et new Boolean(valeur) par valeur.

[bondak]

Merci Shinuza pour tes conseils.
En effet il y'a longtemps que je n’ai pas touche JavaScript, je viens de modifier complètement ma fonction...