retour à la ligne

**keithsize** · 03/06/2009, 15h58

voila j'ai le script suivant

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

**k1rby** · 03/06/2009, 16h07

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

**keithsize** · 03/06/2009, 16h13

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?

**nod__** · 03/06/2009, 16h16

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.

**keithsize** · 03/06/2009, 16h29

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

**k1rby** · 03/06/2009, 16h46

Euuuh non ça marche très bien

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

Code :

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

var re=new RegExp('(.*)\n'+el.value+'(.*)$');

**keithsize** · 03/06/2009, 16h55

il marche sous firefox apparement , pas IE8

retour à la ligne

JavaScript

Discussions similaires

Partager

Partager