Discussion :

[te-san]

Bonsoir à tous,
je me suis penché cette journée sur un formulaire qui permet de mettre en gras, de souligner ou encore de mettre en italique le texte.

Cette partie est faite sauf qu'elle affiche les balises html dans le textarea.
Du coup il me fallait quelque chose qui puisse faire un aperçu de la saisie en html.

J'ai trouvé un petit code que j'ai remis à ma sauce.
Il fonctionne très bien, mais il faudrait que la fonction soit exploitable par plusieurs formulaires, du coup il faudrait mettre en paramètres le nom du formulaire et le nom du textarea, et c'est la que ça pèche..

fonction qui fonctionne

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
 
    function apercu(){
      var formData = document.form.text.form;
      var myWin = open("", "","width=450,height=200");
      myWin.document.write(formData.text.value + "<br>");
      myWin.document.close();
    }
	<input type=BUTTON value="Aperçu" name="btm_apercu" onClick="apercu()">

fonction que je veux :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
    function apercu(f,t){
		var myWin = open("", "","width=450,height=200");
		myWin.document.write(document.f.t.value + "<br>");
		myWin.document.close();
    }
	<input type=BUTTON value="Aperçu" name="btm_apercu" onClick="apercu(this.form, this.textarea)">

[gwyohm]

Salut,

ton erreur vient du fait que le code sur lequel tu te bases exploite la permissivité des navigateurs... essaye comme ça :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
function apercu(f,t) {
  var myWin = open("", "","width=450,height=200");
  myWin.document.write(document.forms[f].elements[t].value + "<br>");
  myWin.document.close();
}

ou f et t sont respectivement les noms (attribut name) du formulaire et de la textarea. Sinon, en plus simple, tu peux passer par les ids :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
function apercu(txtAreaID) {
  var myWin = open("", "","width=450,height=200");
  myWin.document.write(document.getElementById(txtAreaID).value + "<br>");
  myWin.document.close();
}
// ...
<textarea id="myTextArea"></textarea>
<input type="button" onclick="apercu('myTextArea')"/>

et pour aller encore plus loin, l'objet de la fonction apercu n'est il pas de faire un apercu de code HTML ? dans ce cas autant passé directement le code HTML à previsualiser:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
function apercu(html) {
  var myWin = open("", "","width=450,height=200");
  myWin.document.write(html + "<br>");
  myWin.document.close();
}
// ...
<textarea id="myTextArea"></textarea>
<input type="button" onclick="apercu(document.getElementById('myTextArea').value)"/>

[te-san]

Je te remercie, je comprends mieux comment passer les paramètres.
Vraiment super !!