xmlhttprequest

Version imprimable

xmlhttprequest

Bonjour,

J'ai developpe une ptite fonction javascript / php pour renseigner un champ texte avec le nom de la ville, en fonction du code postal.
Quand un code postal correspond a plusieurs villes, j'affiche une liste a cote du formulaire

Exemple avec 97400 :
Code:

1 2 3 4 5 6 7 8 9 10 <a name="bellepierre"></a> <a href="#bellepierre" onclick="document.getElementById('client[ville]').value='Belle pierre'">Belle pierre</a> <br> <a name="lebrule"></a> <a href="#lebrule" onclick="document.getElementById('client[ville]').value='Le brule'">Le brule</a> <br> <a name="stdenis"></a> <a href="#stdenis" onclick="document.getElementById('client[ville]').value='St denis'">St denis</a> <br><a name="stfrancois"></a> <a href="#stfrancois" onclick="document.getElementById('client[ville]').value='St francois'">St francois</a>
ca ca marche bien.. on clique sur la ville et ca renseigne le champ en question..

Par contre, quand j'ai une seule correspondance, j'aimerais bien que ce soit rempli directement donc j'ai tenté ce genre de choses :
Code:

1 2 3 4 <script type="text/javascript"> document.getElementById('client[ville]').value='Paris 01'; </script>
mais forcement, ca ne marche pas.. le code n'est pas executé...
Vous avez des idees sur comment je pourrais faire ca ??

Merci de votre aide, par avance !

26/10/2005, 14h56
denisC

Re: xmlhttprequest
Citation:
Envoyé par zevince

Code:

1 2 3 4 <script type="text/javascript"> document.getElementById('client[ville]').value='Paris 01'; </script>

mais forcement, ca ne marche pas.. le code n'est pas executé...
Vous avez des idees sur comment je pourrais faire ca ??
Retourne le code JS uniquement (sans les balises script) et fais un eval sur le texte retourné. :idea:
26/10/2005, 14h57
javatwister

comment ça? qu'est-ce qui ne marche pas? tu peux nous montrer ton source?

Bon, je vais essayer de m'expliquer mieux...

d'un coté, le formulaire et le javascript suivant :

Code:

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
 
function verifVille (cp)
{
	if(cp.length == 5)
	{
		texte = file('http://**********/scripts/V2/ajax/VilleCp.php?cp='+escape(cp))
		writedivcp(texte);
	}
 
}
 
function file(fichier)
     {
     if(window.XMLHttpRequest) // FIREFOX
          xhr_object = new XMLHttpRequest();
     else if(window.ActiveXObject) // IE
          xhr_object = new ActiveXObject("Microsoft.XMLHTTP");
     else
          return(false);
     xhr_object.open("GET", fichier, false);
     xhr_object.send(null);
     if(xhr_object.readyState == 4) return(xhr_object.responseText);
     else return(false);
     }
 
function writedivcp(texte)
	{
     document.getElementById('VilleCp').innerHTML = texte;
     document.getElementById('VerifClient').style.display='none';
     document.getElementById('VilleCp').style.display='block';
	}

et de l'autre, j'ai mon script php qui retourne les correspondances entre cp et ville :

Code:

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
 
<?php
//
// 
//
require_once ("../inc_pgsql.php");
require_once ("../inc_client.php");
require_once ("../inc_form.php");
 
$dbconn = Connection();
 
$cp = $_GET['cp'];
 
// VERIFICATION
if (empty($cp))
{
	echo("Le code postal est vide");
	exit();
}
 
$requete = "SELECT ville FROM \"references\".ref_ville_cp WHERE cp='".$cp."' ORDER BY ville;";
	$result = pg_query($dbconn, $requete);
	if (!$result) {
	  echo "Une erreur s'est produite.\n".pg_last_error();
	  exit();
	}
	else
	{
		$nb = pg_num_rows($result);
		if ($nb > 0)
		{
			if ($nb > 1)
			{
				while ($row = pg_fetch_assoc($result))
				{
					$id = strtolower(remove_accents(str_replace(' ','',$row['ville'])));
					echo "<a name='".$id."'></a>";
					echo "<a href='#".$id."' Onclick=\"document.getElementById('client[ville]').value='".$row['ville']."'\">".$row['ville']."</a><br/>";
				}
			}
			else
			{
				$row = pg_fetch_assoc($result);
				echo("<script type='text/javascript'>");
				echo("document.getElementById('client[ville]').value='".$row['ville']."';");
				echo ("</script>");
			}
		}
		else
		{
			echo ("Aucune correspondance");
		}
	}
Deconnection($dbconn);
?>

donc le premier cas est bien géré, quand y'a plusieurs possibilites..
mais quand y'en a qu'une seule, ca devrait remplir automatiquement le champ texte.. mais compliqué !

Quand a la solution "eval" .. j'ai testé, mais ca n'a pas l'air de marcher...

26/10/2005, 15h22
javatwister

Citation:

Envoyé par denisc

Retourne le code JS uniquement (sans les balises script) et fais un eval sur le texte retourné.

très juste!

et si possible, vire tes parenthèses pour encadrer une chaîne echo;
26/10/2005, 15h24
denisC
Citation:

Envoyé par zevince

Quand a la solution "eval" .. j'ai testé, mais ca n'a pas l'air de marcher...

Mais si, eval ça marchera très bien dans ton cas....

Simplement, il faut être consistent dans les deux cas, à savoir retourner soit du JS soit du HTML. La première solution est bien plus facile pour toi.

Dans ton deuxième cas, tu enleves les balises script, et dans le premier, tu mets tout ton texte avec un petit writedivcp(...); autour.

Ne reste plus qu'à changer ta fonction verifVille(cp) pour qu'elle ne refasse pas l'appel à writedivcp() et ta fonction file(fichier) qui au lieu de faire un :

Citation:

return(xhr_object.responseText);

Devra faire un
Code:

1 2 eval(xhr_object.responseText);
Et ça devrait le faire en peu de temps :)

PS: pour ton 3eme cas (pas de réponses) a toi de voir ce que tu veux faire en JS, pourquoi pas un alert?

Ah ben cool ! un peu le bordel dans les ' et " mais ca c'est une question d'attention :)

Merci bien !

ca donne ca :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
			if ($nb > 1)
			{
				while ($row = pg_fetch_assoc($result))
				{
					//$ville[]=$row['ville'];
					//Array_iso($ville);
					//Bouton_Creation_dossier($client_export);
					$id = strtolower(remove_accents(str_replace(' ','',$row['ville'])));
					$out .= "<a name=\'".$id."\'></a>";
					$out .= "<a href=\'#".$id."\' Onclick=\'document.getElementById(\"client[ville]\").value=\"".$row['ville']."\"\'>".$row['ville']."</a><br/>";
				}
				echo("writedivcp('".$out."')");
			}
			else
			{
				$row = pg_fetch_assoc($result);
				//echo ("test");
				//echo("<script type='text/javascript'>");
				echo("document.getElementById('client[ville]').value='".$row['ville']."';");
				//echo ("</script>");
				//echo ("test");
			}

pour la fonction php

et ca :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
function verifVille (cp)
{
	if(cp.length == 5)
	{
		texte = file2('http://10.0.0.163/scripts/V2/ajax/VilleCp.php?cp='+escape(cp))
		//writedivcp(texte);
	}
 
}
function file2(fichier)
     {
     if(window.XMLHttpRequest) // FIREFOX
          xhr_object = new XMLHttpRequest();
     else if(window.ActiveXObject) // IE
          xhr_object = new ActiveXObject("Microsoft.XMLHTTP");
     else
          return(false);
     xhr_object.open("GET", fichier, false);
     xhr_object.send(null);
     if(xhr_object.readyState == 4) eval(xhr_object.responseText);
     else return(false);
     }

pour le JS !

Merci ! toujours aussi rapide et utile, ce forum !