El Codigo esta aplicado en un HTML que es un IFRAME dentro de otro archivo HTML. Lo que hace es la simulacion de un link pero sin tener un HREF, y lo utilizo para cambiar imagenes en el HTML PARENT, o sea No en el IFRAME, si no que desde este ultimo cambio las imagenes del archivo HTML que lo contiene..... Se entiende ??
EL HTML que llama a la Funcion es el siguiente:
<a id="lnk1" onMouseOver="javascript: ChangeOver('lnk1','img_change','foto.jpg','#AACCEE ')"
onMouseOut="javascript: ChangeOut('lnk1','img_change','foto2.jpg','#FFCCFF ')"></a>
EL JAVASCRIPT lo tengo en un .js que lo llamo de la siguiente manera
<SCRIPT src="change_images.js"></SCRIPT>
Y EL CONTENIDO DEL JS ES EL SIGUIENTE:
// DETECTOR DE BROWSER //
var dom = document.getElementById ? true:false;
var nn4 = document.layers ? true:false;
var ie4 = document.all ? true:false;
// DETECTOR DE BROWSER //
function ChangeOver(obj,img_princ,img,c) {
var princ=parent.document.getElementById(img_princ);
princ.src=img;
//alert(obj);
if (ie4){
document.getElementById(obj).style.cursor = 'hand';
document.getElementById(obj).style.textDecoration= "underline";
document.getElementById(obj).style.color=c;
}else{
document.getElementById(obj).style.cursor = 'pointer';
document.getElementById(obj).style.textDecoration= "underline";
document.getElementById(obj).style.color=c;
}
}
function ChangeOut(obj,img_princ,img,c) {
var princ=parent.document.images[img_princ];
princ.src=img;
//alert(obj);
if (ie4){
document.getElementById(obj).style.textDecoration= "none";
document.getElementById(obj).style.color=c;
}else{
document.getElementById(obj).style.textDecoration= "none";
document.getElementById(obj).style.color=c;
}
}
VUELVO A REPETIR QUE FUNCIONA EN IE5+ de PC pero no en IE5 de MAC
Saludos y muchas Gracias!! si me tiran un centro....
