Discussion :

[Xeuch]

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 html :

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

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 :

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

[SpaceFrog]

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

Code :

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

function go(var param)

il fait quoi là le var ????

[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 html :

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

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

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

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

Merci de votre aide

[SpaceFrog]

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

[Xeuch]

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 :

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

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

[SpaceFrog]

Code :

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

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

Code :

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

parseInt('1')

???