[AJAX] Textarea (PHP Mysql)

**nicerico** · 03/10/2006, 16h08

Bonjour,

je voudrais récupérer la value d'un textarea
puis la déposer dans une table (update)
tout cela sans recharger la page
si j'ai bien compris, avec ajax c'est possible
malgres mes recherches, je n'ai pas trouvé de bon et clair tuto sur cela

merci de votre aide

**Matthieu2000** · 03/10/2006, 16h57

http://gael-donat.developpez.com/web/intro-ajax/

**nicerico** · 03/10/2006, 17h31

voila donc ou j'en suis

mon textarea :

Code :

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

1
2
3
4
5
6
7
 
<form  onSubmit="" action="" method="post" name="fff" id="fff">
<textarea name="com" id="com" cols="20" rows="4" ><? echo $row1["com"]?></textarea>
<br>
<input type="submit" value="Ok" onClick="go()" id="valid">
<input name="id_" type="hidden" value="<? echo $row1["id"]?>">
</form>

mon .js :

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
 
var xhr = null; 
 
			function getXhr(){
				if(window.XMLHttpRequest) // Firefox et autres
				   xhr = new XMLHttpRequest(); 
				else if(window.ActiveXObject){ // Internet Explorer 
				   try {
			                xhr = new ActiveXObject("Msxml2.XMLHTTP");
			            } catch (e) {
			                xhr = new ActiveXObject("Microsoft.XMLHTTP");
			            }
				}
				else { // XMLHttpRequest non supporté par le navigateur 
				   alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest..."); 
				   xhr = false; 
				} 
			}
			function go(){
				getXhr();
				xhr.onreadystatechange = function(){
					if(xhr.readyState == 4 && xhr.status == 200){
						leselect = xhr.responseText;
						// On se sert de innerHTML pour rajouter les options a la liste
						document.getElementById('com').innerHTML = leselect;
					}
				}
				xhr.open("POST","com.php",true);
				xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
				elmt1 = document.getElementById('com');
				elmt2 = document.getElementById('id_');
				new_com = elmt1.value;
				id = elmt2.value;
				xhr.send("id="+id+"new_com="+new_com);
			}

et mon .php

Code :

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

1
2
3
4
5
6
 
if(isset($_REQUEST["new_com"])&&isset($_REQUEST["id"])){
 
	 $com = 				$_REQUEST["new_com"];
	 $id = 					$_REQUEST["id"];
	 $result=mysql_query('UPDATE photo SET com = "'.$com.'" WHERE id = '.$id);

merci de votre aide