2 ondblclick sur une même ligne, en cours circuiter 1

Version imprimable

Bonsoir,

Dans un formulaire composé d'un tableau, j'ai mis la possibilité de double cliqué sur une ligne complète pour accéder au détail.

J'ai besoin aussi de double cliquer sur un champ pour le modifier.

Mais les 2 double clic s'exécute, ce qui me semble normal.

Ce qui me donne le code source suivant :
Code:

1 2 3 4 <tr ondblclick="javascript:window.location = 'mailings_maj.php?send_id=32&send_trt=Modifier'"; alt="Modifier" title="modifier"> <td><a ondblclick="inlineMod(392, this, 'oper_date_fin', 'date','ajaxUpdOperation.php')" title="Double Cliquez pour modifier la date"> 30/05/2008</a></td> </tr>
Est-il possible de cours circuiter un des 2 doubles clic ?

En effet si inlineMod est déclencher, je voudrai bloquer le javascript:window.location.

Merci d'avance pour vos idées

19/06/2008, 21h27
le_chomeur

houla houla ...
dans ces cas la , je passerais par un listener , et un srcElement ( ou target ) pour vérifier sur quel élément on a clické , et déclencher l'action en fonction ...

bonjour,

les événements se propagent de l'objet qui a déclenché l'événement vers l'objet ou les objets parents gérant également cet événement.

Donc quand tu vas cliquer sur le span, le double clic va se gérer également vers le tr. Mais l'inverse ne se fera pas : si tu double-cliques sur le tr, le span ne va pas générer cet événement.

voilà un truc : utilise un drapeau (ici dblClicSpan) qui passe à true si le tagName est un span (=double clic sur un span), comme ça lorsque le double-clic se produira sur le tr (il vient juste après celui du span), le drapeau sera à true et tu sors de la fonction (voir if (dblClicSpan)). Si le tagName est tr, le drapeau reste à false.
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 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 <html> <head> <title></title> <script type="text/javascript">  </script> </head> <body> <table border="1"> <tr ondblclick="doubleClic(this)"> <td style="width:200px"> <span ondblclick="doubleClic(this)" title="Double Cliquez pour modifier la date"> 30/05/2008 </span> </td> <td style="width:200px"> <span ondblclick="doubleClic(this)" title="Double Cliquez pour modifier la date"> 30/05/2008 </span> </td> <td style="width:200px">   </td> </tr> </table> <div id="test"></div> </body> </html>

Merci l'Auteur,

Explication clair et simple, adaptation aisé, cela fonctionne parfaitement.

J'ai fait comme ceci

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
33
34
35
36
37
38
39
40
 
<html>
 
<head>
 
<title></title>
 
<script type="text/javascript">
<!--
var dblClicSpan = false;
function doubleClic(objet)
{
	if (dblClicSpan)
	{
		dblClicSpan = false;
		return false;
	}
 
	if (objet.tagName.toLowerCase()=="span")
	{
		dblClicSpan = true;
		return dblClicSpan;
	}
	else
	{
		return true;
	}
}
</script>
 
</head>
 
<body>
 
<table border="1">
<tr ondblclick="if(doubleClic(this)) javascript:window.location = 'mailings_maj.php?send_id=32&send_trt=Modifier'"; 
					alt="Modifier" title="modifier">
<td><a ondblclick="if(doubleClic(this)) inlineMod(392, this, 'oper_date_fin', 'date','ajaxUpdOperation.php')" title="Double Cliquez pour modifier la date"> 30/05/2008</a></td>
 
<td><a ondblclick="if(doubleClic(this)) inlineMod(407, this, 'oper_date_fin', 'date','ajaxUpdOperation.php')" title="Double Cliquez pour modifier la date"> 31/07/2008</a></td></tr>

Merci encore

20/06/2008, 12h06
Auteur
supprime le terme javascript dans la balise TR, c'est inutile (après un événement c'est toujours du javascript) et ça peut faire planter ton script.

Utilise javascript uniquement pour les pseudo-url (appel de fonctions dans l'attribut href d'une balise a :
Code:

1 2 <a href="javascript:taFonction()">cliquez ici</a>
20/06/2008, 13h56
lodan

Merci,

J'ai donc un sacré nettoyage à faire maintenant, j'en ai partout.

Allez zou, je ne savais pas quoi faire ce week-end.
20/06/2008, 14h00
Auteur

bah ouvre tes pages HTML avec ton éditeur et utilise la fonction "remplacer par" ;) En 30 secondes c'est fait :D