Javascript : Formulaire et aperçu.

Javascript : Formulaire et aperçu. - HTML/CSS - Programmation

Marsh Posté le 11-03-2006 à 09:24:11    

Bonjour a tous,
comment peut on faire un apercu en direct en javascrip de ce qui est taper avec des balises html dans un fenetre texte ?
par exemple j'ecris <h1> titre </h1> et je vois tout de suite le titre ?
merci d'avence.


---------------
Pilouweb.info et Pilou Web Blog
Reply

Marsh Posté le 11-03-2006 à 09:24:11   

Reply

Marsh Posté le 11-03-2006 à 10:46:19    

tu créé un DIV azvec un id et sur l'évenement onchange et onkeypress de ton textarea tu modifie le innerHTML du DIV
 
exemple :  

Code :
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
  2.  
  3. <html> 
  4. <head> 
  5.     <title></title> 
  6.     <script> 
  7.     function AChg(){ 
  8.         document.getElementById("testdiv" ).innerHTML=document.getElementById("tarea" ).value; 
  9.     } 
  10.      
  11.      
  12.     </script> 
  13. </head> 
  14.  
  15. <body> 
  16.  
  17.  
  18. <form> 
  19.     <textarea name="tarea" id="tarea" onchange="AChg()" onkeypress="AChg()"></textarea></textarea> 
  20.     <div id="testdiv"></div> 
  21.  
  22. </form> 
  23. </body> 
  24. </html>


Message édité par gatsu35 le 11-03-2006 à 10:46:30
Reply

Marsh Posté le 11-03-2006 à 11:40:19    

merci ! c'est exactement ce que je cherchais ! par contre, les retours à la ligne sans <br> n'aparaissent pas...


---------------
Pilouweb.info et Pilou Web Blog
Reply

Marsh Posté le 11-03-2006 à 12:06:55    

nl2br()

Reply

Marsh Posté le 11-03-2006 à 12:08:38    

oui, en php, mais une fois la page affichée, tout se passe coté client...


---------------
Pilouweb.info et Pilou Web Blog
Reply

Marsh Posté le 11-03-2006 à 12:15:03    

C'est à toi de modifier le code pour qu'il remplace les \r\n par des <br> dans le DIV
 

Code :
  1. function AChg(){ 
  2.         var contenu=document.getElementById("tarea" ).value; 
  3.         contenu = contenu.replace(/\r\n/g,"<br>" ); 
  4.         document.getElementById("testdiv" ).innerHTML=contenu; 
  5.     }


Message édité par gatsu35 le 11-03-2006 à 12:15:17
Reply

Marsh Posté le 11-03-2006 à 12:16:59    

Mais lol le pyjama
 il dit qu'il fait des sites web en PHP/Mysql HTML/CSS mais il est même pas foutu de faire un simple replace en JS ou acceder à des champs en JS
 
quand on sait pas faire du JS on se lance pas dans la création de sites internet

Message cité 1 fois
Reply

Marsh Posté le 11-03-2006 à 13:14:32    

désolé de ne pas avoir apris le JS...
...perso j'ai pas dit que je faisait des sites JS, je m'y met petit a petit...
Maintenant pour ce qui est de la derniere fonction pour les retour à la ligne, ca ne marche pas, mais avant il n'afichait pas les \r ect...


---------------
Pilouweb.info et Pilou Web Blog
Reply

Marsh Posté le 11-03-2006 à 13:20:13    

aufait, tu veut une preuve que sans de grandes connaisances en JS, un site peut fonctionner ?


---------------
Pilouweb.info et Pilou Web Blog
Reply

Marsh Posté le 11-03-2006 à 19:15:26    

au fait ton blog est très joli : http://pierrelou88.free.fr/blog  :D

Reply

Marsh Posté le 11-03-2006 à 19:15:26   

Reply

Marsh Posté le 11-03-2006 à 19:18:57    

forcement tu vient le jour ou je met a jours :p


---------------
Pilouweb.info et Pilou Web Blog
Reply

Marsh Posté le 11-03-2006 à 19:21:07    

la c'est bon, j'suis passer a dotclear ^^


---------------
Pilouweb.info et Pilou Web Blog
Reply

Marsh Posté le 12-03-2006 à 15:40:36    

nonrmalement un site se doit de fonctionner sans JS, le JS étant ici pour améliorer l'experience utilisateur. Et donc venir s'integrer au site le plus simplement et proprement du mond

Reply

Marsh Posté le 12-03-2006 à 18:43:49    

"quand on sait pas faire du JS on se lance pas dans la création de sites internet"
n'est donc pas fondé

Message cité 1 fois

---------------
Pilouweb.info et Pilou Web Blog
Reply

Marsh Posté le 12-03-2006 à 19:44:28    

pilou88 a écrit :

"quand on sait pas faire du JS on se lance pas dans la création de sites internet"
n'est donc pas fondé


 
Ouais on va juste dire que c'est grandement conseillé d'avoir des bases de ce langage dans ce domaine.

Reply

Marsh Posté le 12-03-2006 à 21:42:13    

dotclear sa gere oép


---------------
A LIRE     Tout en surfant sur HARDWARE ECOUTE DLA BONNE MUSIC Clic ici tu écoutera DIRECTEMENT et là pour aller sur site de la Web radio
Reply

Marsh Posté le 12-03-2006 à 21:51:45    

^^ tu l'utilise ?


---------------
Pilouweb.info et Pilou Web Blog
Reply

Marsh Posté le 02-07-2008 à 10:59:16    

gatsu35 a écrit :

Mais lol le pyjama
 il dit qu'il fait des sites web en PHP/Mysql HTML/CSS mais il est même pas foutu de faire un simple replace en JS ou acceder à des champs en JS
 
quand on sait pas faire du JS on se lance pas dans la création de sites internet


 
Tu veux la preuve qu'un site marche très bien sans JS ?
Va sur http://www.siteduzero.com et désactive le JS sur ton navigateur.
Alors, où y a-t-il des problèmes ?

Message cité 1 fois
Reply

Marsh Posté le 03-07-2008 à 10:36:54    

gastongfaim3 a écrit :


 
Tu veux la preuve qu'un site marche très bien sans JS ?
Va sur http://www.siteduzero.com et désactive le JS sur ton navigateur.
Alors, où y a-t-il des problèmes ?


Tain mais c'est quoi ce déterrage de topic
et accessoirement coco, si tu veux tout savoir, tous les sites que je fais fonctionnent parfaitement sans JS (puisque accessibles) et avec le JS on a plus de trucs (onglets, boites déroulantes plus belles, etc,etc) donc nan c'est bon hein
 
et puis merci de ne pas déterrer les topic :o

Reply

Sujets relatifs:

Leave a Replay

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