Discussion :

[Laughing Man]

Bonjour à tous.

Je développe actuellement une interface en php, et j'ai un "soucis" avec une de mes pages.
Dans cette page, j'ai un formulaire (qui marche).
Ce que je voudrais faire, c'est dupliquer ce formulaire dans ma page, c'est à dire rajouter une nouvelle division contenant la même chose.
Le but, c'est de tout faire sur la même page, plutôt que devoir y passer deux fois.

Tout ça, j'arrive à le faire avec DOM sans problème. Mais je voulais savoir s'il y avait une solution pour le faire en AJAX+DOM ou AJAX tout seul.
J'ai fait pas mal de recherche et testé plusieurs choses, mais actuellement ça ne fonctionne pas.

Voilà mes scripts :
ajax.js

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
 
function ajout_seminaire(cpt){
	var compteur = cpt + 1;
 
	/* Récupération de l'élément concerné par l'ajout de ligne */
	liste_seminaire = document.getElementById("seminaire");
 
	/* Création d'un ligne de séparation */
	element = document.createElement('div');
	element.setAttribute('style','border-top: 1px solid blue; margin-top: 10px; margin-bottom: 10px');
	element.setAttribute('id','test');
	ligne = liste_seminaire.appendChild(element);
 
	var hxr = getXhr();
	xhr.onreadystatechange = function(){
			if((xhr.readyState == 4 )&& (xhr.status == 200)){
				element = xhr.responseText;
				document.getElementById('test').innerHTML = element;
			}
		}
 
		xhr.open("POST","Actions/ajax.php",true);
		xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
}

Dans ma page source php, j'ai un onclick pour appeler cette fonction, et dans ajax.php, j'ai juste :

Code :

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

1
2
3
4
 
<?php
echo('<div>test</div>');
?>

La partie DOM marche bien, mais pas l'AJAX.
J'ai du zapper un truc important, ou alors j'ai pas bien saisi comment çà fonctionne.
Si quelqu'un a une idée....

[RomainVALERI]

>>> php : c'est bizarre ces parenthèses après echo... non ? ^^

>>> javascript : juste un détail : méfie-toi quand même des variables non déclarées avec var : elles sont implicitement globales et il arrive que ça pose des problèmes... même si ce n'est vraisemblablement pas le cas ici.

>>> pour le problème rencontré : qu'est-ce qui "ne marche pas" ? (description, résultat, message d'erreur, quelque chose...)

[Saray]

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
function ajout_seminaire(cpt){
	var compteur = cpt + 1;
 
	/* Récupération de l'élément concerné par l'ajout de ligne */
	var liste_seminaire = document.getElementById("seminaire");
 
	/* Création d'un ligne de séparation */
	var element = document.createElement('div');
	element.setAttribute('style','border-top: 1px solid blue; margin-top: 10px; margin-bottom: 10px');
	element.setAttribute('id','test');
	ligne = liste_seminaire.appendChild(element);
 
	var hxr = getXhr();
	xhr.onreadystatechange = function(){
			if((xhr.readyState == 4 )&& (xhr.status == 200)){
				element.innerHTML = xhr.responseText;
			}
		}
 
		xhr.open("POST","Actions/ajax.php",true);
		xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
}

J'ai épure un petit peu ton code...

Oui dis nous ce qui ne marche pas ?

[RomainVALERI]

heu... on a laissé passer un truc énorme ^^

Code :

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

1
2
 
var hxr = getXhr();// suivi de l'utilisation d'un objet xhr inexistant...

[Saray]

heu... on a laissé passer un truc énorme ^^

Code :

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

1
2
 
var hxr = getXhr();// suivi de l'utilisation d'un objet xhr inexistant...

C'est un peu comme le nez en plein milieu de la figure