IE8 no me interpreta codigo que los otros si

[FDA]

Me he puesto a comprobar como funcionaba todo en todos los navegadores que tengo (safari, chrome, opera y firefox) y todo iba bien.
Entonces me he iluminado y me he atrevido a probarlo también con IE8, algo que tarde o temprano tendria que hacer, y me desespera.

He podido solucionar varias cosas, pero no ha habido manera con una pequeña parte del codigo de jquery.

Código:

      
                $("li.campionat").click(function(event) {
                $("li.campionat").fadeOut();
                $("#events_aux").fadeOut();
                $("#barra_camp").fadeIn();
                $("#content_camp").fadeIn();
                $("#thumbs").show();
                var champ=$(this).attr('id');
                if (champ=='c1'){
                    bcolor = "#FF3300";
                    bimage = "futsal_th.jpg";
                    logo = "barra_futsal.png";
                    w = "225px";
                }
                else if (champ=='c2'){
                    bcolor = "#FFCC33";
                    bimage = "fut7_th.jpg";
                    logo = "barra_fut7.png";
                    w = "228px";
                }
                else if (champ=='c3'){
                    bcolor = "#66FF00";
                    bimage = "fut11_th.jpg";
                    logo = "barra_fut11.png";
                    w = "249px";    
                }
                else if (champ=='c4'){
                    bcolor = "#3399FF";
                    bimage = "futsal24_th.jpg";
                    logo = "barra_futsal24.png";
                    w = "222px";
                }
                $("#caixa_events").animate({'height':"600px",'top':"100px",'width':"750px"}); 
                $("#barra_camp").css({'background-color': bcolor});
                $(".menu_camp").css({'background-color': bcolor});
                $("#m" + champ ).fadeIn();
                $("#thumb_"+champ).css({'background-image':"url(../../logos/soccer/" + bimage +")"})
                $("#logo_barra").css({'background-image':"url(../../logos/soccer/" + logo +")",'width':w});
                llamadasin('campionats/'+champ+'/presentacio.html','content_camp');
            });

Es la misma funcion que hace dias ya puse por aquí y me ayudasteis con un problema y de paso me la pusisteis mas elegante, todo un detalle.

Pues resulta que IE8 no quiere entenderlo, no hace casi nada, de hecho no hace nada a partir del var champ=$(this).attr('id');

Supongo que por algun motivo IE8 no conoce el método .attr(); tengo alguna alternativa a parte del cartelito para que se bajen un navegador de verdad?

PD: No he probado versiones anteriores de IE, no tengo ninguna.

[kokoou]

Código Javascript:

$("li.campionat").click(function(event) {
  var bcolor = ''; var bimage = ''; var logo= ''; var w = '';
  var champ = $(this).attr('id');
  $("li.campionat, #events_aux").fadeOut();
  $("#barra_camp, #content_camp").fadeIn();
  $("#thumbs").show();
  if (champ=='c1'){
    bcolor = "#FF3300";
    bimage = "futsal_th.jpg";
    logo = "barra_futsal.png";
    w = "225px";
  }
  else if (champ=='c2'){
    bcolor = "#FFCC33";
    bimage = "fut7_th.jpg";
    logo = "barra_fut7.png";
    w = "228px";
  }
  else if (champ=='c3'){
    bcolor = "#66FF00";
    bimage = "fut11_th.jpg";
    logo = "barra_fut11.png";
    w = "249px";    
  }
  else if (champ=='c4'){
    bcolor = "#3399FF";
    bimage = "futsal24_th.jpg";
    logo = "barra_futsal24.png";
    w = "222px";
  }
                            
  $("#caixa_events").animate({'height':"600px",'top':"100px",'width':"750px"}); 
  $("#barra_camp").css({'background-color': bcolor});
  $(".menu_camp").css({'background-color': bcolor});
  $("#m" + champ ).fadeIn();
  $("#thumb_"+champ).css({'background-image':"url(../../logos/soccer/" + bimage   
  +")"})
  $("#logo_barra").css({'background-image':"url(../../logos/soccer/" + logo         
  +")",'width':w});
  llamadasin('campionats/'+champ+'/presentacio.html','content_camp');
});
 

[FDA]

bien!, funciona todo lo de redimensionar la ventana, cambiar colores y logos.

Pero sigue sin funcionar el ajax, concretamente esta linea: llamadasin('campionats/'+champ+'/presentacio.html','content_camp');

Me voy al foro de ajaxa ver si alguien sabe como solucionar el problema? pq podria ser que fuera la propia definicion de la funciona ajax que no le guste....

[tredio]

si pones como esta definida esa funcion podriamso ver si tienes algun error en ella, me refiero a llamadasin()

[FDA]

Aquí està la función llamadasin y la que llama ella para devolver la página.

Código:

function llamadasin(url, contenedor){
var pagina_requerida = false
if (window.XMLHttpRequest) {
// comprueba si el navegador es opera, safari, mozilla, etc.
pagina_requerida = new XMLHttpRequest()
}
else if (window.ActiveXObject){
// comprueba si el navegador es internet explorer
try {
pagina_requerida = new ActiveXObject("Msxml2.XMLHTTP")
}
catch (e){
// caso de versión antigua de internet explorer
try{
pagina_requerida = new ActiveXObject("Microsoft.XMLHTTP")
}
catch (e){
}
}
}
else {
return false
}
 
pagina_requerida.onreadystatechange=function(){
// llamada a la función que carga la página
pintapagina(pagina_requerida, contenedor)
}
// métodos open y send
pagina_requerida.open('GET', url, true)
pagina_requerida.send(null)
}
 
// función que presenta la información
function pintapagina(pagina_requerida,contenedor){
if (pagina_requerida.readyState == 4 && (pagina_requerida.status==200 || window.location.href.indexOf("http")==-1))
document.getElementById(contenedor).innerHTML=pagina_requerida.responseText
}

Por cierto tienes idea de pq lo de antes no me funcionaba con firefox si no le ponia el document.? pq los otros si que lo aceptaban...

[tredio]

ya que usas jquery por que no usas las funciones que trae incorporada para el ajax?

creo que la funcion $.load() te puede venir bien para lo que quieres hacer, lee sobre ella en la api de jquery.

y sobre lo de firefox realmente no se cual es la razon de que no funcione solo te presente unas alternativas que podrian dar solucion a tu problema, aunque normalmente no lo haria como tu lo hiciste, yo le hubiese puesto un id al formulario y lo llamaba asi $('#id_formulario')

[FDA]

Vale, lo he intentado con el .load(); y es raro de cojones.

En safari funciona (supongo que en el resto de navegadores normales también) pero con IE no se aclara.

Cuando se abre carga correctamente la pàgina que quiero con ajax, pero cuando le doy al menú para cargar otra pàgina me sale la página blanca y solo me dice [object Object].

La llamada tiene esta forma <div class="menu_camp_item"><a href="javascript: $('#content_camp').load('campionats/c1/objectius.html');">Objectius</a></div>

Es identica a la que hace cuando abre pero combiando de página. No soy capaz de ver el fallo.... Aunk la verdad que de ajax estoy verde verde, es la primera vez que lo utilizo.

Por cierto, me ha encantado esto del load(); de jquery, más fácil imposible!

[Dany_s]

Código HTML:

<!DOCTYPE html>
<html>
<head>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
  <script>
      $( function (){
          $('#miLink').click( function (){
              $('#content_camp').load('campionats/c1/objectius.html'');
              return false;
          });
      });
  </script>
</head>
<body>
<a href="" id="miLink">Objectius</a>
<div id="content_camp">a</div>
 
</body>
</html>
 

[FDA]

Solucionado!!!!!
Dany, eso no me sirve pq son varios menus que cambian la dirección de la pàgina a la que llaman y por eso me interesaba llamarlas con href=":javascript:.......", aun así he encontrado una solucion a medio camino y k ahora si funciona en todos los navegadores (falta comprobarlo en IE7 i 6, aunk para 6 sinceramente paso, le quedan 2 telediarios y es la cosa mas espantosa que he visto nunca).

Al final lo he hecho así:

Código:

<div class="menu_camp" id="mc1">
				<div class="menu_camp_item" href="campionats/c1/presentacio.html">Presentació</div>
				<div class="menu_camp_item" href="campionats/c1/objectius.html">Objectius</div>
				<div class="menu_camp_item" href="campionats/c1/reglament.html">Reglament</div>
				<div class="menu_camp_item" href="campionats/c1/mapa.html">mapa</a></div>
			</div>

Y como este menú hay 4 donde cambia la id, además van a ser algunos elementos más en este menú, por eso te decia que no me servia, aunk gracias de todos modos!

EL codigo de jquery:

Código:

                               $(".menu_camp_item").each(function(){    
				var href = $(this).attr("href");  
			  	$(this).click(function(){ 
					$("#content_camp").load(href); 
				});  
		   	});

Y funcionaaaaa

Ahora tendré que pelearme con el formulario en ajax que al fantastico IE8 tampoco termina de gustarle....

Grácias a todos, sois de gran ayuda para aprender!!!

[Dany_s]

ahora esta bien :)

solo queria mostrarte que href="javascript: $('#content_camp').load('campionats/c1/objectius.html');" estaba mal

[tredio]

podrias mejorar la funcion que usas asi:

Código Javascript:

$('.menu_camp_item').click(function(){ 
    $('#content_camp').load($(this).attr('href')); 
});
 

[FDA]

mmm perfecto!

Voy a seguir peleandome para que todo funcione en IE8!
Grácias a los 2!!!