Précédent   Forum des professionnels en informatique > Webmasters - Développement Web > JavaScript > Bibliothèques & Frameworks > jQuery
jQuery Forum d'entraide sur le framework jQuery. Avant de poster : Tutoriels jQuery, FAQ jQuery, Tous les tutoriels JavaScript, Toutes les FAQ JavaScript
Partagez cette discussion sur d'autres réseaux sociaux : Viadeo Twitter Google Facebook Digg Delicious MySpace Yahoo
Réponse Proposer ce sujet en actualité
 
Outils de la discussion
Publicité
'
Vieux 09/01/2011, 14h35   #1
Membre Expert
 
Avatar de beegees
 
Homme David Vincent (l'homme qui a vu les extra-terrestres)
Développeur Web
Inscription : mars 2004
Messages : 3 239
Détails du profil
Informations personnelles :
Nom : Homme David Vincent (l'homme qui a vu les extra-terrestres)
Âge : 37
Localisation : Belgique

Informations professionnelles :
Activité : Développeur Web
Secteur : Enseignement

Informations forums :
Inscription : mars 2004
Messages : 3 239
Points : 1 046
Points : 1 046
Par défaut L'évènement onclick ne fonctionne pas

Bonjour tout le monde,

J'ai un formulaire de contact avec 3 inputs (Nom, prénom et message) et deux boutons (effacer et envoyer).

En voici le code :

Code :
1
2
3
4
5
6
7
8
<div class="ligne_form_comm">
  <div class="labels" >Message * :</div>
    <textarea name="commentaire" cols="20" rows="8"> </textarea>
    <div id="valid">
      <input type="reset" name="Reset" value=" Effacer">
      <input type="submit" name="envoi" id="bouton_envoi" value="Envoyer" >
    </div>
  </div>
Je voudrais utiliser ce code trouvé sur Internet :

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
$("#bouton_envoi").click(function()
		{
			var hasError = false;
			var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
 
			var emailToVal = $("#votremail").val();
			if(emailToVal == '')
			{
				$("#votremail").after('<p class="erreur">Votre e-mail n\'est pas valide.</p>');
				hasError = true;
			}
			else if(!emailReg.test(emailToVal))
			{	
				$("#votremail").after('<p class="erreur">Votre e-mail n\'est pas valide.</p>');
				hasError = true;
			}
 
			var messageVal = $("#message").val();
			if(messageVal == '')
			{
				$("#message").after('<p class="erreur">Veuillez entrer un message !</p>');
				hasError = true;
			}
 
 
			if(hasError == false)
			{
				$(this).hide();
 
				$.post("includes/send_mail.php",
	   				{ emailTo: emailToVal, message: messageVal },
	   					function(data){
							$("#submit").before('<p class="info">Votre message a bien été envoyé ! Je vous répondrai le plus rapidement possible.</p>');
							(".erreur").hide();
	   					}
					 );
				(".info").fadeOut("8000");
			}
 
			return false;
		});
L'évènement onclick ne s'enclenche pas

J'ai pourtant tester la présence de jquery, ça fonctionne :

Code :
1
2
3
4
5
6
7
8
<script type="text/javascript" src="jquery.js"></script>
 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<!-- au cas ou jquery n'est pas dispo via le serveur de google.  ON peut aussi verfier que jquery fonctionne en metant if(jquery) -->
<script>
if (jQuery) {
    alert('JQUERY FONCTIONNE');
}
J'obtiens bien l'alerte pour me dire que jquery fonctionne.

Par contre, je clic sur mon bouton, rien ne se passe.

Merci d'avance pour votre aide et bon dimanche.

beegees
__________________
beegees est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 09/01/2011, 17h23   #2
Rédacteur/Modérateur
 
Avatar de SpaceFrog
 
Homme
Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur
Inscription : mars 2002
Messages : 30 005
Détails du profil
Informations personnelles :
Sexe : Homme
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 005
Points : 45 088
Points : 45 088
tu as un form ou pas ?

si c'est le cas passe plutot par le submit du form au lie du click sur le botuon
__________________
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
SpaceFrog est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 09/01/2011, 18h19   #3
Membre Expert
 
Avatar de beegees
 
Homme David Vincent (l'homme qui a vu les extra-terrestres)
Développeur Web
Inscription : mars 2004
Messages : 3 239
Détails du profil
Informations personnelles :
Nom : Homme David Vincent (l'homme qui a vu les extra-terrestres)
Âge : 37
Localisation : Belgique

Informations professionnelles :
Activité : Développeur Web
Secteur : Enseignement

Informations forums :
Inscription : mars 2004
Messages : 3 239
Points : 1 046
Points : 1 046
Citation:
Envoyé par SpaceFrog Voir le message
tu as un form ou pas ?

si c'est le cas passe plutot par le submit du form au lie du click sur le botuon
Bonjour SapceFrog,

Merci pour ta réponse.

Je n'ai pas de form.

En fait, j'ai mis mon code jquery dans une fonction.

Cette fonction est appelée dans le function.ready().

ça semble fonctionner.

Merci pour ton aide.

beegees
__________________
beegees est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 09/01/2011, 18h53   #4
Rédacteur/Modérateur
 
Avatar de SpaceFrog
 
Homme
Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur
Inscription : mars 2002
Messages : 30 005
Détails du profil
Informations personnelles :
Sexe : Homme
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 005
Points : 45 088
Points : 45 088


oui beegees pour initialise les évènements de tes objets il faut le faire dans une fonction qui se lance après le chargement de la page
Code :
1
2
3
4
 
$(function(){
.../...
})
voir:
http://www.developpez.net/forums/d89...y/#post5094379
__________________
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
SpaceFrog est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 09/01/2011, 18h55   #5
Membre Expert
 
Avatar de beegees
 
Homme David Vincent (l'homme qui a vu les extra-terrestres)
Développeur Web
Inscription : mars 2004
Messages : 3 239
Détails du profil
Informations personnelles :
Nom : Homme David Vincent (l'homme qui a vu les extra-terrestres)
Âge : 37
Localisation : Belgique

Informations professionnelles :
Activité : Développeur Web
Secteur : Enseignement

Informations forums :
Inscription : mars 2004
Messages : 3 239
Points : 1 046
Points : 1 046
Exactement Spaffey.

Par contre, j'ai d'autre soucis.

Merci pour ton aide

beegees
__________________
beegees est déconnecté   Envoyer un message privé Réponse avec citation 00
Réponse Proposer ce sujet en actualité Cette discussion est résolue.
Outils de la discussion



Fuseau horaire GMT +2. Il est actuellement 18h28.


 
 
 
 
Partenaires

Hébergement Web