recopie texte d'un champ dans un tableau

recopie texte d'un champ dans un tableau - HTML/CSS - Programmation

Marsh Posté le 29-03-2009 à 22:02:39    

Bonjour
 
A l'aide... Ça parait simple mais je ne trouve pas. Je suis novice et je n'emploie peut être pas les bon mots pour décrire ce que je cherche.
 
Je cherche à recopier le contenu d'un champ dans un tableau situé sur la même page que ce champ. (javascript ou php, je ne sais pas...)
 
Le tableau doit se remplir au fur et à mesure que le champ se rempli.
Précision: le tableau consiste à reproduire dans différentes police de caractère le contenu du champ.
 
Si quelqu'un peut m'expliquer je suis preneur ! Merci a tous A+ Carlito

Reply

Marsh Posté le 29-03-2009 à 22:02:39   

Reply

Marsh Posté le 30-03-2009 à 12:16:37    

deja "au cours de la frappe" => c'est donc une execution coté client donc le langage de script cote client c'est le javascript.
 
Le php est un langage executé cote serveur, c'est lui qui genere un flux de type texte contenant l'html de la page, ce code html sera lu par le navigateur et affiché.


---------------
http://poemes.iceteapeche.com - http://www.simuland.net
Reply

Marsh Posté le 30-03-2009 à 15:42:05    

Ok merci pour la précision, donc javascript....
 
Maintenant reste a trouver le code qui va bien pour faire fonctionner le truc...

Reply

Marsh Posté le 01-04-2009 à 17:01:26    

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=utf-8" />
  5. <title>Untitled Document</title>
  6. <script type="text/javascript">
Code :
  1. /* Fonction nl2br(string) : remplace les sauts de lignes du textarea par des "<br />" */
  2. function nl2br (str) {
  3.     breakTag = '<br />';
  4.     return (str + '').replace(/([^>]?)\n/g, '$1'+ breakTag +'\n');
  5. }
  6.  
  7. /* Fonction refreshDiv(string) : affecte la valeur passée en argument à celles des DIVs a, b, c, e, d, et f. */
  8. function refreshDiv(value) {
  9.     value = nl2br(value);
  10.     document.getElementById('a').innerHTML = value;
  11.     document.getElementById('b').innerHTML = value;
  12.     document.getElementById('c').innerHTML = value;
  13.     document.getElementById('d').innerHTML = value;
  14.     document.getElementById('e').innerHTML = value;
  15.     document.getElementById('f').innerHTML = value;
  16.     
  17. }
Code :
  1. </script>
  2. <style type="text/css">
Code :
  1. /* Les DIVs ont toutes une bordure noire de 1 pixel */
  2. div {
  3.     border: 1px solid black;
  4. }
  5.  
  6. /* Les Polices sont affectées à chaque DIV a, b, c, d, e, et f dans la CSS */
  7. div#a {
  8.     font-family:Arial, Helvetica, sans-serif;
  9. }
  10.  
  11. div#b {
  12.     font-family:"Times New Roman", Times, serif;
  13. }
  14.  
  15. div#c {
  16.     font-family:"Courier New", Courier, monospace;
  17. }
  18.  
  19. div#d {
  20.     font-family:Georgia, "Times New Roman", Times, serif;
  21. }
  22.  
  23. div#e {
  24.     font-family:Verdana, Arial, Helvetica, sans-serif;
  25. }
  26.  
  27. div#f {
  28.     font-family:Geneva, Arial, Helvetica, sans-serif;
  29. }
Code :
  1. </style> 
  2. </head> 
  3.  
  4. <body> 
  5. <!-- 
  6. On tape dans le textarea 
  7. A chaque fois que lon appuie sur une touche, la fonction refreshDiv est appelée avec comme argument la valeur du textarea 
  8. Alors, les DIVs sont actualisées avec cette valeur. 
  9. --> 
  10. <textarea id="text" onkeydown="refreshDiv(this.value);"></textarea> 
  11. <!-- 
  12. Les DIVs sont vides 
  13. --> 
  14. <div id="a"></div> 
  15. <div id="b"></div> 
  16. <div id="c"></div> 
  17. <div id="d"></div> 
  18. <div id="e"></div> 
  19. <div id="f"></div> 
  20. </body> 
  21. </html>


Message édité par Profil supprimé le 01-04-2009 à 17:04:38
Reply

Marsh Posté le 01-04-2009 à 22:22:43    

Merci, c'est vraiment cool ce que tu as fait.
ça a l'air de correspondre a ce que je recherche, mais lorsque je tape le texte dans le textarea il ne se recopie pas dans les divs... ai-je louper quelque chose ?

Reply

Marsh Posté le 01-04-2009 à 22:29:29    

un message d'erreur dans la console ?

Reply

Marsh Posté le 01-04-2009 à 22:49:53    

non pas de message d'erreur;
 
Q'entends tu par "les DIVs sont vides" ?

Reply

Marsh Posté le 03-04-2009 à 17:37:46    

Au départ elles sont vides.
Ça marche parfaitement chez moi. Tu utilies FF ?

Reply

Sujets relatifs:

Leave a Replay

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