Menu deroulant et onclik ?

Version imprimable

10/06/2008, 11h50
Ulrar

Menu deroulant et onclik ?
Bonjour,

Je voudrais faire un menu deroulant qui, quand on clique sur une couleur dans ce menu, met les balises dans la textarea.

Pour ça c'est simple, il suffit d'envoyé la couleur a la fonction StoreCaret(couleur) que j'ai trouvé sur le net, je l'avoue ^^.

Seulement, pas moyen :(.
j'ai essayé plusieurs choses :

Code:

<form> <select> <option value="Rouge"><a href="#" onclik="storeCaret('rouge')">Rouge</a></option><option value="Bleu"><a href="#">Bleu</a></option></select></form>

ou
Code:

1 2 <form> <select onchange="storeCaret(this.value)"> <option value="Rouge">Rouge</option><option value="Bleu">Bleu</option></select></form>
Mais aucun des deux ne marche, il ne se passe tout simplement rien au clique ><
10/06/2008, 12h05
laurentibus

sans le code de la fonction storeCaret on peut pas grand chose pour toi :aie: .........

Desolé ^^ .

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
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
 
<script language="Javascript">
var isMozilla = (navigator.userAgent.toLowerCase().indexOf('gecko')!=-1) ? true : false;
var regexp = new RegExp("[\r]","gi");
 
function storeCaret(selec)
{
	if (isMozilla) 
	{
	// Si on est sur Mozilla
 
		oField = document.forms['news'].elements['corp'];
 
		objectValue = oField.value;
 
		deb = oField.selectionStart;
		fin = oField.selectionEnd;
 
		objectValueDeb = objectValue.substring( 0 , oField.selectionStart );
		objectValueFin = objectValue.substring( oField.selectionEnd , oField.textLength );
		objectSelected = objectValue.substring( oField.selectionStart ,oField.selectionEnd );
 
	//	alert("Debut:'"+objectValueDeb+"' ("+deb+")\nFin:'"+objectValueFin+"' ("+fin+")\n\nSelectionné:'"+objectSelected+"'("+(fin-deb)+")");
 
		oField.value = objectValueDeb + "[" + selec + "]" + objectSelected + "[/" + selec + "]" + objectValueFin;
		oField.selectionStart = strlen(objectValueDeb);
		oField.selectionEnd = strlen(objectValueDeb + "[" + selec + "]" + objectSelected + "[/" + selec + "]");
		oField.focus();
		oField.setSelectionRange(
			objectValueDeb.length + selec.length + 2,
			objectValueDeb.length + selec.length + 2);
	}
	else
	{
	// Si on est sur IE
 
		oField = document.forms['news'].elements['corp'];
		var str = document.selection.createRange().text;
 
		if (str.length>0)
		{
		// Si on a selectionné du texte
			var sel = document.selection.createRange();
			sel.text = "[" + selec + "]" + str + "[/" + selec + "]";
			sel.collapse();
			sel.select();
		}
		else
		{
			oField.focus(oField.caretPos);
		//	alert(oField.caretPos+"\n"+oField.value.length+"\n")
			oField.focus(oField.value.length);
			oField.caretPos = document.selection.createRange().duplicate();
 
			var bidon = "%~%";
			var orig = oField.value;
			oField.caretPos.text = bidon;
			var i = oField.value.search(bidon);
			oField.value = orig.substr(0,i) + "" + orig.substr(i, oField.value.length);
			var r = 0;
			for(n = 0; n < i; n++)
			{if(regexp.test(oField.value.substr(n,2)) == true){r++;}};
			pos = i + 2 + selec.length - r;
			//placer(document.forms['news'].elements['corp'], pos);
			var r = oField.createTextRange();
			r.moveStart('character', pos);
			r.collapse();
			r.select();
 
		}
	}
}
 
</script>

Voila !

11/06/2008, 10h19
laurentibus

oui et ton code html aussi stp :D.

ps : regarde deja si tu as bien mis le nom des éléments de ta page, ceux que tu appelle dans ta fonction storeCaret
11/06/2008, 10h52
Ulrar

Probleme resolu !

J'avais mis un form de trop, ça faisait un formulaire dans un formulaire et ça bloquait tout -_-'.
11/06/2008, 10h55
laurentibus

ah les "erreurs" de merde ..... c'est les plus longue et chiante a résoudre ..........

pense a mettre le tag :resolu:

++