Hola a todos.
EStoy trabajando con un formulario el cual tengo presionado para trabajar con un onchange pero lo correcto (y a lo que estan acostumbrados los usuarios) es a presionar el boton buscar. Por lo que tengo que hacerlo trabajar con on submit pero no logro hacerlo.
Aquí la función más sencilla que venía en un libro para trabajar ajax
Código:
<script language = "javascript">
var XMLHttpRequestObject = false;
if (window.XMLHttpRequest) {
XMLHttpRequestObject = new XMLHttpRequest();
} else if (window.ActiveXObject) {
XMLHttpRequestObject = new ActiveXObject("Microsoft.XMLHTTP");
}
function getData(dataSource, divID, entidad)
{
if(XMLHttpRequestObject) {
var obj = document.getElementById(divID);
dataSource=dataSource+"?entidad="+entidad;
alert(entidad);
//alert(nombreEscuela);
//alert(dataSource);
XMLHttpRequestObject.open("GET", dataSource);
XMLHttpRequestObject.onreadystatechange = function()
{
if (XMLHttpRequestObject.readyState == 4 &&
XMLHttpRequestObject.status == 200) {
obj.innerHTML = XMLHttpRequestObject.responseText;
}
}
XMLHttpRequestObject.send(null);
}
}
</script>
Y aquí mi html
Código:
.
.
.
.
<form action="slideFotos.php" method="get" name="file"
id="file" target="_self" >
<div align="center">
<select name="filtroEstado" id="filtroEstado"
size="1"
onchange="getData('slideFotos.php',
'contInfo',this.value) ">
.
.
</select>
//aquí quiero poner la función getData('slideFotos.php'
,'contInfo',this.value) pero al hacer click la página que
se abre es slideFotos y debería cargarse en el div.
<input type="submit" value="Buscar" />
</form>
<div id="contInfo">Aquí se carga el contenido</div>
Como se trabajan los formularios para que cargen en la misma página?