Partage

Ajax

Pb de formulaire

1 2 >>

22 août 2011 à 12:13:05

Bonjour, j'essaie de créer un formulaire qui permet de choisir une société dans une liste déroulante qui permet de récupérer la liste des personnes de cette société dans une autre liste déroulante. J'ai déjà réalisé un script de ce genre qui fonctionnait bien mais celui ci bug je ne comprends pas...

Voici mon code :

<?php
	include("requetes.php");
	
	$societe = NomSociete();
?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
	<script type="text/javascript" src="oXHR.js"></script>
	<script type="text/javascript">
		function request(oSelect)
		{
			var value = oSelect.options[oSelect.selectedIndex].value;
			var xhr = getXMLHttpRequest();
			
			xhr.onreadystatechange = function() {
				if (xhr.readyState == 4 && (xhr.status == 200 || xhr.status == 0)) {
					readData(xhr.responseXML);
					document.getElementById("loader").style.display = "none";
				} else if (xhr.readyState < 4) {
					document.getElementById("loader").style.display = "inline";
				}
			};
			
			xhr.open("POST", "interlocuteur.php", true);
			xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
			xhr.send("id_societe=" + value);
		}

		function readData(oData)
		{
			var nodes = oData.getElementsByTagName("item");
			var oSelect = document.getElementById("interlocuteur");
			var oOption,oInner;
			
			oSelect.innerHTML = "";
			for (var i=0, c=nodes.length; i<c; i++)
			{
				oOption = document.createElement("option");
				oInner  = document.createTextNode(nodes[i].getAttribute("name"));
				oOption.value = nodes[i].getAttribute("value");
				oOption.value = nodes[i].getAttribute("id");
				
				oOption.appendChild(oInner);
				oSelect.appendChild(oOption);
			}
		}
	</script>
	</head>
	<body>
	<form method="post" action="" enctype="multipart/form-data">
		<fieldset>
			<table>
				<tr><td>Société</td><td><select name="societe" onchange="request(this);">
				<option value="none">Choisir une soci&eacute;t&eacute;</option>
				<?php
					foreach($societe as $i => $value)
					{
						echo '<option value="'.$societe[$i]['id_societe'].'">'.$societe[$i]['nom_societe'].'</option>';
					}
				?>
				</select></td></tr>
				
				<tr><td> Interlocuteur </td><td><select id="interlocuteur" name="interlocuteur"></select></td></tr>
				
			</table>
		</fieldset>
		<center><input type="submit" value="Envoyer"/></center>
	</form>
	</body>
</html>

puis le page interlocuteur.php:

<?php 
	include('requetes.php');

	header("Content-Type: text/xml");
	echo "<?xml version='1.0' encoding='utf-8'?>";
	echo "<list>";
	
	$id_societe = (isset($_POST["id_societe"])) ? htmlentities($_POST["id_societe"]) : NULL;

	if ($id_societe)
	{
		$tabInterlocuteur = nomClient($id_societe);
		for($i=0; $i<sizeof($tabInterlocuteur); $i++)
		{
			echo "<item value='".$tabInterlocuteur[$i]['nom_client']."' id='".$tabInterlocuteur[$i]['id_client']."' name='".strtoupper([$i]['id_client'])."' />";
		}
	}

	echo "</list>";
?>

mes requêtes fonctionnent bien, je les ai vérifiées. Par contre, j'ai plusieurs erreurs dans la console JS:
"oData is null"
"document.getElementById("loader") is null"

J'ai testé en mettant des alerts, la fonction readData et plus précisément la ligne du var nodes ne fonctionne pas.

Si quelqu'un a une idée, je suis preneur merci !

lorddef

22 août 2011 à 12:26:21

où est appelée la fonction request?

Ajax

Pb de formulaire

Ajax

Supprimer

Modérer

Signaler le message aux modérateurs