Exécuter une fonction sur le onchange d'un select

**Lung** · 20/06/2006, 14h22

Comment exécuter une fonction sur le OnChange d'une combobox (select) ?

Voici un extrait de mon code ?
Je débute en javascript

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
function AffBaliseMEFPolice(AValeur)
{ 
   BaliseDebut = '[couleur=' + AValeur + ']');
   BaliseFin = '[/couleur]';
   var ZoneTexte = document.FormPost.MemoMessage;
   alert('poiop');
 
...
 
}
 
...
 
<select name=CbAffCouleur onmouseover="AffLigneAide('Coul')" 
                        onchange="AffBaliseMEFPolice(this.FormPost.CbAffCouleur.options[this.FormPost.CbAffCouleur.selectedIndex].value);  this.selectedIndex=0;">

J'ai mis un alert dans la fonction pour savoir si la fonction est appelée, mais non ...

Une idée ?

**Mobius** · 20/06/2006, 14h30

erreur de syntaxe !!

Code :

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

1
2
3
4
5
6
7
8
9
10
 
function AffBaliseMEFPolice(AValeur)
{ 
   BaliseDebut = '[couleur=' + AValeur + ']';
   BaliseFin = '[/couleur]';
   var ZoneTexte = document.FormPost.MemoMessage;
   alert('poiop');
 
...
}

**Lung** · 20/06/2006, 14h31

Envoyé par Mobius

erreur de syntaxe !!

Où ça ?

**SpaceFrog** · 20/06/2006, 14h32

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
<script type='text/javascript'>
function AffBaliseMEFPolice(AValeur)
{ 
   BaliseDebut = '\[couleur\=' + AValeur + '\]';
   BaliseFin = '\[\/couleur\]';
   Texte=BaliseDebut+'coucou'+BaliseFin
   document.getElementById('rr').innerHTML=BaliseDebut+'coucou'+BaliseFin
}
</script>
 
</head>
 
<body>
 
 
 
<select name="CbAffCouleur" onchange="AffBaliseMEFPolice(this.value);  this.selectedIndex=0;">
<option value='red'>rouge</option>
<option value='blue'>bleu</option>
<option value='bl	ack'>noir</option>
<option value='gray'>gris</option>
<option value='green'>vert</option>
<option value='salmon'>saumon</option>
</select>
 
<div id="rr"></div>

**Lung** · 20/06/2006, 14h43

Bon, j'ai essayé de faire pareil, mais ça ne fait rien, et j'ai le message Erreur sur la page.
voilà où j'en suis :

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
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
 
<script language="javascript" type=text/javascript>
var ClientPC = navigator.userAgent.toLowerCase();
var VersionClient = parseInt(navigator.appVersion);   //.Version du navigateur.
var is_ie = ((ClientPC.indexOf("msie") != -1) && (ClientPC.indexOf("opera") == -1));
var is_win = ((ClientPC.indexOf("win")!=-1) || (ClientPC.indexOf("16bit") != -1));
 
...
 
function AffBaliseMEFPolice(AValeur)
{ 
   BaliseDebut = '\[couleur\=' + AValeur + '\]');
   BaliseFin = '\[\/couleur\]';
   var ZoneTexte = document.FormPost.MemoMessage;
   alert('poiop');
 
	if((VersionClient >= 4) && is_ie && is_win)
   {
      //.Sélection.
		LaSelection = document.selection.createRange().text;
		if(!LaSelection)
      {
			//.Ajout des balises.
			ZoneTexte.value += BaliseDebut + BaliseFin;
			ZoneTexte.focus();
			return;
		}
   	//.Ajout des balises.
		document.selection.createRange().text = BaliseDebut + LaSelection + BaliseFin;
		ZoneTexte.focus();
		return;
	}
	else
	{
		//.Ajout des balises.
		ZoneTexte.value += BaliseDebut + BaliseFin;
		ZoneTexte.focus();
	}
	StoreCaret(ZoneTexte);
}
 
...
 
</script>
 
...
 
Couleur :</font>&nbsp;<select name=CbAffCouleur onmouseover="AffLigneAide('Coul')" 
                        onchange="AffBaliseMEFPolice(this.value);  this.selectedIndex=0;">
                        <option style="COLOR: black" value='#444444' selected>D&eacute;faut</option>
                        <option style="COLOR: darkred; BACKGROUND-COLOR: #f0f0f0" value='darkred'>Rouge fonc&eacute;</option>
                        <option style="COLOR: red; BACKGROUND-COLOR: #f0f0f0" value='red'>Rouge</option>
                        <option style="COLOR: orange; BACKGROUND-COLOR: #f0f0f0" value='orange'>Orange</option>
                        <option style="COLOR: brown; BACKGROUND-COLOR: #f0f0f0" value='brown'>Marron</option>
                        <option style="COLOR: yellow; BACKGROUND-COLOR: #f0f0f0" value='yellow'>Jaune</option>
                        <option style="COLOR: green; BACKGROUND-COLOR: #f0f0f0" value='green'>Vert</option>
                        <option style="COLOR: olive; BACKGROUND-COLOR: #f0f0f0" value='olive'>Olive</option>
                        <option style="COLOR: cyan; BACKGROUND-COLOR: #f0f0f0" value='cyan'>Cyan</option>
                        <option style="COLOR: blue; BACKGROUND-COLOR: #f0f0f0" value='blue'>Bleu</option>
                        <option style="COLOR: darkblue; BACKGROUND-COLOR: #f0f0f0" value='darkblue'>Bleu fonc&eacute;</option>
                        <option style="COLOR: indigo; BACKGROUND-COLOR: #f0f0f0" value='indigo'>Indigo</option>
                        <option style="COLOR: violet; BACKGROUND-COLOR: #f0f0f0" value='violet'>Violet</option>
                        <option style="COLOR: white; BACKGROUND-COLOR: #f0f0f0" value='white'>Blanc</option>
                        <option style="COLOR: black; BACKGROUND-COLOR: #f0f0f0" value='black'>Noir</option></select>