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

**lodan** · 19/06/2008, 20h27

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 :

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

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

**le_chomeur** · 19/06/2008, 21h27

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 ...

**Auteur** · 19/06/2008, 23h37

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 html :

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
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">
<!--
var dblClicSpan = false;
function doubleClic(objet)
{
  if (dblClicSpan)
  {
    dblClicSpan = false;
    return false;
  }
 
  if (objet.tagName.toLowerCase()=="span")
  {
    dblClicSpan = true;
    fonctionSPAN();
  }
  else
  {
    fonctionTR();
  }
}
 
function fonctionSPAN()
{
  document.getElementById("test").innerHTML += "dblClic sur SPAN<br>";
}
 
function fonctionTR()
{
  document.getElementById("test").innerHTML += "dblClic sur TR<br>";
}
 
//-->
</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">
    &nbsp;
  </td>
</tr>
</table>
 
<div id="test"></div>
 
</body>
 
</html>

**lodan** · 20/06/2008, 08h30

Merci l'Auteur,

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

J'ai fait comme ceci

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
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

**Auteur** · 20/06/2008, 12h06

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 :

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

1
2
 
<a href="javascript:taFonction()">cliquez ici</a>

**lodan** · 20/06/2008, 13h56

Merci,

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

Allez zou, je ne savais pas quoi faire ce week-end.

**Auteur** · 20/06/2008, 14h00

bah ouvre tes pages HTML avec ton éditeur et utilise la fonction "remplacer par"

En 30 secondes c'est fait

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

JavaScript

Discussions similaires

Partager

Partager