Buenas, os comento mi problema.
Tengo un formulario que tiene que cargar una pagina con ajax (paginador.php). Puesto que no quiero que se recargue la página entera, lo hago de la siguiente forma:
Código HTML:
function objetoAjax(){
var xmlhttp=false;
try {
xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
} catch (E) {
xmlhttp = false;
}
}
if (!xmlhttp && typeof XMLHttpRequest!='undefined') {
xmlhttp = new XMLHttpRequest();
}
return xmlhttp;
}
function Pagina(pagina){
//donde se mostrará los registros
divContenido = document.getElementById('contenido');
ajax=objetoAjax();
//uso del medoto GET
//indicamos el archivo que realizará el proceso de paginar
//junto con un valor que representa el nro de pagina
ajax.open("GET", pagina);
divContenido.innerHTML= '<img src="anim.gif">';
ajax.onreadystatechange=function() {
if (ajax.readyState==4) {
//mostrar resultados en esta capa
divContenido.innerHTML = ajax.responseText
}
}
//como hacemos uso del metodo GET
//colocamos null ya que enviamos
//el valor por la url ?pag=nropagina
ajax.send(null)
}
el formulario es el siguiente:
Código HTML:
<form method="get" id="formulario" class="inlineRadios">
<input type="hidden" name="paso" value="0"/>
<table width="100%" height="100%" align="center" valign="center" border="0px" style="background: url(../../images/fondo_registro.png) no-repeat">
<tr><td>
<table align="center" width="90%" height="80%" border="0">
<tr><td valign="top" colspan="3" width="80px">
<p class="registro"><b>Selecciona una opción</b></p>
<p class="registro2">Si sois un grupo, un cantante en solitario o un músico</p>
</td></tr>
<tr><td width="30px"></td>
<td><br/>
<table align="left" border="0">
<tr>
<td><label class="check" for="radio-1" tabindex="1" id="check">Grupo</label>
<span>Podreis dar vuestra música a conocer</span></td>
<td><input type="radio" name="tipo" id="radio-1" value="grupo" CHECKED />
</td>
</tr>
<tr>
<td><br/><br/><label class="check" for="radio-2" tabindex="2">Cantante</label>
<span>Podrás buscar grupos en los que cantar</span></td>
<td><input type="radio" name="tipo" id="radio-2" value="cantante" /></td>
</tr>
<tr>
<td><br/><br/><label class="check" for="radio-3" tabindex="3">Músico</label>
<span>Podrás buscar grupos en los que tocar</span></td>
<td><input type="radio" name="tipo" id="radio-3" value="musico" /></td>
</tr>
</table>
</td></tr>
<tr><td></td>
<td><br/><input class="continuar" type="button" value="Continuar" onclick="Pagina('paginador.php')"></td>
<td width="30px"></td></tr>
<tr><td height="100%"></td></tr>
</table>
</td></tr>
</table>
</form> Como podeis ver, al hacer click en el boton envar, se carga sólo la página paginador.php. Sin embargo no se como pasarle los parámetros del formulario (ya que tengo que tratarlos en la página paginador.php)
Supongo que tengo que hacer algo en la funcion Pagina de javascript, pero no se como.
Un saludo y gracias de antemano.