Erreur : Is not a function ?

**DanTesS** · 09/12/2008, 10h01

Bonjour à tous!
Je me tourne vers vous car je rencontre une erreur dans une de mes pages PHP, due à une fonction Javascript :
J'essaye d'appeler une fonction appelée "Vote", et la console d'erreur de firefox m'indique "erreur, Vote is not a function".
J'ai beau tout retourné, tout re-faire, ça ne veut vraiment pas marcher, et je ne vois pas d'ou vient le soucis...
Si quelqu'un pouvait m'aider, je lui en serai reconnaissant

Je vous mets le code des pages :

Code PHP qui génère l'HTML :

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
 
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<script type="text/javascript" src="scripts/script_participation_sondage.js"></script>
		<title>D&eacute;tail du projet tagada</title>
	</head>
	<body>
		<div>
			<a href="./deconnexion.php">Se d&eacute;connecter</a>
		</div>
		<div>
			<p>Informations relatives au projet s&eacute;lectionn&eacute; :</p>
			<p>Id&eacute;e du projet : renovation</p>
			<p>Theme : test1</p>
			Presentation du projet : longue test1
			<p>Voulez-vous participer &agrave; ce projet ?</p>
		</div>
		<div>
			<form name="vote_sondage" method="POST" onsubmit="vote(this,'1','1');">
				<select name="vote" class="obligatoire">
                	<option value="" selected="selected">Fa&icirc;tes votre voix</option>
                	<option value="pour">voter pour</option>
                	<option value="contre">voter contre</option>
					<option value="blanc">s'abstenir</option>
				</select>
				<input type="submit" name="ok" value="valider le vote" />
			</form>
		</div>
		<div id="load_ajax"></div>
	</body>
</html>

(ce code est généré par une page PHP, qui fait des includes, si il faut je peux détailler ce code la aussi)

et le Javascript :

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
41
42
43
 
function vote(select,id_sondage,id_user)
{
	if(!confirm("êtes-vous sur?")) {
		select.vote.options[0].selected = true ;
		return false ;
	}
	else {
		var choix_vote = select.vote.value ;
		//<==========================Création de la requête XMLHttp ====================================>
		var xhr=null;
 
		if (window.XMLHttpRequest)
		{
	        xhr = new XMLHttpRequest();
	    }
	    else if (window.ActiveXObject)
	    {
	        xhr = new ActiveXObject("Microsoft.XMLHTTP");
	    }
		//<==========================================================================================>
		//on définit la fonction qui va être exécuté à chaque retour de serveur
		xhr.onreadystatechange = function() { alert_ajax() ; } ;
 
		xhr.open("POST","./AJAX/valid_vote.php", true) ;//on définit quoi utiliser et comment
		xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');//on rajoute le header indispensable pour les données envoyées en POST
		xhr.send("vote="+choix_vote+"&id_sondage="+id_sondage+"&id_user="+id_user) ;//et on envoi la requêtes avec les paramètres POST
 
		function alert_ajax(){ //fonction appellée à chaque changement d'état du serveur
			if (xhr.readyState ==4) {
				var response = xhr.responseText ;
				if (response ==0) { //si le vote a été validé de manière correcte
					document.getElementById('load_ajax').innerHTML = "Votre vote a bien été pris en compte" ;
					document.getElementById('load_ajax').setAttribute("class","free");
				}
				else if (response ==1) { //sinon on affiche une erreur de vote
					document.getElementById('load_ajax').innerHTML = "Une erreur est apparue durant le vote, veuillez re-essayer" ;
					document.getElementById('load_ajax').setAttribute("class","used");
				}
			}
		}
	}
}

Voila, si il manque des choses, ou que des explications ne sont pas claires, je suis prêt à répondre

merci d'avance!

**le_chomeur** · 09/12/2008, 10h35

Salut

je me permet une petite remarque plus d'ordre fonctionnel :

tu déclare ta méthode comme ceci :

Code :

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

function vote(select,id_sondage,id_user){...}

hors, lors de l'appel :

Code :

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

onsubmit="vote(this,'1','1');

this , renvoi ton formulaire et non pas ta balise select

( j'ai regardé le code après effectivement tu travailles bien sur le form et non le select mais niveau nomenclature on s'y perd ...

parenthèse faite, as tu essayé de changé de nom de méthode ?
car tu appels ta méthode vote , mais tu as ta balise sélect qui se prénomme vote également ... à tester

**Bovino** · 09/12/2008, 10h36

Code :

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

<script type="text/javascript" src="scripts/script_participation_sondage.js"></script>

Tu es sûr du chemin ?
Si oui, essaye :

Code :

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

<script type="text/javascript" src="./scripts/script_participation_sondage.js"></script>

**Auteur** · 09/12/2008, 10h43

Envoyé par le_chomeur

parenthèse faite, as tu essayé de changé de nom de méthode ?
car tu appels ta méthode vote , mais tu as ta balise sélect qui se prénomme vote également ... à tester

il y a des chances que cela vienne de là car :

Code :

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

select.vote.options[0].selected = true ;

par contre ta fonction ne retourne jamais true du coup je me demande si ton formulaire est bien envoyé au serveur.

**DanTesS** · 09/12/2008, 10h52

Bonjour à tous,
Désolé si je ne réponds pas vite, mais je suis actuellement en cours^^

Mais vous m'avez indiqué la bonne solution, c'était tout simplement parce que le select avait pour nom "vote" aussi, je viens de le changer, et ca marche

Je vous remercie.

pour ce qui est du fait de récupérer le formulaire en paramètre dans la fonction, c'était provisoire le temps que je résolve ce soucis, je vais appliquer la fonction sur le onchange du select.
Merci beaucoup à vous tous !
J'applique le tag résolu à la discussion

@+

**le_chomeur** · 09/12/2008, 11h32

de rien ^^

Erreur : Is not a function ?

JavaScript

Discussions similaires

Partager

Partager