OnClick avec Tableaux imbriqués
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:
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