Discussion :

[69Pierre]

Bonjour.
J'ai fait une fonction JS pour changer un div par un fichier php. Apparemment, Ajax et JS se fiche de l’extension du fichier (la fonction fonctionne avec du .php qui ne contient que du HTML) mais ça ne marche plus lorsque mon fichier contient réellement des instructions php.
Comment faire ?
Fonction JS :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
function choix_form(fichier) {
 
    if(window.XMLHttpRequest) // FF
        xhr_object = new XMLHttpRequest();
    else if(window.ActiveXObject) // IE
        xhr_object = new ActiveXObject("Microsoft.XMLHTTP");
    else
        return(false);
    xhr_object.open("GET", fichier, false); // Ouverture du fichier
    xhr_object.send(null);
    monform.innerHTML = xhr_object.responseText; // Mofication du div
}

Fonction "appelant" les changement de div :

Code html :

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

1
2
3
4
5
6
7
8
<h1>Colonne de gauche</h1>
 
<a href="#" onclick="javascript:choix_form('../Controleur/saisieSortie.php');">saisieSortie</a> 
<a href="#" onclick="javascript:choix_form('../Controleur/saisieSortieBis.php');">saisieSortieBis</a> 
<a href="#" onclick="javascript:choix_form('../Controleur/saisieParcours.php');">saisieParcours</a>
<a href="#" onclick="javascript:choix_form('../Controleur/saisieParcoursBis.php');">saisieParcoursBis</a>
 
<script src="/Projet/Contenu/choix_form.js"></script>

Fichier php générant une rreur lorsqu'il est appelé : saisieSortie.php

Code html :

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
55
56
57
58
59
60
61
62
		<!--DEBUT SAISI NOUVELLE SORTIE-->
				<td>Itinéraire :</td>
 
				<td>
<!--AJAX-->
				<!--Menu Deroulant-->
				<p id="fileContent"></p>
 
				</td>	
 
<td><button type="button" name="liste"  value=<?php echo REQUETES2."?param1=V&param2=N"; ?> >Vélo</button></td>
<td><button type="button" name="liste"  value=<?php echo REQUETES2."?param1=C&param2=N" ; ?>>Course à P</button></td>
<td><button type="button" name="liste"  value=<?php echo REQUETES2."?param1=V&param2=O" ; ?>>Vélo Court</button></td>
<td><button type="button" name="liste"  value=<?php echo REQUETES2."?param1=C&param2=O"; ?> >Course à P Court</button></td>
 
 
				</td>
				</tr>
				<br>
<!--AJAX-->
			<tr>
				<td>Date :</td>
				<td><input name="date" type="date" id="date" ></td>
			</tr>
			<br>
			<tr>
				<td>Temps :</td>
				<td><input name="hh" type="text" id="hh" > HH 
				<input name="mm" type="text" id="mm" > MM 
				<input name="ss" type="text" id="ss" > SS 
				</td>
			</tr>
			<br>
			<tr>
				<td>Moyenne : </td>
				<td><input name="moyenne" type="text" id="moyenne" ></td>
			</tr>
			<tr>
				<td>Poids :</td>
				<td><input name="poids" type="text" id="poids" ></td>
			</tr>
			<tr>
				<td>Forme :</td>
				<td><input name="forme" type="text" id="forme" ></td>
			</tr>
			<br>
			<tr>
				<td>Commentaires :</td>
				<td><input name="com" type="text" id="com" ></td>
			</tr>
			<br>
			<tr>
				<td>Distance à ajouter :</td>
				<td><input name="autre_distance" type="text" id="autre_distance" ></td>
			</tr>
			<br>			
			<tr>
				<td>Commentaires longs :</td>
				<td><textarea name="comL" type="text" id="comL" ></textarea> </td>
			</tr>	
 
		<!--FIN SAISI NOUVELLE SORTIE-->

PS : j'oubiais. Je débute avec AJAX mais j'ai bien compris qu'il servait à faire le lien avec le client et le serveur via des requêtes POST ou GET, mais je ne sais pas le faire.

[mathieu]

Fichier php générant une rreur lorsqu'il est appelé : saisieSortie.php

quelle est l'erreur ?

[69Pierre]

Bonjour.
Je vais relire mon code et mes erreurs. Ton message tendrait à dire que mon appel ajax est correct ?

[Bovino]

Code :

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

monform.innerHTML = xhr_object.responseText;

D'où sort la variable monform ?
Que te dis la console de développement du navigateur ?

Ton message tendrait à dire que mon appel ajax est correct ?

Non, ça dit juste que tu ne donnes pas suffisamment d'informations pour que l'on puisse t'aider efficacement.

[69Pierre]

Bonjour.
monform est l'id de la div à modifier dans formulaire_saisies.php :

Code html :

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
<?php require_once '../Vue/gabarit.php';?>
<section class="corps1">
	<article id="corps11">
		<?php require_once '../Vue/Accueil/choixSaisie.php'; ?>
		<?php //require_once '../Vue/Accueil/choixSaisieV0.php'; ?>
		<br/>
		<br /> 
		<a href="https://developer.mozilla.org/fr/docs/Web/Guide/HTML/Formulaires/Mon_premier_formulaire_HTML">exemple formulaire</a>
		<a href="http://forum.lesite.com/topic-5-49009-1-AJAX-changer-le-contenu-dune-div-au-clic-avec-parametres-SQL.html">changer le div avec jquery</a>
	</article>
	<article id="corps12">
		<h1>Saisie</h1>
			<div >	
				<form name="formulaire" method="post" action="#">
					<div >
						<div id="monform">
							<?php require_once '../Controleur/saisieSortie.php' ?>
						</div>
						<td colspan="2">
							<div align="center">
								<input type="submit" name="Submit" value="Envoyer">
							</div>
						</td>
					</div>
				</form> 
			</div>
	</article>
</section>
<script src="../Contenu/onload.js"></script>

[69Pierre]

Bonjour.
Est ce que quelqu'un a une idée des erreurs que j'ai faites ?

[mathieu]

tu n'as toujours pas répondu à nos questions :
+ quelle est l'erreur dont tu parles dans le 1er message ?
+ avec quel code crées-tu la variable monform ?
+ quelles sont les erreurs indiquées par la console de développement de ton navigateur ?

[69Pierre]

Bonjour.

Euuuuuuuuuh...comment dire... j'ai tout cassé et je commence à reconstruire.
Il vaut mieux que je passe le fil en Résolu quitte à reposer ma question ?

[69Pierre]

Ca y est, j'ai trouvé.
Essentiellement des problèmes de chemins. Je n'ai pas compris la notion de chemin absolu, je pensais que c'était un chemin qui peut être appelé de la même manière à plusieurs endroits de l'arborescence. A priori non...