Utilisation de onclik et fonction non définie

Version imprimable

Bonjour les pro du web,

voici mon probleme : j'ai un on onclick sur un inout button mais quand je clik, il me dit que la fonction que j'appelle n'est pas définie. je ne suis pas sur de la façon dont j'appelle ma fonction (avec parametre).

Voici le code :

Code:

1
2
<input id="precendante" type="button" value="precedante" align="left" onClick="go('precedente')">
<input id="suivante" type="button" value="suivante" align="right" onClick="go('suivante')">

et voici 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
44
45
46
47
48
49
50
51
52
53
54
<script type='text/javascript'>
function getXhr(){
    var xhr = null; 
	if(window.XMLHttpRequest) // Firefox et autres
	   xhr = new XMLHttpRequest(); 
	else if(window.ActiveXObject){ // Internet Explorer 
	   try {
                xhr = new ActiveXObject("Msxml2.XMLHTTP");
            } catch (e) {
                xhr = new ActiveXObject("Microsoft.XMLHTTP");
            }
	}
	else { // XMLHttpRequest non supporté par le navigateur 
	   alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest..."); 
	   xhr = false; 
	} 
    return xhr;
}
 
/**
* Méthode qui sera appelée sur le click du bouton
*/
function go(var param){
	var xhr = getXhr();
	//RECEPTION DES DONNEES
	// On défini ce qu'on va faire quand on aura la réponse
	xhr.onreadystatechange = function(){
		// On ne fait quelque chose que si on a tout reçu et que le serveur est ok
		if(xhr.readyState == 4 && xhr.status == 200){
			leNouveauTab = xhr.responseText;
			// On se sert de innerHTML pour rajouter les options a la liste
			document.getElementById('diveTable').innerHTML = leNouveauTab;
		}
	}
	//ENVOI DES DONNEES AU SERVEUR
	// Ici on va voir comment faire du post
	xhr.open("POST","ajaxAfficheDetailFichPilote.php",true);
	// ne pas oublier ça pour le post
	xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
	// ne pas oublier de poster les arguments
	// ici, l'id de du domaine
	var action;
	var annee=document.getElementById('laDate').value;
	alert(annee);
	if(param=="suivante"){
		annee=annee+1;
	}
	if(param=="precendente"){
		annee=annee-1;
	}
	//domaine = sel.options[sel.selectedIndex].value;
	xhr.send("annee="+annee);
}
</script>

Merci de votre aide

03/04/2013, 10h21
SpaceFrog

pas de C majuscule à onclick
ensuite debugue en mettant un console log ou un alert en debut de ta fonction ...

Code:

function go(var param)

il fait quoi là le var ????
03/04/2013, 10h43
Xeuch
Merci de ta réponse,
en fait je pense que j'erreur venait du var que j'avais mis dans la fonction go () dans la partie JavaScript je l'ai résolu (afin je pense )
sinon j'ai une autre erreur qui me prend la tete actuellement :

en fait j'ai fais quelque part dans mon code :

Code:

<caption align="center" ><h1><div id="laDate">2013</div><h1></caption>

et c'est la valeur de cette date( 2013) que je veut recupere en fesant dans mon javascript :
Code:

1 2 3 4 5 6 7 8 var annee=document.getElementById('laDate').value; alert(annee); if(param=="suivante"){ annee=annee+1; } if(param=="precendente"){ annee=annee-1; }
mais l'alerte m'affiche indifined au lieu de 2014 ( =2013 +1) ou 2012 (=2013-1)

je ne sais pas pourquoi :roll:

Merci de votre aide
03/04/2013, 10h45
SpaceFrog

un div n'a pas de value !!!!
=> innerHTML

merci ça marche
Cependant quand je déplace l'alerte pares mes test par exemple si param =suivante
au lieu d'avoir 2014, j'ai 20131 , il concatène le 2013 avec le 1.
J'ai essayer d'utiliser parseInt() de cette façon :
Code:

1 2 3 4 5 6 7 8 9 10 if(param=="suivante"){ anneeEntier=anneeEntier+parseInt("1"); } if(param=="precendente"){ anneeEntier=anneeEntier-parseInt("1"); } alert(anneeEntier); //domaine = sel.options[sel.selectedIndex].value; xhr.send("anneeEntier="+anneeEntier); }
mais ça ne marche toujours pas

03/04/2013, 11h12
SpaceFrog

Code:

var annee= +document.getElementById('laDate').innerHMLT;

Code:

parseInt('1')

8O8O8O ???

En fait j'avais oublié de poster la première ligne

mais même avec les cote j'ai toujours pareil : :roll:

Code:

1
2
3
4
5
6
7
8
9
10
11
var anneeEntier=document.getElementById('laDate').innerHTML;
alert(param);
if(param=="suivante"){
	anneeEntier=anneeEntier+parseInt('1');
}
if(param=="precendente"){
	anneeEntier=anneeEntier-parseInt(1);
}
alert(anneeEntier);
//domaine = sel.options[sel.selectedIndex].value;
xhr.send("anneeEntier="+anneeEntier);

Tu n'as pas bien lu mon post

Code:

1
2
3
4
5
6
7
8
9
10
11
var anneeEntier= +document.getElementById('laDate').innerHTML;
alert(param);
if(param=="suivante"){
	anneeEntier+=1;
}
if(param=="precendente"){
	anneeEntier-=1;
}
alert(anneeEntier);
//domaine = sel.options[sel.selectedIndex].value;
xhr.send("anneeEntier="+anneeEntier);

Ouais j'avais mal lu !!
ça marche maintenant mais juste pour le premier test param=suivante,
si param=precedente, j'ai 2013 au lieu de 2012 ,il ne fais pas la soustraction on dirait :roll:
Code:

1 2 3 4 5 6 7 8 9 10 11 var anneeEntier=+document.getElementById('laDate').innerHTML; alert(param); if(param=="suivante"){ anneeEntier++; } if(param=="precendente"){ anneeEntier--; } alert(anneeEntier); //domaine = sel.options[sel.selectedIndex].value; xhr.send("anneeEntier="+anneeEntier);

03/04/2013, 11h40
Bovino

Citation:

si param=precedente, j'ai 2013 au lieu de 2012

Citation:

Code:

if(param=="precendente")

Rien ne te choque ? :roll:
03/04/2013, 11h40
SpaceFrog

Citation:

precendente

ascendante, descendante

p r e c e d e n t e
03/04/2013, 11h40
Xeuch

je suis vraiment ouffff, j'avais écris precendente au lieu de precedente :marteau:

c'est bon merci encore les amis Space et Bovin

je reviendrais si j'ai des soucis sur la partie traitement avec Ajax.

Merci encore