Discussion :

[Oukaria]

Bonjour,

Avant tout je dois vous dire que j'ai parcouru pas mal de forum et j'ai eu l'aide de personne qui connaissent l'ajax mais rien n'y fait!

Mon but :

J'ai un tableau avec une liste déroulante et des champs input type="Text"
Je voudrais que lorsque l'utilisateur choisit une option dans le select, une information en rapport avec avec cette option s'affiche dans mon input (j'ai besoin d'un input car je le réutilise après)

Exemple : il choisit une firme dans la liste déroulante et le numéro de client de cette firme apparait dans le champs de texte.


Et bien sur si je suis ici c'est que ça ne marche pas (^.^)"

Mon ajax :

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
 
   <script type="text/javascript"> 
	function getXMLHttpRequest(){
	var xhr = null;
 
	if (window.XMLHttpRequest || window.ActiveXObject) {
		if (window.ActiveXObject) {
			try {
				xhr = new ActiveXObject("Msxml2.XMLHTTP");
			} catch(e) {
				xhr = new ActiveXObject("Microsoft.XMLHTTP");
			}
		} else {
			xhr = new XMLHttpRequest();
		}
	} else {
		alert("Votre navigateur ne supporte pas l'objet XMLHTTPRequest...");
		return null;
	}
	return xhr;
}
 
function request1(callback) {
	var xhr = getXMLHttpRequest();
 
	xhr.onreadystatechange = function() {
		if (xhr.readyState == 4 && (xhr.status == 200 || xhr.status == 0)) {
			callback(xhr.responseText);
		}
	};
			var firme = encodeURIComponent(document.second.firme1.value);
 
	xhr.open("GET", "getuser.php?firme="+firme, true);
	xhr.send(null);
}
 
 
function readData1(sData){
	document.getElementsByName("client1").innerHTML= sData;
}
</script>

Mon php :

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
 
<form METHOD="POST" name="second" action="essai.php">
		<?php 
                $i=1;
                while($i<10){
                ?>
		<tr>
			<td><input type=TEXT name="date<?php echo $i; ?>" style="width:40px;" value="<?php if(isset($_POST['date'.$i])){ echo $_POST['date'.$i]; }else{ echo "";} ?>"/></td>
			<td><input type=TEXT name="localite<?php echo $i; ?>" style="width:70px;" value="<?php if(isset($_POST['localite'.$i])){ echo $_POST['localite'.$i]; }else{ echo "";} ?>"/></td>
			<td><input type=TEXT name="dep<?php echo $i; ?>" style="width:40px;" value="<?php if(isset($_POST['dep'.$i])){ echo $_POST['dep'.$i]; }else{ echo "";} ?>" /></td>
			<td>
				<select name="firme<?php echo $i; ?>" OnChange="javascript:request<?php echo $i; ?>(readData<?php echo $i; ?>());" > 
					<option value=" ">Selectionnez une entreprise</option>
					<option value="essai1">essai1</option>
					<option value="essai2">essai2</option>
				</select>
			</td>
			<td><input type=TEXT name="responsable<?php echo $i; ?>" style="width:70px;" value="<?php if(isset($_POST['responsable'.$i])){ echo $_POST['responsable'.$i]; }else{ echo "";}?>"/></td>
			<td><input type=TEXT name="pros<?php echo $i; ?>" style="width:70px;" value="<?php if(isset($_POST['pros'.$i])){ echo $_POST['pros'.$i]; }else{ echo "";}?>"/></td>
			<td><input type=TEXT name="client<?php echo $i; ?>" style="width:70px;" value="" /></td>
			<td><input type=TEXT name="code<?php echo $i; ?>" style="width:70px;" value="" /></td>
			<td><input type=TEXT name="observation<?php echo $i; ?>" style="width:350px;" value="<?php if(isset($_POST['observation'.$i])){ echo $_POST['observation'.$i];}else{ echo "";} ?>"/></td>
		</tr>

Le <?php echo $i; ?> me sert car je fais une boucle pour afficher plusieurs fois le choix. (c'est aussi pourquoi ma fonction en js s'appelle 1, j'en ai 9 autres pareilles faite à la main pour juste changer le numéro)


Mon fichier getuser.php

Code :

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

1
2
3
4
5
6
7
8
9
10
 
<?php
if(isset($_GET["firme"])){
	mysql_connect("localhost","root","");
	mysql_select_db("essai");
	$res = mysql_query("SELECT * FROM user WHERE firme=".$_GET["firme"]."");
	$row = mysql_fetch_array($res)
	echo $row['client'];
	}
?>

Avec Dragonfly (equivalent de firebug sous Opera)il me met lorsque je choisis une option :

Uncaught exception: TypeError: 'callback' is not a function

Error thrown at line 27, column 3 in <anonymous function: xhr.onreadystatechange>() in http://localhost/gnagnagna/essai.php:
callback(xhr.responseText);


Si vous pouviez m'aider j'en serais très heureux

[RomainVALERI]

Où et quand est appelée ta fonction request1 ? A vue de nez selon ce que tu décris, il faudrait pouvoir déterminer ce qui est passé en paramètre à la fonction mais c'est vraisemblablement par là que ça pose problème.

Il faudra d'ailleurs peut-être envisager d'appeler ta fonction de callback par l'intermédiaire de call ou apply, mais montre-nous d'abord ton appel.

Sinon, autre chose, pour ne pas être obligé de nous expliquer (avec les déformations possibles ^^) ce que fait ton php à l'exécution, il vaut bien mieux poster directement le code généré (ah oui ? pourquoi ?)

[Oukaria]

la source de ma page ?

c'est assez immonde ^.^

J'ai tout mis en fichier attacher

Ma fonction request1 est appelée lors du OnChange de mon Select avec en paramètre readData1()

[Oukaria]

Après avoir regardé sous firebug la valeur de chaque variable : le seul problème c'est qu'il me met callback undefined.

xhr.responseText contient bien ce que je veux mettre dans mon input ...

[RomainVALERI]

Ma fonction request1 est appelée lors du OnChange de mon Select avec en paramètre readData1()

Je n'ai pas encore regardé tes fichiers pour l'instant parce que déjà avec ce que tu annonces :

> si tu passes readData1() en paramètre, ce qui est envoyé à ta fonction request1, ce n'est pas une fonction mais ce qu'elle renvoie. Essaie avec readData1 (c'est-à-dire sans les parenthèses) comme paramètre de request1 et dis-nous un peu comment ça se passe ^^

[Oukaria]

la fonction marche nikel !
Le seul truc maintenant c'est que ça ne s'écrit pas dans la value de mon input x)

Code :

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

document.getElementsByName("client1").innerHTML= sData;

sData à bien la valeur retourné c'est pas ça le problème c'est donc ma formule

En plus c'est nimp ce que j'ai fais, je savais que c'était le retour et ça m'as parut logique .... la fatigue est mon ami (^.^)"

[Bovino]

Code :

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

document.getElementsByName("client1")[0].innerHTML= sData;

le "s" de Elements dans getElementsByName indique bien que le résultat est une collection d'éléments, il faut donc indiquer lequel tu veux affecter !

[RomainVALERI]

Avant tout je dois vous dire que j'ai parcouru pas mal de forum et j'ai eu l'aide de personne qui connaissent l'ajax mais rien n'y fait!
[...]
Si vous pouviez m'aider j'en serais très heureux

A croire que tu n'étais pas venu au bon endroit

la fonction marche nikel !

Bienvenue sur developpez, Oukaria !

[Oukaria]

J'avoue j'ai fait un bon choix quand j'ai posté ici

Par contre je n'arrive pas à la faire afficher dans mon input et encore moins dans la value :-O
Pourtant je vois ce que je veux écrire si j'inspecte la case de mon tableau.
Elle s'écrit entre <input> et </input> mais elle n'apparait pas si je regarde le code source de la page.

Après quelques tests : en inspectant sous chrome j'ai : NO_MODIFICATION_ALLOWED_ERR: DOM Exception 7
J'ai regardé, ça serait que l'attribut que je veux est en lecture seul, comment je fais pour modifier ça ?

------------------------------------

Je suis en train de jubilé

voilà ce qu'y m'a aidé :

Code :

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

$('input#client1').val(sData);

Un petit peu de JQuery en plus de l'ajax

Merci beaucoup pour m'avoir aidé !