Hola
debspain ,
Bravenap ,
JavierB :
Sin ánimo de ofender : Todos sabemos que los colores de
scrollbar son sólo para
IE5.5+ ; no?.
Digo, porque hice un par de maquetas basadas en el mensaje y funcionaron perfectamente, así que no sé cuál puede ser el problema. Seguramente me debe faltar por entender algo, a veces las cosas más obvias se nos pasan por alto.
Posteo lo que tengo; aunque de seguro hay más formas de conseguir el efecto, no quiero seguir hasta no entender dónde está la falla.
La mayor dificultad que encontré es que el estilo no se puede aplicar hasta que el documento no está completamente cargado en el
iframe, y no encuentro un evento en
javascript / JScript que me marque cuándo ocurre ésto para empezar el cambio; pero seguramente es un tema ya resuelto.
Código:
HTML>
<HEAD>
<SCRIPT>
function cargayDOM(){
marcoint.location="http://www.unapagina.htm";
setTimeout
("marcoint.document.body.style.scrollbar3dLightColor='greenyellow'",2500);
/* TIEMPO PARA CARGAR EL DOCUMENTO Y QUE EL OBJETO EXISTA */}
function DOM(){
var new_rule;
new_rule=
marcoint.document.styleSheets[0].addRule
("body","scrollbar-face-color:blue");
}
/* ESCRIBE ANTES DE LA ETIQUETA </STYLE>
'BODY {SCROLLBAR-FACE-COLOR: blue}' */
</SCRIPT>
</HEAD>
<BODY>
<h2>El primer botón carga el documento en el <i>iframe</i>
y luego modifica el color del borde iluminado en barra de desplazamiento.
El segundo cambia el color de los botones de la barra
una vez cargada por el primero.</h2>
<center>
<button onclick=cargayDOM()>-1-</button>
<font style="letter-spacing:100px">..</font>
<button onclick=DOM()>-2-</button>
<p>
<iframe name=marcoint>
</iframe>
</center>
<b>Otro método puede ser :</b><br>
<samp>
document.createStyleSheet
(document.body.style.scrollbar3dLightColor='greenyellow');
</samp>
</BODY>
</HTML>