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