Javascript : Formulaire et aperçu.

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Javascript : Formulaire et aperçu.

pilou88

r.a.s.

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

Publicité

gatsu35

Blablaté par Harko

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 :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
    <title></title>
    <script>
    function AChg(){
        document.getElementById("testdiv" ).innerHTML=document.getElementById("tarea" ).value;
    }
    
    
    </script>
</head>

<body>


<form>
    <textarea name="tarea" id="tarea" onchange="AChg()" onkeypress="AChg()"></textarea></textarea>
    <div id="testdiv"></div>

</form>
</body>
</html>

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

pilou88

r.a.s.

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

ritzle

nl2br()

pilou88

r.a.s.

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

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

gatsu35

Blablaté par Harko

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

Code :

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

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

gatsu35

Blablaté par Harko

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

pilou88

r.a.s.

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

pilou88

r.a.s.

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

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

ritzle

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

Publicité

pilou88

r.a.s.

forcement tu vient le jour ou je met a jours

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

pilou88

r.a.s.

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

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

gatsu35

Blablaté par Harko

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

pilou88

r.a.s.

"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

xtof_83

Freeride Spirit

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.

Fredorcs

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

pilou88

r.a.s.

^^ tu l'utilise ?

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

gastongfaim3

gatsu35 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 ?

Message cité 1 fois

gatsu35

Blablaté par Harko

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

FORUM HardWare.fr

Programmation

HTML/CSS

Javascript : Formulaire et aperçu.

Sujets relatifs
[ASP.NET] Récuperer les données d'un formulaire généré en js	Probleme Recuperation donnees Textarea d'un formulaire avec split
pb struts+javascript+xhtml	Noms de champs paramétrés dans un formulaire
formulaire /// corrections	Formulaire ?
parcours liste elements dans un formulaire	[résolu] appel webservices .net par ajax (javascript)
Mettre à jour une page internet avec un formulaire php ?	Urgent: Formulaire VBScript
Plus de sujets relatifs à : Javascript : Formulaire et aperçu.

Page générée en 0.063 secondes