Discussion :

[Antoine13]

Bonjour,

Je suis en train de faire (pour nom fils) depuis 1 mois un script plutôt gros bricolage en php qui permettra d’évaluer les élèves.

J’ai utilisé les exemples de script se trouvant sur votre site en particulier en ajax comme ci-dessous ce qui ma permis de rendre l’application plus fluide.

Afin d’évaluer 2 élèves en même temps , j’ai mis un select multiple.

Malgré des recherches, je ne sais pas faire les modifications afin qu’il accepte les 2 valeurs et ne me les faire parvenir au script PHP qui ira chercher les TD commun aux 2 élèves.

J’ai remarqué que l’on utilise beaucoup Jquery mais je voudrais rester sur cette fonction cela me permettra e comprendre et de finir. Je verrai plus tard pour Jquery . Bien sûr si JQuery s’impose allons y.

Noté que mes connaissance sont maigre et nul en JS et en Ajax.

Merci pour vos exemples.

Antoine

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
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 xhr = getXhr();
	// 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){
			leselect = xhr.responseText;
			// On se sert de innerHTML pour rajouter les options a la liste
			document.getElementById('sous_competance').innerHTML = leselect;
		}
	}
	// Ici on va voir comment faire du post
	xhr.open("POST","Ajax/ajax_eval_eleve.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 l'auteur
	sel = document.getElementById('categorie');
	idcategorie = sel.options[sel.selectedIndex].value;
	xhr.send("id_Categorie="+idcategorie);
}

Le select

Code html :

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

<select name="nom[]"  size="8" multiple id="categorie" onchange= "go()" >';

[andry.aime]

Bonjour,

Code :

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

1
2
idcategorie = sel.options[sel.selectedIndex].value;
xhr.send("id_Categorie="+idcategorie);

utilise quelque chose comme ça à la place:

Code :

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

1
2
3
4
5
6
var nom = "";
for ( i=0 ; i<  sel.options.length;  i++)
{
   if(sel.options[i].selected) nom += "nom[]=" + sel.options[i].value +"&"
}
xhr.send(nom);

Coté php, $_POST["nom"] sera un array.

A+.

[Antoine13]

Tout d’abord merci pour la réponse.

Malheureusement cela ne fonctionne pas.

En effet, rien ne s'affiche dans le div. Il doit y avoir une erreur dans le js. J'ai bricolé, je n'arrive vraiment pas à me faire au js.

Si vous avez d'autres idées, merci d'avance.

Antoine

[Antoine13]

Bonsoir,

j'ai tourné le script mais je ne trouve pas de solution.

en avez vous?

Merci

[andry.aime]

Code :

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

1
2
3
4
5
if(xhr.readyState == 4 && xhr.status == 200){
			leselect = xhr.responseText;
			// On se sert de innerHTML pour rajouter les options a la liste
			document.getElementById('sous_competance').innerHTML = leselect;
		}

Remplace par

Code :

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

1
2
3
4
5
6
7
8
9
10
if(xhr.readyState == 4 ){
    if (xhr.status == 200 || xhr.status == 0){
        // On se sert de innerHTML pour rajouter les options à la liste 
        leSelect = xhr.responseText;
        document.getElementById('sous_competance').innerHTML = leselect;
    }
    else{
        alert( "Erreur : " + xhr.status + " " + xhr.statusText);
    }
}

Instale firebug sur firefox ou utilise l'outils de développement sur chrome et décrit nous les erreurs.

A+.

[Antoine13]

Merci pour vos réponses.

J’ai utilisé Chrome.

Sur la version qui fonctionne j’ai corrigé toutes les erreurs JS et autres.
Puis j’ai mis la version JS Ajax qui pose problème.

Le débogueur met les erreurs suivantes

“Uncaught SyntaxError: Unexpected end of input”

qui se rapporte au début de script JS

Code :

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

1
2
 
 <!--

Je l’ai enlevé et l’erreur se présente sur

Code :

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

1
2
 
function getXhr()

et ainsi de suite.

Et à chaque click sur un élève

“Uncaught ReferenceError: go is not defined”

qui se rapporte à

Code :

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

1
2
 
<select name="nom[]"  size="8" multiple id="categorie" onchange= "go()" >

Merci pour vos réponses et votre patience.