Faire une action au tout premier clic d'un élément [Résolu]

baggie · 11/05/2011, 10h05

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, 10h16

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, 10h29

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, 10h39

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, 10h48

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

NoSmoking · 11/05/2011, 13h11

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, 13h51

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, 09h09

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, 09h22

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

danielhagnoul · 12/05/2011, 09h23

Bonjour

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

Voir : http://www.developpez.net/forums/d10...s/#post5973536

baggie · 12/05/2011, 13h51

Loceka > oui en effet c'est un peu n'importe quoi

Je vais y remédier !

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

11/05/2011, 10h05	#1
baggie Membre confirmé Inscription : octobre 2007 Messages : 676 Détails du profil Informations personnelles : Âge : 23 Localisation : France, Rhône (Rhône Alpes) Informations forums : Inscription : octobre 2007 Messages : 676 Points : 225 Points : 225	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 !
	00

11/05/2011, 10h16	#2
omar24 Membre habitué Omar Inscription : septembre 2010 Messages : 146 Détails du profil Informations personnelles : Nom : Omar Localisation : Maroc Informations professionnelles : Secteur : High Tech - Multimédia et Internet Informations forums : Inscription : septembre 2010 Messages : 146 Points : 125 Points : 125	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.
	00

11/05/2011, 10h48	#5
SpaceFrog Rédacteur/Modérateur Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Inscription : mars 2002 Messages : 30 007 Détails du profil Informations personnelles : Sexe : Localisation : Royaume-Uni Informations professionnelles : Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Secteur : Industrie Informations forums : Inscription : mars 2002 Messages : 30 007 Points : 45 091 Points : 45 091	ben non je n'attribues pas de variable au départ, c'est inutile, suffit de tester si elle existe __________________ Ma page Developpez Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts) Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir... Votre post est résolu ? Alors n'oubliez pas le Tag réalisations :www.planet-languages.com\|www.saftair.com\| www.ouestisol.fr \| www.sebemex.fr \| www.extramiante.fr \| www.sistac-alizay.fr \| www.acoustishop.fr \| www.litt.fr \| www.ouestventil.fr
	00

11/05/2011, 13h51	#7
baggie Membre confirmé Inscription : octobre 2007 Messages : 676 Détails du profil Informations personnelles : Âge : 23 Localisation : France, Rhône (Rhône Alpes) Informations forums : Inscription : octobre 2007 Messages : 676 Points : 225 Points : 225	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".
	00

12/05/2011, 09h22	#9
Loceka Membre Expert Tlouye Ci Inscription : mars 2004 Messages : 1 450 Détails du profil Informations personnelles : Nom : Tlouye Ci Informations forums : Inscription : mars 2004 Messages : 1 450 Points : 2 149 Points : 2 149	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...
	00

12/05/2011, 09h23	#10
danielhagnoul Rédacteur Daniel Hagnoul Étudiant perpétuel Inscription : février 2009 Messages : 3 221 Détails du profil Informations personnelles : Nom : Daniel Hagnoul Âge : 61 Localisation : Belgique Informations professionnelles : Activité : Étudiant perpétuel Secteur : Enseignement Informations forums : Inscription : février 2009 Messages : 3 221 Points : 6 767 Points : 6 767	Bonjour Chaque événement contient la date à laquelle il se produit ! Voir : http://www.developpez.net/forums/d10...s/#post5973536 __________________ FAQ jQuery Mon cahier d’exercices sur jQuery & Co Si un message vous a aidé ou vous semble pertinent, votez pour lui !
	00

12/05/2011, 13h51	#11
baggie Membre confirmé Inscription : octobre 2007 Messages : 676 Détails du profil Informations personnelles : Âge : 23 Localisation : France, Rhône (Rhône Alpes) Informations forums : Inscription : octobre 2007 Messages : 676 Points : 225 Points : 225	Loceka > oui en effet c'est un peu n'importe quoi Je vais y remédier ! danielhagnoul > oh très intéressant, merci de l'info !
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email