Remplacer un texte par un formulaire

Remplacer un texte par un formulaire - HTML/CSS - Programmation

Marsh Posté le 30-04-2008 à 16:15:39    

Salut,
 
J'ai une page contenant un texte affiché dans un div.
 
Je voudrai savoir comment peut on faire en JS, pour que, quand je clic sur un lien "edit", le texte affiché sur la page dans le div sera affiché dans un formulaire (form + textarea + submit).
 
Merci

Reply

Marsh Posté le 30-04-2008 à 16:15:39   

Reply

Marsh Posté le 03-05-2008 à 12:33:03    

Voici une ébauche qui pourra t'aider :
 

Code :
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  5. <title>Untitled Document</title>
  6. <script type="text/javascript">
  7. function ShowForm(yes) {
  9. if(yes)
  10. {
  11.  document.getElementById('form1').style.display = "block";
  12.  document.getElementById('div1').style.display = "none";
  13.  document.getElementById('lien1').style.display = "none";
  14.  document.getElementById('textarea1').value = document.getElementById('div1').innerHTML;
  15. }
  16. else
  17. {
  18.  document.getElementById('form1').style.display = "none";
  19.  document.getElementById('div1').style.display = "block";
  20.  document.getElementById('lien1').style.display = "inline";
  21.  document.getElementById('div1').innerHTML = document.getElementById('textarea1').value;
  22. }
  23. }
  24. </script>
  25. </head>
  27. <body>
  28. <div id="div1">coucou</div>
  29. <a href="#" id="lien1" onclick="javascript:ShowForm(true)">edit</a>
  31. <form id="form1" style="display:none" onsubmit="javascript:ShowForm(false)">
  32. <textarea id="textarea1"></textarea>
  33. <input type="submit" />
  34. </form>
  35. </body>
  36. </html>

Reply

Marsh Posté le 04-05-2008 à 17:04:25    

Merci beaucoup alex181,
Ton exemple est Très bien :D

 

Il me manque juste le fait que la page ne dois pas ce recharger quand j'envoie (submit) le formulaire,
càd, j'aimerai que quand je modifie un truc dans mon textarea et je le submit, ça va  envoyer au serveur et enregistrer ça sur la bdd mais que la page courante ne ce recharge pas. Un peut comme l'édition rapide qui ce trouve sur ce forum.

 

Encore merci beaucoup.


Message édité par robocop333 le 05-05-2008 à 11:42:09
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed