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

Version imprimable

11/05/2011, 10h05
baggie

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

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 ! :)
11/05/2011, 10h16
omar24

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.

heu plus simple:

Code:

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:

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>

11/05/2011, 10h39
Loceka
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:

1 2 3 4 5 6 var datePremierClic; function firstclick(obj) { if (datePremierClic == undefined) { datePremierClic = new Date(); } }
11/05/2011, 10h48
SpaceFrog

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

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

Code:

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

11/05/2011, 13h51
baggie

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:

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

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

Problème résolu comme ceci :

Code:

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';
});

12/05/2011, 09h22
Loceka

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... :?
12/05/2011, 09h23
danielhagnoul

Bonjour

Chaque événement contient la date à laquelle il se produit !

Voir : http://www.developpez.net/forums/d10...s/#post5973536
12/05/2011, 13h51
baggie

Loceka > oui en effet c'est un peu n'importe quoi :aie: Je vais y remédier !

danielhagnoul > oh très intéressant, merci de l'info !