HTML Y PHP

[datab]

Una consulta tengo un formulario de consulta en http://banquita.site40.net/busqueda.html
el efectivamente realiza la búsqueda en una bases de datos por ejemplo al intoducir 1
el devuelve Nombre: VENTAS CONTADO, como puedo hacer para ese valor me lo devuelva en el div resultado en el primer formulario y no me cambia de pagina de la html a la php.
el codigo ajax es

Código (actionscript) [Seleccionar] Expandir

var conexion2;
function buscar(cedula) {
if(window.XMLHttpconexion2uest) {
  conexion2=crearXMLHttpRequest();
}
else if(window.ActiveXObject) {
conexion2=crearXMLHttpRequest();
}
var url = "buscarpersonas.php?cedula="+cedula;
conexion2.open("GET", url, true);
conexion2.onreadystatechange = procesarEventos();
conexion2.send(null);


function procesarEventos()
{
    var resul = document.getElementById("resultado");
  if(conexion2.readyState == 4)
  {

      resul.innerHTML = conexion2.responseText;
  }
  else
  {
  resul.innerHTML= '<img src="engranaje.GIF"> <br/>Su transaccion esta siendo procesada espere por favor...';
     
  }
}

[BlackM4ster]

El formulario de la web no lo tienes bien. Tienes que evitar que el submit se ejecute y dar valor id al campo de texto

Código (html4strict) [Seleccionar] Expandir

<form onsubmit="buscar(document.getElementById('cedula').value); return false;">
<input type="text" id="cedula">
<input type="submit" value="buscar">
</form>

A parte de esto, si miras el archivo http://banquita.site40.net/funciones2.js podrás ver que la función buscar no acepta argumentos

Código (javascript) [Seleccionar] Expandir

function buscar() { ...

Tienes que ponerla como en el código del post

Código (javascript) [Seleccionar] Expandir

function buscar(cedula) { ...

[datab]

ya lo de la funcion esta corregido pero si cambio el formulario no hace nada mas que recargar la misma pagina y no dar un resultado.



o sera mejor crear un json sobre ese resultado??

Mod: No hacer doble post.

[BlackM4ster]

Pero tú has leído lo que te he dicho sobre el form?

El formulario de la web no lo tienes bien. Tienes que evitar que el submit se ejecute y dar valor id al campo de texto

Código (html4strict) [Seleccionar] Expandir

<form onsubmit="buscar(document.getElementById('cedula').value); return false;">
<input type="text" id="cedula">
<input type="submit" value="buscar">
</form>

por no decir que el código javascript está mal formado: no cierras la función buscar

[datab]

ya lo corregi y al dar enter a recarga la pagina
http://banquita.site40.net/busqueda.html?
sin dar ningun resultado

[engel lex]

su usas jquery para que haces un "crearXMLHttpRequest"? :s jquery maneja todo eso de forma transparente y simple

esto

Código (html4strict) [Seleccionar] Expandir

<form onsubmit="buscar(document.getElementById('cedula').value); return false;">
<input type="text" id="cedula">
<input type="submit" value="buscar">
</form>

no va a funcionar... debe ser

Código (html4strict) [Seleccionar] Expandir

<form onsubmit="buscar(document.getElementById('cedula').value);">
<input type="text" id="cedula">
<input type="submit" value="buscar">
</form>

y buscar

Código (javascript) [Seleccionar] Expandir

function buscar(cedula) {
//...todo el codigo...
return false;
}

[MinusFour]

su usas jquery para que haces un "crearXMLHttpRequest"? :s jquery maneja todo eso de forma transparente y simple

esto

Código (html4strict) [Seleccionar] Expandir

<form onsubmit="buscar(document.getElementById('cedula').value); return false;">
<input type="text" id="cedula">
<input type="submit" value="buscar">
</form>

no va a funcionar... debe ser

Código (html4strict) [Seleccionar] Expandir

<form onsubmit="buscar(document.getElementById('cedula').value);">
<input type="text" id="cedula">
<input type="submit" value="buscar">
</form>

y buscar

Código (javascript) [Seleccionar] Expandir

function buscar(cedula) {
//...todo el codigo...
return false;
}

Solo un cambio mas:

Código (html4strict) [Seleccionar] Expandir

<form onsubmit="buscar(document.getElementById('cedula').value);">

por

Código (html4strict) [Seleccionar] Expandir

<form onsubmit="return buscar(document.getElementById('cedula').value);">

[BlackM4ster]

Código (html4strict) [Seleccionar] Expandir

return buscar(document.getElementById('cedula').value);
y

Código (html4strict) [Seleccionar] Expandir

buscar(document.getElementById('cedula').value); return false;

Son lo mismo... ambos retornan false

[engel lex]

pero de la segunda forma por lo menos en chrome no lo interpreta

[MinusFour]

Me funciona en Firefox (37.02) y Chromium (40.0) de las dos maneras, pero me parece que habia una navegador (o quizas una version de navegador) en el que no funcionaba. Me parece que era Internet Explorer.