Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
2520 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Remplacer un texte par un formulaire

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Remplacer un texte par un formulaire

n°1726966
robocop333
Posté le 30-04-2008 à 16:15:39  profilanswer
 

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

mood
Publicité
Posté le 30-04-2008 à 16:15:39  profilanswer
 

n°1727924
alex181
The show must go on
Posté le 03-05-2008 à 12:33:03  profilanswer
 

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) {
  8. if(yes)
  9. {
  10.  document.getElementById('form1').style.display = "block";
  11.  document.getElementById('div1').style.display = "none";
  12.  document.getElementById('lien1').style.display = "none";
  13.  document.getElementById('textarea1').value = document.getElementById('div1').innerHTML;
  14. }
  15. else
  16. {
  17.  document.getElementById('form1').style.display = "none";
  18.  document.getElementById('div1').style.display = "block";
  19.  document.getElementById('lien1').style.display = "inline";
  20.  document.getElementById('div1').innerHTML = document.getElementById('textarea1').value;
  21. }
  22. }
  23. </script>
  24. </head>
  25. <body>
  26. <div id="div1">coucou</div>
  27. <a href="#" id="lien1" onclick="javascript:ShowForm(true)">edit</a>
  28. <form id="form1" style="display:none" onsubmit="javascript:ShowForm(false)">
  29. <textarea id="textarea1"></textarea>
  30. <input type="submit" />
  31. </form>
  32. </body>
  33. </html>

n°1728234
robocop333
Posté le 04-05-2008 à 17:04:25  profilanswer
 

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

Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Remplacer un texte par un formulaire

 

Sujets relatifs
Base de donnée pour remplacer lignes d'un fichier texte[C/C++] Répondre au formulaire d'une page web (+info sur libCurl)
problème avec un formulaire [résolu]changer une valeur de radio à partir d'un texte - devis en ligne
[html+javascript] Envoi de formulaire par mail[ PHP ] str_replace avancé dans un $texte
MYsql je n'y comprend rien, et formulaire non plusRemplacer du texte dans un fichier
Plus de sujets relatifs à : Remplacer un texte par un formulaire


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR