pb avec document.getElementById(texte).innerhtml

pb avec document.getElementById(texte).innerhtml - HTML/CSS - Programmation

Marsh Posté le 16-01-2007 à 14:41:40    

Salut,
 
sur mon site, j'ai mis un aperçu direct lors de l'écriture des messages du livre d'or.
 
Mon code est le suivant:
Code Javascript :
function Remplacer(chaine_a_trouver, remplacer_par, texte)
{
  for (i=0; i<texte.length; i++)
     {
      texte = texte.replace(chaine_a_trouver, remplacer_par);
      }
  return texte;
}
function apercu(texte)
{
   texte = Remplacer('[gras]', 'b', texte);
   texte = Remplacer('[/gras]', '/b', texte);
   texte = Remplacer('[italic]', 'i', texte);
   texte = Remplacer('[/italic]', '/i', texte);
   texte = Remplacer('[souligne]', 'u', texte);
   texte = Remplacer('[/souligne]', '/u', texte);
   document.getElementById('apercu').innerHTML = texte;
}

 
Code HTML:
<textarea name="contenu" rows="15" cols="80" onKeyUp="javascript: apercu(this.value)" onClick="javascript: apercu(this.value)">
</textarea><br />
<h3>Aperçu</h3>
<hr />
<div id="apercu" border="1" style="width:80"></div>

 
Le problème est que lorsque l'on tape une ligne très grande, l'aperçu continue sur la même ligne et décale tout ce qui est à droite de l'aperçu, malgré le width : le texte ne s'arrête pas mais continue !!!
 
Je voudrais que dans l'aperçu, le texte continue sur la ligne suivante au lieu de continuer sur la même ligne.
 
Comment faire ?
 
merci de votre aide !


Message édité par telecofr le 16-01-2007 à 14:42:57
Reply

Marsh Posté le 16-01-2007 à 14:41:40   

Reply

Marsh Posté le 18-01-2007 à 14:52:33    

width:80px;
 
et c'est toujours mieu de mettre ton texte dans un paragraphe ou un truc, ou un autre bloc plus approprié que le <div>

Reply

Marsh Posté le 18-01-2007 à 15:14:39    

Sert à quoi la boucle for dans la fonction remplacer ? [:johneh]

Reply

Sujets relatifs:

Leave a Replay

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