Quelle(s) technique(s) ... Nouvelle question ...

**miniil** · 26/01/2006, 23h39

Bonjour,

J'aimerais réaliser un nouveau site web.

Dans ce site j'aimerais inclure un formulaire à droite d'une page web, permettant de sélectionner une donnée, cette donnée sera alors reportée dans un champ à gauche de ma page.

Voici un exemple de mon formulaire de recherche :

Après l'appui sur le bouton de recherche, j'aimerais que la liste soit complétée.

J'ajouterais un bouton 'Ajouter' sur le formulaire pour ajouter la donnée sélectionnée à gauche de ma page.

Quelle technique serait la meilleure pour réaliser ce genre de page?
Quels languages?

Merci d'avance pour toutes les pistes que vous pourrez me donner.

**Spack** · 27/01/2006, 00h09

Humm... Ca peut se faire en javascript à l'aide de l'objet xmlhttprequest regarde cet article...
Mais juste pour information où récupères-tu les données et utilise tu un langage serveur...

**miniil** · 27/01/2006, 08h32

J'ai une base de données MySql et j'utilise jusqu'à présent du php.

**miniil** · 27/01/2006, 08h43

Je viens de lire l'article. Cette technique me semble très bien et je vais la tester.

Par contre, ils spécifient que le comportement varie en fonction des navigateurs. Existe-t-il de grosses différences entre les navigateurs?

**miniil** · 27/01/2006, 15h03

Voilà, j'ai testé d'un peu plus près cette méthode. Malheureusement pour l'instant je n'arrive à rien.

J'essaye ici simplement d'ajouter une valeur dans un select mais j'obtiens toujours la même erreur "has no properties"...

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
			/**
			* Méthode qui sera appelée sur le click du bouton
			*/
			function gophp&#40;&#41;&#123;
				getXhr&#40;&#41;;
				// On défini ce qu'on va faire quand on aura la réponse
				xhr.onreadystatechange = function&#40;&#41;&#123;
					// On ne fait quelque chose que si on a tout reçu et que le serveur est ok
					if&#40;xhr.readyState == 4 && xhr.status == 200&#41;&#123;
						reponse = clean&#40;xhr.responseXML.documentElement&#41;;
						alert&#40;reponse.getElementsByTagName&#40;"message"&#41;&#91;0&#93;.firstChild.nodeValue&#41;;
						document.sel.options&#91;document.sel.options.length&#93; = new Option&#40;'dmc','cmd'&#41;;
					&#125;
				&#125;
				xhr.open&#40;"GET","ajax.php",true&#41;;
				xhr.send&#40;null&#41;;
				
			&#125;
		</script>
	</head>
	<body>
		<select name='sel' size='20'>
		</select>
		<input type='button' value='Dis quelque chose !' onclick='gophp&#40;&#41;' />
	</body>
</html>

et ajax.php tout simple :

Code :

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

1
2
3
4
5
6
7
<?php
   $buffer  = '<?xml version="1.0"?>';
   $buffer .= '<reponse><message>Bonjour de PHP</message></reponse>';

   header&#40;'Content-Type&#58; text/xml'&#41;;
   echo $buffer;
?>

J'obtiens donc l'erreur : document.sel has no properties

Et là je vois pas du tout ce que je peux faire, quoi que je mette comme ligne de code, toujours cette même erreur

Aide?

Quelle(s) technique(s) ... Nouvelle question ...

Conception Web

Discussions similaires

Partager

Partager