Faire une action au tout premier clic d'un élément

**baggie** · 11/05/2011, 11h05

Bonjour,

est-il possible de savoir quand est-ce que l'on fait le premier "clic" sur un élément d'une dialog ?

Je développe :

- ma page est constituée de checkbox et d'input.
- dès qu'un clic est réalisé sur une checkbox ou un input, on décide que l'utilisateur est donc sur cette page

Je souhaiterai récupérer la date et heure à laquelle il effectue le tout premier clic.

J'ai cherché sur le web mais visiblement, il n'y a pas de réponse.

Si vous avez une idée ... Merci !

**omar24** · 11/05/2011, 11h16

Salut;
Je propose que tu ajoute à ton code une variable de contrôle qui égal au début à 0 après tu associes tous les éléments du dom susceptibles d’être à l'origine du clic que tu veux à l’évènement click.et tu fais un teste sur la variable si elle est égal à 0 l'incrémenter et faire le code pour créer la date courante si elle est différente à 0 ne rien faire.

**SpaceFrog** · 11/05/2011, 11h29

heu plus simple:

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
 
<script type="text/javascript">
function firstclick(obj){
result="déja clické"
if(!obj.clicked){
   obj.clicked=true
	result ="premier click"
}
alert(result)
}
</script>
</head>
 
<body>
<input type="button" onclick="firstclick(this)" value="go" />
</body>
 
</html>

ce qui donne en jquery

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
<script type="text/javascript">
$(function(){
 
	$('.clicksurvey').click(function(){
		$(this).data('clicked',($(this).data('clicked')==undefined)?true:false)
		alert(($(this).data('clicked'))?"première fois":"déja cliqué")
	})
})
 
</script>
</head>
 
<body>
<input class="clicksurvey" type="button" onclick="" value="go" />
</body>
 
</html>

**Loceka** · 11/05/2011, 11h39

Ce qui revient à peu près au même. ^_^

Un autre solution qui revient aussi au même mais avec une variable de moins :

Code :

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

1
2
3
4
5
6
var datePremierClic;
function firstclick(obj) {
  if (datePremierClic == undefined) {
    datePremierClic = new Date();
  }
}

**SpaceFrog** · 11/05/2011, 11h48

ben non je n'attribues pas de variable au départ, c'est inutile, suffit de tester si elle existe

**NoSmoking** · 11/05/2011, 14h11

Bonjour,
pourquoi ne pas mettre l'observateur sur le parent

Code :

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

1
2
3
4
5
6
7
8
9
10
11
  <form onclick = "
    var oClick = this['click'];
    if( !oClick.value){
      oClick.value = new Date();
    }
  ;">
  <input type="hidden" name="click">
  <input type="text" name="champ_1"><br>
  <input type="text" name="champ_2"><br>
  <input type="text" name="champ_3"><br>
  </form>

par exemple

**baggie** · 11/05/2011, 14h51

Merci pour toutes vos réponses.
Je vais voir si j'obtiens bien ce que je souhaite, et voir si je peux éviter d'avoir à ajouter une fonction à tous mes éléments, mais n'en mettre qu'une (fonction) générale.

Je vais essayer avec quelque chose comme ça :

Code :

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

$("#madialog input").click( ...)

tout en gardant la valeur "déja cliqué" ou "pas de clic".

**baggie** · 12/05/2011, 10h09

Problème résolu comme ceci :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
var clikage = 'non';
$("#prevtable input").live('click', function() {
	// Enregistrement de la date et de l'heure
	if(clikage == 'non')
	{
		clikage = 'oui';
		var date = new Date();
	}
	else clikage = 'rien';
});

**Loceka** · 12/05/2011, 10h22

ta variable "clikage" ne sert à rien, le mieux serait de se servir directement de la date (cf mon post et celui de Spacefrog). Mais si tu veux t'en servir quand même (de "clikage") utilise au moins un vrai booléen...