problema con javascript e IE6

ferran_ · #1 (**permalink**) 28/01/2009, 05:18

Hola tengo este código:

Código HTML:

<html>
<head>
<script type="text/javascript">
function ativaOptionsDisabled(){
var sels = document.getElementsByTagName('select');
for(var i=0; i < sels.length; i++){
sels[i].onchange= function(){ //pra se mudar pro desabilitado
if(this.options[this.selectedIndex].disabled){
if(this.options.length<=1){
this.selectedIndex = -1;
}else if(this.selectedIndex < this.options.length - 1){
do {
this.selectedIndex++;
} while(this.options[this.selectedIndex].disabled && this.selectedIndex < (this.options.length-1));
if(this.options[this.selectedIndex].disabled) {
do {
this.selectedIndex--;
} while(this.options[this.selectedIndex].disabled && this.selectedIndex > -2);
}
}else{
do {
this.selectedIndex--;
} while(this.options[this.selectedIndex].disabled && this.selectedIndex > -2);
}
}
}
if(sels[i].options[sels[i].selectedIndex].disabled){
//se o selecionado atual é desabilitado chamo o onchange
sels[i].onchange();
} 
for(var j=0; j < sels[i].options.length; j++){ //colocando o estilo
if(sels[i].options[j].disabled){
sels[i].options[j].style.fontWeight = 'bolder';
sels[i].options[j].style.color = 'black';

}
}
}
}
window.attachEvent("onload", ativaOptionsDisabled);
</script>
</head>
<body onload='ativaOptionsDisabled()'>
<select name="id_tema" class="campos" id="id_tema" onChange="comprobar(this)">
        <option value="" selected="selected">-- Seleccione --</option>
        <option value="1">Tarifaria y Fiscal</option>
        <option value="2">Instalaci&oacute;n</option>
        <option value="3" disabled="disabled" class="disa">-----------------------------------</option>
        <option value="4" disabled="disabled" class="disa">Operados por Risen</option>
        <option value="4" disabled="disabled" class="disa"></option>
        <option value="2">Barcelona (BCN)</option>
</select>
</body>
</html>

Me funciona en firefox, me salen los options deshabilitados en negrita, pero en IE6 no. Sabe alguien el modo de hacerlo?

Gracias!

Rolldi · #2 (**permalink**) 28/01/2009, 06:12

Tampoco tendrías porque complicarlo tanto.

Código:

<option value="3" disabled="disabled"><b>-----------------------------------</b></option>
 <option value="4" disabled="disabled"><b>Operados por Risen</b></option>

Con colocar <b> va que chuta.

Otra forma sería.

Código:

<option id="opcion1" value="3" disabled="disabled"><b>-----------------------------------</b></option>
 <option id="opcion2" value="4" disabled="disabled"><b>Operados por Risen</b></option>

Luego,

Código:

Document.getElementById('opcion1').style.fontWeight='bold';
Document.getElementById('opcion2').style.fontWeight='bold';

Prueba de las dos formas a ver como te va.

ferran_ · #3 (**permalink**) 28/01/2009, 06:49

En IE6 / IE7 no funciona, pasa del bold, con lo que tu me has dicho o con lo que yo había puesto, era lo mismo.

Saludos