Erreur : Is not a function ?

Version imprimable

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:

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:

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!

09/12/2008, 10h35
le_chomeur

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

tu déclare ta méthode comme ceci :

Code:

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

hors, lors de l'appel :

Code:

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
09/12/2008, 10h36
Bovino

Code:

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

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

Code:

<script type="text/javascript" src="./scripts/script_participation_sondage.js"></script>
09/12/2008, 10h43
Auteur

Citation:

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:

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.
09/12/2008, 10h52
DanTesS

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 ;)
@+
09/12/2008, 11h32
le_chomeur

de rien ^^