Eléphant du PHP |
441 Messages
26 oct. 2005, 22:16
Bon j'ai presque réussi mais sous FF pas IE (en utilisant pourtant des méthodes issues de IE

)
J'ai essayé
innerHTML, puis ici
className
InnerHTML ne fonctionne ni sous IE ni sous FF... className fonctionne sous FF mais pas sous IE...](*,)](*,)
Voici mon code qui a pour but pour mettre en valeur une balise option lorsque celle-ci a été double-cliquée et insérée dans le champ input. (Mise en gras ici)
Code : Tout sélectionner
<html>
<head>
<style type="text/css">
html, body {
width: 100%;
height: 100%;
}
body {
margin: 0;
padding: 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
background-color: #fff; /*couleur de fond blanche*/
}
.normal
{
font-weight:normal;
}
.bold
{
font-weight:bold;
}
</style>
<script type="text/javascript">
function select(){
var i=0;
var toto=0;
this.document.form1.input1.value+=this.document.form1.select1.value;
for (i=0; i < document.form1.select1.options.length; i++)
if (document.form1.select1.options[i].value == this.document.form1.select1.value)
toto=i;
this.document.form1.select1.options[toto].className="bold";
}
function addition(){
this.document.form1.input1.value+=this.document.form1.button1.value;
}
function soustraction(){
this.document.form1.input1.value+=this.document.form1.button2.value;
}
function multiplier(){
this.document.form1.input1.value+=this.document.form1.button3.value;
}
function diviser(){
this.document.form1.input1.value+=this.document.form1.button4.value;
}
function effacer(){
this.document.form1.input1.value="";
}
</script>
</head>
<body>
<form name="form1">
<select name="select1" size="3" onDblClick="javascript:select()">
<option id="id1" class="normal" value="1">Un</option>
<option id="id2" class="normal" value="2">Deux</option>
<option id="id3" class="normal" value="3">Trois</option>
</select>
<input name="button1" type="button" value="+" onClick="javascript:addition()"></input>
<input name="button2" type="button" value="-" onClick="javascript:soustraction()"></input>
<input name="button3" type="button" value="x" onClick="javascript:multiplier()"></input>
<input name="button4" type="button" value="/" onClick="javascript:diviser()"></input>
<input name="button5" type="button" value="Effacer" onClick="javascript:effacer()"></input>
<input name="input1" type="text" value=""></input>
</form>
</body>
</html>
En gros quelqu'un voit pourquoi cela ne fonctionne pas sous IE?

Futures Stars par ici >>
www.apel-doorn.com
fan d'info et du ... PSG !!

Apprendre, comprendre et maîtriser telle est ma devise!
Fan inconditionnel de
netvibes