Discussion :

[R'SKaP]

Bonjour,

J'aimerai savoir si il est possible d'arrêter le processus de traitement de Javascript ?

Je m'explique : j'ai une ligne de tableau sur lequel j'ai un onclick afin d'afficher/cacher des "sous-lignes", jusque là pas de soucis ça marche très bien.
Maintenant lorsque j'affiche les sous-lignes d'une ligne, j'ai dans cette ligne un bouton de validation qui apparait...

Hors lorsque je clique sur ce bouton, il va faire le traitement souhaité, puis il va cacher les sous-lignes, ce que je ne veux pas !

Ma problématique en résumé : Est-il possible soit, de dire a JavaScript qu'après le traitement de mon bouton validation d'arrêter son processus...
Soit autrement, de dire que lorsque je clique sur la ligne je veux que mes sous-lignes s'affichent SAUF lorsque je clique sur le bouton de validation...

J'espère que j'ai étais assez clair... Merci d'avance pour vos retours

[Bovino]

Il faut utiliser les méthodes / propriétés stopPropagation() / cancelBubble de l'événement lié à ton bouton pour empêcher l'événement de se propager.

[Sharcoux]

par curiosité, je veux bien voir le code de ta ligne et de ton bouton

merci

[R'SKaP]

Voici le code de ma ligne :

Code :

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

<tr id="ligne${objectif[1]}" class="ligne<%= style %>" style="height: 35px; background-color: pink;" onmouseover="this.style.cursor='pointer'" onclick="displayMagasins('${objectif[1]}')">

Et celui de mon bouton de validation :

Code :

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

<input type="button" name="btnValidObjectif" value="Validation" class="btnValidObjectif" onclick="javascript:validationObjectifs(false,'${objectif[1]}');">

Une idée ?
Sinon pour cancelBubble/stopPagination() je cherche mais je trouve et n'arrive a rien de probant... :s

[Bovino]

Code :

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

onclick="javascript:validationObjectifs(false,'${objectif[1]}');"

et si je mets

Code :

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

onclick="georges_clooney:makeCoffe('fast');"

ça marchera ?

Bref, tout ça pour dire que javascript: ne sert à rien dans un attribut d'événement qui attend du code JavaScript en paramètre...

Sinon

Code :

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

1
2
3
ElementHTML.onclick = function(e){
    e ? e.stopPropagation() : window.event.cancelBubble = true;
}

[Sharcoux]

j'ai pas testé (et un peu la flemme d'écrire un code de test), mais est-ce que renvoyer false dans le onclick du bouton ne permet pas de stopper la propagation?

Code :

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

1
2
3
4
5
6
<button ... onclick = "validationObjectifs(false,'${objectif[1]}');">
 
function validationObjectifs(....) {
    ...
    return false;
}

[R'SKaP]

Code :

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

onclick="javascript:validationObjectifs(false,'${objectif[1]}');"

et si je mets

Code :

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

onclick="georges_clooney:makeCoffe('fast');"

ça marchera ?

Bref, tout ça pour dire que javascript: ne sert à rien dans un attribut d'événement qui attend du code JavaScript en paramètre...

Certainement l'habitude des appels aux fonctions js dans les href...

Sinon j'ai résolu mon problème, notamment à l'aide de ce topic : http://www.developpez.net/forums/d10...ation-firefox/

J'ai ajouté le paramètre event dans l'appel de ma fonction, et dans celle-ci, a la fin du traitement, j'appelle une méthode stopEvent(e)

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
function stopEvent(e) {
	if(e.stopPropagation){
		e.stopPropagation();
		e.preventDefault();
	}
 
	if(window.event){
		window.event.cancelBubble = true;
		window.event.returnValue  = false;
		return;
	}
}

Et ça marche très bien ! Merci pour votre aide.