Buenas compañeros, estoy teniendo un problema al visualizar una página con IE, en firefos y chrome funciona correctamente pero no encuentro cual es el fallo. La página en cuestion es una página de wordpress que con la función include llama a un archivo que tan solo contiene capas puro html, esa página consiste en mostrar un mapa y al pasar el ratón por encima muestra una zona marcada en el mapa superponiendo capas etc, uso varios .js pero algo está fallando y al pasar el ratón por encima me da el siguiente error:
Código Javascript
:
Ver originalDetalles de error de página web
Agente de usuario: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; Trident/4.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; .NET4.0C)
Fecha: Tue, 23 Nov 2010 11:41:10 UTC
Mensaje: El objeto no acepta esta propiedad o método
Línea: 1884
Carácter: 9
Código: 0
URI: http://localhost/primera/
El código de la página en wordpress es este:
Código HTML:
Ver original#maincontent .post h2 { display:none; }
[include file='/wp-content/uploads/portadas/equipos.css']
[include file='/wp-content/uploads/portadas/portadas.css']
</style> <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js' type='text/javascript'></script> <script type='text/javascript'>//
<![CDATA[ [include file='/wp-content/uploads/portadas/equipos.js']
[include file='/wp-content/uploads/portadas/codigo.js']
[include file='/wp-content/uploads/portadas/primera.html']
<img id='bola' src='/wp-content/uploads/portadas/quadrequipsbola.png' style='display:none;' /> <div id='globo' style='display:none;'>
Este es el html de primera.html
Código HTML:
Ver original<div class="logoprimera"></div>
<div id="contenedormapa">
<a href="/?p=115"><div id="ALMERIA" class="escuts"><div class="marco" ></div></div></a>
<a href="/?p=96"><div id="ATHLETIC_CLUB" class="escuts"><div class="marco" ></div></div></a>
<a href="/?p=123"><div id="ATLETICO" class="escuts"><div class="marco" ></div></div></a>
<a href="/?p=63"><div id="BARCELONA" class="escuts"><div class="marco" ></div></div></a>
<a href="/?p=109"><div id="DEPORTIVO" class="escuts"><div class="marco" ></div></div></a>
<a href="/?p=105"><div id="ESPANYOL" class="escuts"><div class="marco" ></div></div></a>
<a href="/?p=111"><div id="GETAFE" class="escuts"><div class="marco" ></div></div></a>
<a href="/?p=165"><div id="HERCULES" class="escuts"><div class="marco" ></div></div></a>
<a href="/?p=167"><div id="LEVANTE" class="escuts"><div class="marco" ></div></div></a>
<a href="/?p=120"><div id="MALAGA" class="escuts"><div class="marco" ></div></div></a>
<a href="/?p=126"><div id="MALLORCA" class="escuts"><div class="marco" ></div></div></a>
<a href="/?p=127"><div id="OSASUNA" class="escuts"><div class="marco" ></div></div></a>
<a href="/?p=28"><div id="REAL_MADRID" class="escuts"><div class="marco" ></div></div></a>
<a href="/?p=128"><div id="REAL_RACING" class="escuts"><div class="marco" ></div></div></a>
<a href="/?p=163"><div id="REAL_SOCIEDAD" class="escuts"><div class="marco" ></div></div></a>
<a href="/?p=130"><div id="REAL_SPORTING" class="escuts"><div class="marco" ></div></div></a>
<a href="/?p=107"><div id="REAL_ZARAGOZA" class="escuts"><div class="marco" ></div></div></a>
<a href="/?p=129"><div id="SEVILLA" class="escuts"><div class="marco" ></div></div></a>
<a href="/?p=102"><div id="VALENCIA" class="escuts"><div class="marco" ></div></div></a>
<a href="/?p=113"><div id="VILLAREAL" class="escuts"><div class="marco" ></div></div></a>
Este es el codigo de equipos.js
Código Javascript
:
Ver originalvar cuadros={
ponferradina:{
pagina:'192',
escudo:[111,0],
grande:[88,88],
ajustegrande:[8,8],
pequenyo:[42,42],
bola:[197,205],
globo:[226,146],
nombre:'Sociedad Deportiva Ponferradina, S.A.D.',
poblacion: 'Ponferrada',
id:'ponferradina',
img: '/wp-content/uploads/2009/11/PONFERRADINA.jpg'
}
}
Y este el de código.js
Código Javascript
:
Ver originalfunction muestra(club){
var datos= cuadros[club];
if (!datos) { return; }
$('#globo').css('top',datos.globo[0]).css('left',datos.globo[1]);
$('#bola').css('top',datos.bola[0]-20).css('left',datos.bola[1]);
$('#miniescut').css('background-image',"url(/image.php?width="+datos.pequenyo[0]+"&height="+datos.pequenyo[1]+"&image="+datos.img+")");
$('#textminiescutnom').html(datos.nombre);
$('#textminiescutlloc').html(datos.poblacion);
$('#globo').fadeIn(50);
$('#bola').fadeIn(50);
}
function apagatodos() {
while (cuadroactual.length>0) {
a= $('#'+cuadroactual.shift());
a.children().fadeOut(200);
}
}
var cuadroactual=[];
$(document).ready(function(){
$('.escuts')
.mouseover(function(evento){
if ( evento.target ) {
if (evento.target.id=="" || cuadroactual.indexOf(evento.target.id)>=0 ) { return; }
}
apagatodos();
$('.marco').fadeOut(10);
cuadroactual.push(evento.target.id);
muestra(evento.target.id.toLowerCase());
$(evento.target).children().fadeIn(300);
})
.click(function(){
location.href= $(this).prev().children()[0].href;
});
$('.marco')
.mouseout(function(evento){
$(evento.target).html('');
$('#globo').fadeOut(0);
$('#bola').fadeOut(0);
$(evento.target).fadeOut(200);
apagatodos();
});
});
Siento molestar pero ya no se que haces, ojala pudierais echarme una mano