[AJAX] Faire un post sur un textarea en Ajax
Bonjour,
Je suis en train de faire un formulaire qui, graphiquement, a la forme d'un tableau. C'est la page 'maker2.php' dans laquelle s'effectue également le traitement.
Je voudrais que l'utilisateur puisse saisir un commentaire par ligne dans le textarea, puis le valide en cliquant sur le point de la ligne correspondante.
En final la ligne 1 aura un commentaire, la ligne 2 aussi, etc...
A noter :
- Il n'y a qu'un seul point par ligne
- Dans ma question je ne parle que de la ligne 1
Voici la zone de saisie et le tableau :
http://www.merlette.fr/exemple.jpg
Pour le point à l'intersection de Aldehydic et Aldehydic j'ai fait :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
| <td width="16" align="center" valign="middle">
<?php if ((isset($tendance1)) && (($tendance1) == 'aldehydic'))
{
echo '<a href="maker2.php?com_famille1" onclick="ligne1()">';
if ($c==1)
echo '<img src="images/point_plein.gif"
class="photosansbordure" width="14" height="14" alt="Image"/></a>';
else echo '<img src="images/point_vide.gif"
class="photosansbordure" width="14" height="14" alt="Image"/></a>';
}?></td> |
J'aimerais donc que quand l'utilisateur clique sur le point vide, ça envoie en POST la valeur du textarea grâce à l'instruction onclick="ligne1()".
Je passe com_famille1 en GET et $c est l'indice qui m'indiquera de quelle ligne il s'agit. Au réaffichage si $c=1 j'affiche un point gris "plein" pour indiquer quelle ligne a été validée.
Code:
if (isset($_GET['com_famille1'])) $c=1;
Voici le textearea :
Code:
1
2
| <textarea name="commentaire" style="border:1px solid #CCCCCC;"
wrap="virtual" cols="30" rows="9" id="commentaire"></textarea> |
Voici enfin la partie Ajax :
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
| <script type="text/javascript">
function getXhr(){
var xhr = null;
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;
}
return xhr;
}
function ligne1(){
var xhr = getXhr();
xhr.open("POST","maker2.php",true);
xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
com1 = document.getElementById('commentaire');
commentaire = com1.value;
xhr.send("commentaire="+commentaire);
}
</script> |
J'essaie de récupérer la variable $POST dans la variable $commentaire1 mais quand je fais un echo de $commentaire1, ça ne m'affiche rien...:(
Code:
if (isset($_POST['commentaire'])) {$commentaire1 = ($_POST['commentaire']);echo $commentaire1;}
Essayez d'être explicite dans vos explications, car je suis débutant...!
Merci de votre aide
