jquery + maplightbox + iexplorer

[Legolas_Bilbao]

he conseguido que funcione el maplightbox con jquery y ajax en firefox pero en iexplorer no me funciona.

codigo jquery

Código Javascript:

$(function() {
        $('.map').maphilight({fade: false});
    });
    
$(function(){
  $('area[shape=poly]').click(function(event){
  event.preventDefault(); 
  var id = $(this).attr('id');
  var provincia = $(this).attr('title');
     alert(id);
  $('#cuadro2').load('datosCampos.php?id='+id);
      alert(id);
  $('#cuadro2').css({visibility:'visible'});
  });
});
</script>
 

Código HTML:

<div id="cuadro2" style="visibility:hidden">
</div>
 

Parte del mapa.

Código HTML:

<img src="./img/mapa/mapa.jpg" name="Image1" usemap="#mapaCampos" id="Image1" class="map">
        <map name="mapaCampos">
 
          <area shape="poly"  coords="22,31,27,29,46,27,47,20,54,16,58,20,56,28,51,37,51,42,41,43,32,45,28,46,24,42,20,36" title="A Coruña" id="18"></area>
          <area shape="poly"  coords="66,17,69,21,74,23,74,30,74,35,77,40,78,43,77,49,75,54,72,57,66,57,60,57,58,57,56,50,56,43,56,37,65,24"  title="Lugo" id="29"></area>
          <area shape="poly"  coords="45,47,48,52,43,54,40,58,42,66,36,68,30,72,32,64,32,59,34,52,40,49" title="Pontevedra" id="37" ></area>
          <area shape="poly"  coords="52,57,58,59,61,62,66,62,74,61,77,60,79,66,75,69,73,73,71,77,64,77,58,77,52,75,49,69,47,60" title="Ourense" id="34"></area>
          <area shape="poly"  coords="84,23,94,23,106,22,116,23,126,26,135,28,139,31,129,35,119,38,110,40,104,38,99,40,92,40,92,34,85,29" title="Asturias" id="6"></area>
          <area shape="poly"  coords="161,29,169,28,174,28,179,31,184,38,177,43,169,46,166,43,164,48,161,45,154,41,148,39,149,34" title="Cantabria" id="14"></area>
          <area shape="poly"  coords="93,47,99,45,109,45,115,45,123,44,131,41,134,48,131,58,129,67,122,72,113,72,105,70,97,70,93,68,91,62,87,59,90,51" title="León" id="27"></area>
          <area shape="poly"  coords="144,45,148,46,153,49,154,56,154,66,156,74,160,80,155,83,148,82,142,80,139,76,141,68,141,54" title="Palencia" id="35"></area>
          <area shape="poly"  coords="170,53,174,50,182,47,187,47,187,54,186,61,187,74,189,83,185,89,176,93,172,95,167,93,168,84,164,77,161,68,160,62,164,60" title="Burgos" id="11"></area>...
 

¿alguien puede mostrarme la luz del fucking iexplorer y su no funcionamiento?

Actualizo: no me hace ni la invocación a la función de jquery

[mayid]

IE te marca añlgun error? Sería bueno saberlo.

Antes que nada, yo soy de aunar todos los document.ready que hay en un script. Solo porque me parece más prolijo. Fijate (puse los dos en uno):

$(function(){


$('.map').maphilight({fade: false});

$('area[shape=poly]').click(function(event){
event.preventDefault();
var id = $(this).attr('id');
var provincia = $(this).attr('title');
alert(id);
$('#cuadro2').load('datosCampos.php?id='+id);
alert(id);
$('#cuadro2').css({visibility:'visible'});
});
});

En cuanto al resto del código... para que tenes event.preventDefault(); ? Eso no corta el flujo?

[Legolas_Bilbao]

Ie no marca ningun error, de hecho no hace el evento :S

con respecto al preventDefault, lo he puesto lo he quitado y no tira el codigo

[mayid]

Validala el html. Usas xhtml? Tenes una etiqueta de imagen sin cerrar.

Va así:

<img src="algo.jpg" alt="" />

[Legolas_Bilbao]

ya lo tengo cerrado y por eso no es el problema :S

[Legolas_Bilbao]

VAle ahora si me salta el error que es el siguiente

Detalles de error de página web

Agente de usuario: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0; .NET CLR 1.1.4322; .NET CLR 2.0.50727; .NET CLR 3.0.04506.30; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729)
Fecha: Wed, 24 Feb 2010 12:45:38 UTC


Mensaje: Argumento no válido.
Línea: 63
Carácter: 3
Código: 0
URI: XXXX/js/jquery.maphilight.js


Mensaje: El objeto no acepta esta propiedad o método
Línea: 48
Carácter: 3
Código: 0
URI: xxxx/pruebas.php

Código Javascript:

<script type="text/javascript" src="./js/jquery.maphilight.js"></script>
<link rel="STYLESHEET" type="text/css" href="./recursos/iexplore.css"/> 
<script> 
$(function() {
        $('.map').maphilight({fade: false}); 
 
  $('area[shape=poly]').click(function(event){
  var id = $(this).attr('id');
  var provincia = $(this).attr('title');
  $('#cuadro2').load('datosCampos.php?id='+id);
  $('#cuadro2').css({visibility:'visible'});
  });
 });
</script>
 

línea 48 $('.map').maphilight({fade: false});

línea 63 <div id="logo">

[Legolas_Bilbao]

¿alguna idea?

[Legolas_Bilbao]

ya lo he solventado

sustituir las siguientes lineas jquery.maphilight

Código Javascript:

document.createStyleSheet().addRule("v\\:*", "behavior: url(#default#VML); antialias: true;"); 
        document.namespaces.add("v", "urn:schemas-microsoft-com:vml");
 

por las siguientes

Código Javascript:

document.namespaces.add("v", "urn:schemas-microsoft-com:vml"); 
    var style = document.createStyleSheet();
    var shapes = ['shape','rect', 'oval', 'circ', 'fill', 'stroke', 'imagedata', 'group','textbox'];  
    $.each(shapes,
    function()
    {
        style.addRule('v\\:' + this, "behavior: url(#default#VML); antialias:true");
    }
    );
 

[Jsc_dark25]

Tengo el mismo problema, solo q el archivo js q descarguè de la pagina oficial de maphilight es diferente, me podeis pasar tu archivo JS por fa?? ... mi pagina funciona en todos los browser menos en IE6, fucking IE6 q aun algunas personas la usan, t agradeceria mucho .. Saludos desde Bolivia.

Mira mi imagen [URL="http://www.subirimagenes.com/otros-imaigen-6476377.html"]http://www.subirimagenes.com/otros-imaigen-6476377.html[/URL]