Bonjour je mis en place mon bbcode pour les articles rédiger.
J'utilise des menus déroulant pour certains trucs comme la police, le float, la taille, la couleur.

Sous Firefox quand j'appuie sur le menu déroulant par exemple couleur jaune il me met [color=yellow]jaune[/color] Tout fonctionne bien.

Sous IE quand je sélectionne ça ne m'affiche rien comme si le clique n'avait pas eu d'effets.

Merci de m'aider à régler mon problème sous IE.

Portion de mon formulaire

<b>Flottant:</b><select name="aligne">
	<option onClick="javascript:bbcode('[aligne=left]', '[/aligne]');return(false)">Gauche</option>
	<option onClick="javascript:bbcode('[aligne=right]', '[/aligne]');return(false)">Droite</option>
</select>&nbsp;&nbsp;<input type="submit" onClick="javascript:bbcode('[center]', '[/center]');return(false)" value="Centrer" />
<b>Taille:</b> <select name="size">
	<option onClick="javascript:bbcode('[size=xx-small]', '[/size]');return(false)">Très très petit</option>
	<option onClick="javascript:bbcode('[size=x-small]', '[/size]');return(false)">Très petit</option>
	<option onClick="javascript:bbcode('[size=small]', '[/size]');return(false)">Petit</option>
	<option onClick="javascript:bbcode('[size=medium]', '[/size]');return(false)">Normal</option>
	<option onClick="javascript:bbcode('[size=large]', '[/size]');return(false)">Gros</option>
	<option onClick="javascript:bbcode('[size=x-large]', '[/size]');return(false)">Très Gros</option>
	<option onClick="javascript:bbcode('[size=xx-large]', '[/size]');return(false)">Très très gros</option>
</select><br/><br/>
 <b>Police:</b><select name="font">
	<option  style="font-family:Times New Roman"onClick="javascript:bbcode('[font=times]', '[/font]');return(false)">Times</option>
	<option  style="font-family:Arial" onClick="javascript:bbcode('[font=arial]', '[/font]');return(false)">Arial</option>
	<option style="font-family:Verdana" onClick="javascript:bbcode('[font=verdana]', '[/font]');return(false)">Verdana</option>
</select>&nbsp;&nbsp;
 <b>Titre:</b><select name="titre">
	<option style="font-size:18px" onClick="javascript:bbcode('[titre1]', '[/titre]');return(false)">Titre1</option>
	<option style="font-size:16px" onClick="javascript:bbcode('[titre2]', '[/titre]');return(false)">Titre2</option>
	<option style="font-size:14px" onClick="javascript:bbcode('[titre3]', '[/titre]');return(false)">Titre3</option>
</select><br/><br/>
  <b>Couleur:</b><select name="color">
	<option style="color:red" onClick="javascript:bbcode('[color=red]', '[/color]');return(false)">red</option>
	<option style="color:green" onClick="javascript:bbcode('[color=green]', '[/color]');return(false)">green</option>
	<option style="color:blue" onClick="javascript:bbcode('[color=blue]', '[/color]');return(false)">blue</option>
	<option style="color:yellow" onClick="javascript:bbcode('[color=yellow]', '[/color]');return(false)">yellow</option>
	<option style="color:purple"  onClick="javascript:bbcode('[color=purple]', '[/color]');return(false)">purple</option>
	<option style="color:olive"   onClick="javascript:bbcode('[color=olive]', '[/color]');return(false)">olive</option>
	<option style="color:#000099"   onClick="javascript:bbcode('[color=#000099]', '[/color]');return(false)">bleu foncé</option>
	<option style="color:#B10000"   onClick="javascript:bbcode('[color=#B10000]', '[/color]');return(false)">rouge foncé</option>
</select><br/><br/>

Portion du code javascript repris du tuto de General Vans

function bbcode(bbdebut, bbfin)
{
var input = window.document.formulaire.message;
input.focus();
if(typeof document.selection != 'undefined')
{
var range = document.selection.createRange();
var insText = range.text;
range.text = bbdebut + insText + bbfin;
range = document.selection.createRange();
if (insText.length == 0)
{
range.move('character', -bbfin.length);
}
else
{
range.moveStart('character', bbdebut.length + insText.length + bbfin.length);
}
range.select();
}
else if(typeof input.selectionStart != 'undefined')
{
var start = input.selectionStart;
var end = input.selectionEnd;
var insText = input.value.substring(start, end);
input.value = input.value.substr(0, start) + bbdebut + insText + bbfin + input.value.substr(end);
var pos;
if (insText.length == 0)
{
pos = start + bbdebut.length;
}
else
{
pos = start + bbdebut.length + insText.length + bbfin.length;
}
input.selectionStart = pos;
input.selectionEnd = pos;
}
 
else
{
var pos;
var re = new RegExp('^[0-9]{0,3}$');
while(!re.test(pos))
{
pos = prompt("insertion (0.." + input.value.length + "):", "0");
}
if(pos > input.value.length)
{
pos = input.value.length;
}
var insText = prompt("Veuillez taper le texte");
input.value = input.value.substr(0, pos) + bbdebut + insText + bbfin + input.value.substr(pos);
}
}
function smilies(img)
{
window.document.formulaire.message.value += '' + img + '';
}

-_- : ....
Merci de lire la FAQ avant de poster !