Discussion :

[Nikosto]

Bonjour,


J'ai des difficultés avec un formulaire, alors je me permets de demander de l'aide ici.

Voici mon cas :
J'ai un textarea dans lequel on entre des phrases et des sauts de ligne.
J'affiche directement dans une div ce qu'on tape.

Ce que je veux, c'est que chaque ligne ait un style différent. Dans l'idéal, la première ligne en gras et les autres alternativement en italique et sans style.
A chaque saut de ligne, le style changerait.

Voilà mon script actuel :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
<script language="javascript" type="text/javascript">
function test_br(text) {
	var text = text.toString();
	var maReg = new RegExp("\n", "gi");
	var resultat = text.replace(maReg,"<br />");
	return resultat;
}
function CheckLen(num){
	var CharsLeft = document.getElementById("texte_long"+num).value;
	CharsLeft = test_br(CharsLeft);
	document.getElementById("compteur"+num).innerHTML = CharsLeft;
}
</script>
<form name="poster" action="<?php echo $_SERVER['PHP_SELF'];?>" method="post">
	<table border="0" cellspacing="0" cellpadding="0">
		<tr><td><textarea style="width:300px;height:150px;" name="texte_long_FR" id="texte_long_FR" class="textfield" onkeydown="CheckLen('_FR');" onblur="CheckLen('_FR');" onkeyup="CheckLen('_FR');" onfocus="CheckLen('_FR');"></textarea></td></tr>
	</table>
</form>
<div style="width:300px;height:150px;border:1px solid black;" name="compteur_FR" id="compteur_FR"></div>

C'est un script que j'ai adapté, donc il peut y avoir des trucs bizarres

Est-ce que l'un d'entre aurait une solution pour que cela fonctionne ?

Merci pour votre aide !

[bigboomshakala]

hello

pour autant que je sache ça ne marchera pas avec IE (voir ici)

[gwyohm]

hello

pour autant que je sache ça ne marchera pas avec IE (voir ici)

Oui, mais dans ce cas la source du texte à spliter n'est pas une div mais une textarea...

Par contre, je ne passerai pas par un replace :

Code :

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

1
2
3
4
5
6
function test_br(text) {
	var text = text.toString();
	var maReg = new RegExp("\n", "gi");
	var resultat = text.replace(maReg,"<br />");
	return resultat;
}

je ferai plutot quelque chose comme...

Code :

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

1
2
3
4
5
6
7
8
 
 var text = text.split("\n");
 var result = "";
 for(var i=0;i<text.length) {
   // suivant les cas mettre un style different :
   resultat += mettreUnStyle(text, i) + "<br/>";
 }
 return resultat;

ou mettreUnStyle reste à définir