Hola.
Me estoy metiendo con el jQuery y me he quedado encallado con un problema (imagino) de navegadores.
Tengo 3 archivos.
El primero:
<html>
<head>
...
<script language="javascript" type="text/javascript" src="./jquery-1.2.6.min.js"></script>
<script language="javascript" type="text/javascript" src="./ajax.js"></script>
...
</head>
<body>
<h1 id="titulo1">Titulo</h1>
<div id="recogida"></div>
</body>
</html>
El segundo [ajax.js]:
var x;
x=$(document);
x.ready(inicializar);
function inicializar(){
var x;
x=$("#titulo1");
x.click(presionTitulo)
}
function presionTitulo(){
$.ajax({
url: 'datos.php',
type: 'POST',
dataType: 'html',
data: { campo: "valor" },
success: function(response){$("#recogida").html(response);} ,
});
}
Y el tercero [datos.php]:
<?
echo "Este es el valor recibido: " . $_POST['campo'];
?>
El objetivo al final será recuperar con el PHP los datos de la base de datos y cargarlos en un div (id="recogida"). Por ahora me conformo con que haga un "echo".
Si lo pruebo con Firefox, tal cual lo posteo aquí, me funciona correctamente porque al clicar sobre Título me carga en el DIV lo que le paso al PHP por POST.
Pero si lo pruebo con IE no me pinta nada en el DIV, y no se si algún parámetro en el ajax.js está mal o me falta algo o algo no está bien puesto en alguno de los tres archivos.
Como veis son cuatro líneas mal contadas, que funcionan en un navegador pero en el otro no.
Alguien puede ayudarme?
Saludos y gracias,