retour à la ligne

Version imprimable

retour à la ligne

voila j'ai le script suivant

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript">
function add_sub(el){
if (el.checked)
el.form.elements['type'].value+=el.value;
else{
var re=new RegExp('(.*)'+el.value+'(.*)$');
el.form.elements['type'].value=el.form.elements['type'].value.replace(re,'$1$2');
}
}
</script>
</head>
<body>
 
<form name="form1" method=post>
<textarea name="type" rows="5" cols="35" onclick="this.focus();this.select();">
<html><head><title>Help!</title></head><body>Please help!</body>
</textarea><br>
<input type="checkbox" name="bob" id="bob" value="<p>" onclick="add_sub(this);"><label for="bob">&lt;p&gt;</label><br>
<input type="checkbox" name="bob1" id="bob1" value="<span>" onclick="add_sub(this);"><label for="bob1">&lt;span&gt;</label><br>
<input type="checkbox" name="bob2" id="bob2" value="<div>" onclick="add_sub(this);" ><label for="bob2">&lt;div&gt;</label>
<input type="checkbox" name="bob3" id="bob2" value="super" onclick="add_sub(this);">test
</form>
</body>
</html>

le problème est que lorsque le message s'ajoute lors d'un clik , il ne va pas à la ligne mais il est collé au message précédent, ou mettre un retour chariot dans le code , merci

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css">
</style>
<title>Page de test HTML/JS</title>
</head>
<body>
 
<form name="form1" method="post">
<textarea name="type" rows="5" cols="35" onclick="this.focus();this.select();">
<html><head><title>Help!</title></head><body>Please help!</body></textarea><br>
<input type="checkbox" name="bob" id="bob" value="<p>" onclick="add_sub(this);"><label for="bob">&lt;p&gt;</label><br>
<input type="checkbox" name="bob1" id="bob1" value="<span>" onclick="add_sub(this);"><label for="bob1">&lt;span&gt;</label><br>
<input type="checkbox" name="bob2" id="bob2" value="<div>" onclick="add_sub(this);" ><label for="bob2">&lt;div&gt;</label>
<input type="checkbox" name="bob3" id="bob2" value="super" onclick="add_sub(this);">test
</form>
 
<script type="text/javascript">
function add_sub(el){
	if (el.checked){
		el.parentNode.elements['type'].value+='\n'+el.value;
	}
	else{
		var re=new RegExp('(.*)\n'+el.value+'(.*)$');
		el.parentNode.elements['type'].value=el.form.elements['type'].value.replace(re,'$1$2');
	}
}
</script>
</body>
</html>

Oualou :)

03/06/2009, 16h13
keithsize

mais pour la réponse claire et rapide,
par contre je vois que pour le premier click , le message ne se met pas tout en haut de la textarea, il passe une ligne, est t'il possible de remédier à cela?
03/06/2009, 16h16
nod__

en déplaçant le "\n" après le el.value ça devrait marcher… faut tester. (/me boulet)

et/ou alors enlever tous les espaces blancs au début du texte après le rajout d'une balise comme ça.
03/06/2009, 16h29
keithsize

k1rby j'ai un probleme avec tnn script c'est que quand on décoche ça l'efface mais si on recoche ça rajoute une ligne blanche alors que ça devrait le réécrire à la meme place...merci
03/06/2009, 16h46
k1rby

Euuuh non ça marche très bien 8O

Tu as bien regardé les modifs que j'ai faites ? J'ai aussi changé la regexp hein :)

Code:

var re=new RegExp('(.*)\n'+el.value+'(.*)$');
03/06/2009, 16h55
keithsize

il marche sous firefox apparement , pas IE8