alimenter le textarea d'un formulaire

Version imprimable

Bonjour à tous !

Ce qui se conçoit bien s'énonce clairement ... je vais essayer d'exposer mon problème simplement:aie:

En cliquant sur ce lien

Code:

<a href='adresse.php?m=".$valeur[1]."'>lien</a>

où $m = $valeur[1], je souhaiterais "alimenter" le textarea d'un formulaire sans le soumettre, c'est à dire au reload de la page avec $m = $valeur[1] :
Code:

1 2 3 4 5 6 7 8 <form action="adresse.php#cible" method="post" enctype="multipart/form-data"> <textarea name="spec" id="formulaire" cols=50 rows=5><? echo"".$m.""; ?></textarea> <div align='right'><input type="submit" value="ENVOYER!" /></div> </form>
De telle sorte qu'à chaque nouvelle valeur de $m, celle-ci s'ajoute à la précédente ... vous voyez ?

Admettons, j'ai les liens suivants :

<a href='adresse.php?m=riri'>riri</a>
<a href='adresse.php?m=fifi'>fifi</a>
<a href='adresse.php?m=loulou'>loulou</a>
<a href='adresse.php?m=picsou'>picsou</a>

Ainsi, si je clique sur riri j'ai :

Code:

<textarea name="spec" id="formulaire" cols=50 rows=5>riri</textarea>

Mais si après, je clique sur fifi, j'ai :

Code:

<textarea name="spec" id="formulaire" cols=50 rows=5>fifi</textarea>

au lieu d'avoir :

Code:

<textarea name="spec" id="formulaire" cols=50 rows=5>rirififi</textarea>

et ainsi de suite ...

Alors j'ai pensé passer par un tableau du type :
Code:

1 2 3 4 $prenom = array('".$m."'); echo $prenom[0].' - '.$prenom[1].' - '.$prenom[2].' - '.$prenom[3].'';
Mais même problème...comment l'alimenter ! :calim2: je tourne en rond ...

Question subsidiaire à 1€ : savez-vous par hasard comment conserver la saisie d'un textarea d'une page à l'autre sans soumettre le formulaire ?

>> Je remplis mon textarea sans le soumettre, je navigue sur les pages d'un site et de retour au formulaire, j'ai de nouveau ma saisie...

Javascript, ajax, php (sessions? cookies?) ?

Merki les devellopeux;)

31/03/2010, 09h20
Fench

Bonjour,

Pour la première question, tu utilises une variable $_SESSION ça me parait le mieux.

Pour la deuxième, une fonction JS bien placée: cela dépend de ta page html en cours et de ces controles (vu comme cela je peux pas te répondre mais ça sera sur les événements de la page). Sinon, une js sur avant de quitter la page (je regarde et je te donne l'event).

EDIT: Regardes à onLoad et onUnLoad pour gérer à chaque fois le textarea

Bonjour,

A priori,
tant que le formulaire n'est pas soumis,
le contenu du textarea ne sera pas récupéré par le serveur
et ne pourra donc être utilisé par PHP.

Perso,
je tenterais le coup avec javascript :

Code:

1
2
3
4
5
6
7
 
function monHREF(el)
{
  var monLien=document.getElementById('monTextarea').value;
  el.href='?m='+monLien+el.innerHTML;
  return true;
}

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
 
<p><a href="" onclick="monHREF(this);">riri</a></p>
<p><a href="" onclick="monHREF(this);">fifi</a></p>
<p><a href="" onclick="monHREF(this);">loulou</a></p>
<p>
<form action="adresse.php#cible" method="post" enctype="multipart/form-data">
 
<textarea id="monTextarea" name="spec" id="formulaire" cols=50 rows=5><?php if (isset($_GET['m'])) echo $_GET['m']; ?></textarea>
 
<div align='right'><input type="submit" value="ENVOYER!" /></div>
 
</form>
</p>

Fred

31/03/2010, 10h28
Angelik

merci pour vos réponses rapides :ccool:

Je viens de tester ta méthode micetf avec le lien suivant :

Code:

<a href='index.php?page=adresse&m=".$row[1]."' onclick='monHREF(this);'>lien</a>

Une fois cliqué, celui-ci me renvoie à cette adresse : http://monsite.com/index.php?m=

et aucune valeur n'est attribuée à $m :calim2:

au lieu de http://monsite.com/index.php?page=adresse&m=fifi (fifi ou autres valeurs correspondant à ma boucle)

Concernant ma deuxième question à savoir : comment conserver la saisie d'un textarea d'une page à l'autre sans soumettre le formulaire, as-tu un exemple JS Fench ? le javascript et moi ça fait deux :aie:

Ceci fonctionne, si le script s'appelle index.php :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 <script type="text/javascript"> function monHREF(el) { var monLien=document.getElementById('monTextarea').value; el.href+='&m='+monLien+el.innerHTML; return true; } </script> <p><a href="index.php?page=adresse" onclick="monHREF(this);">riri</a></p> <p><a href="index.php?page=adresse" onclick="monHREF(this);">fifi</a></p> <p><a href="index.php?page=adresse" onclick="monHREF(this);">loulou</a></p> <p> <form action="adresse.php#cible" method="post" enctype="multipart/form-data"> <textarea id="monTextarea" name="spec" id="formulaire" cols=50 rows=5><?php if (isset($_GET['m'])) echo $_GET['m']; ?></textarea> <div align='right'><input type="submit" value="ENVOYER!" /></div> </form> </p>
Citation:

comment conserver la saisie d'un textarea d'une page à l'autre sans soumettre le formulaire

Si tu ne soumets pas le formulaire, c'est impossible.
Mais il est vrai qu'en utilisant le code ci-dessus, le contenu du textarea est contenu dans la query string ($_GET['m']) et on peut le récupérer ainsi.

Fred

31/03/2010, 12h27
Angelik

Merci micetf :ccool:

Suite à ton post, j'ai simplement modif

Code:

el.href='?page=adresse&m='+monLien+el.innerHTML;

pour être redirigé au bon endroit et non plus à index.php?m=

...enfin je me comprends comme dirait l'autre :cry:

Sinon ça me tracasse cette histoire de textarea qu'on ne peut pas conserver d'une page à l'autre ... j'écume tous les sites et abuse des mots clés les plus variés mais rien n'y fait ...

Si vous avez une astuce ou piste, je prends !:aie:

Rapidement :
En utilisant les cookies avec JS (http://javascript.developpez.com/faq...=navig#cookies), tu devrais arriver à tes fins.
Dans la fonction monHREF, ou lorsque tu saisis directement dans le textarea (fonction changeTextarea() appelée sur l'évènement onkeyup), tu crées un cookie
et, à la création de la page, tu lis ce cookie ($_COOKIE['textarea']).
Fred

Proposition :

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
<script type="text/javascript">
function SetCookie(name, value, days) {
     var expire = new Date ();
     expire.setTime (expire.getTime() + (24 * 60 * 60 * 1000) * days);
     document.cookie = name + "=" + escape(value) + "; expires=" +expire.toGMTString();
}
function GetCookie(name) {
     var startIndex = document.cookie.indexOf(name);
     if (startIndex != -1) {
          var endIndex = document.cookie.indexOf(";", startIndex);
          if (endIndex == -1) endIndex = document.cookie.length;
          return unescape(document.cookie.substring(startIndex+name.length+1, endIndex));
     }
     else {
          return null;
     }
}
function monHREF(el)
{
  var monLien=document.getElementById('monTextarea').value;
  el.href+='&m='+monLien+el.innerHTML;
  SetCookie('textarea',monLien+el.innerHTML,1);
  return true;
}
function changeTextarea(el)
{
  SetCookie('textarea',el.value,1);
}
</script>
<p><a href="index.php?page=adresse" onclick="monHREF(this);">riri</a></p>
<p><a href="index.php?page=adresse" onclick="monHREF(this);">fifi</a></p>
<p><a href="index.php?page=adresse" onclick="monHREF(this);">loulou</a></p>
<p>
<form action="adresse.php#cible" method="post" enctype="multipart/form-data">
 
<textarea id="monTextarea" name="spec" id="formulaire" cols=50 rows=5 onkeyup="changeTextarea(this);"><?php if (isset($_COOKIE['textarea'])) echo $_COOKIE['textarea']; ?></textarea>
 
<div align='right'><input type="submit" value="ENVOYER!" /></div>
 
</form>
</p>

08/04/2010, 12h54
Angelik

Merci pour la proposition :ccool:Ce n'est pas exactement ce que je cherchais mais ton code marche et m'inspirera certainement pour la suite ;)

++