Ventana de busqueda en misma pagina

[Jokibu]

Buenos días, es mi primer post, pero hace mucho que estoy viendo vuestro foro.
Ya he hecho formularios con validación inserciones a la bd, gracias a los post de la gente, pero ahora quiero hacer una cosa y no sé cómo poner-me, tengo una página para dar de alta un material y tengo un campo que se tiene que escoger de una lista de proveedores, sé cómo hacer-lo con un combo box que se llena de la bd, pero la lista de proveedores es muy grande.
Me gustaría poner un botón al lado del proveedor de búsqueda que me abriera una ventana para poder seleccionar el proveedor y se me cargué en el campo sin perder la información del form.

Muchas gracias.

[chronos682]

Son muchos los términos de la búsqueda? Porque si solo necesitas buscar el nombre del proveedor puedes utilizar un input text con un botón de buscar en la misma página y a través de AJAX hacer búsqueda del proveedor a través del término escrito en la caja de texto y luego con el resultado de la búsqueda llenar el mismo combo box que llenabas antes pero en vez de con todos los proveedores únicamente con los que resultaron de la búsqueda.

[Jokibu]

Gracias por responder chronos682 , solo tengo que buscar el nombre, me temia que tenia que ver con ajax, voy a tener que googlear un poco aver si me sale.

[chronos682]

Si, es muy fácil de usar, en google encuentras mucha información al respecto. Cualquier cosa comentas.

[Jokibu]

Hola , ya he echo la busqueda que me sale en la misma pag sin borrar el formulario, pero cuando le doy a aceptar me carga la busqueda pero se me borra el formulario, a ver si alguien me echa un cable.
Aqui el form
<?php
session_start();
?>

<form id="form1" name="datos" method="post" action="alta_material2.php">
<table width="562" border="2">
<tr>
<td scope="col"><label>TIPUS</label></td>
<td scope="col"><select name="tipus" id="tipus">
<option value="1" selected="selected">Planxa</option>
<option value="2">Cargolatge</option>
<option value="3">Perfileria</option>
<option value="4">Varis</option
</select></td
</tr>
<tr>
<td><label>DESCRIPCIO</label></td>
<td><input name="descripcio" type="text" id="descripcio" value="" /></td>
</tr>
<tr>
<td><label>PREU</label></td>
<td><input type="text" name="preu" id="preu" /></td>
</tr>
<tr>
<td><label>GRUIX</label></td>
<td><input type="text" name="gruix" id="gruix" /> </tr>
<tr align="left">
<th width="185" scope="col">PROVEÏDOR</th>
<th width="155" scope="col"><input type="text" name="cerca" value="<?php if(isset($_SESSION["nom_prov"])){echo $_SESSION["nom_prov"];}
else {echo "";}
unset($_SESSION["nom_prov"]); ?>" id="cerca" />

<input type="button" value="Buscar" onclick="enviar()" />
</tr>
</table>
<input type="submit" name="button" id="button" value="crear" />
</form>
<div id="comp">
</div>
</body>

[Jokibu]

aqui la el php que recoje la funcion enviar.

<?php
session_start();
include("conexio.php");
$cerca=$_POST["cerca2"]; //cathcar dades cerca
$query="SELECT * FROM proveidor WHERE nom_prov LIKE '%$cerca%'";

$result = mysql_query($query,$cn);
if (mysql_num_rows($result)<1){
echo "no hi ha capregistre";
}else {
while ($registre = mysql_fetch_array($result)){
$_SESSION["nom_prov"] = $registre['nom_prov'];
$_SESSION["cod_prov"] = $registre['cod_prov'];
echo " <table width='550' border='2' align='center'>
<tr>
<td width='188'><input type='text' readonly='readonly' name='nom' size='40' id='nom' value='".$registre['nom_prov']."'/>
<input type='submit' name='button' id='button' value='acceptar'/>
</td>
</tr>
</table>

";
}
}
?>

Aqui las funciones

//función creación del objeto XMLHttpRequest.
function creaObjetoAjax () { //Mayoría de navegadores
var obj;
if (window.XMLHttpRequest) {
obj=new XMLHttpRequest();
}
else { //para IE 5 y IE 6
obj=new ActiveXObject(Microsoft.XMLHTTP);
}
return obj;
}
function enviar() {
//Recoger datos del formulario:
cerca=document.datos.cerca.value; //Email escrito por el usuario

//datos para el envio por POST:
busqueda="cerca2="+cerca+"";
//Objeto XMLHttpRequest creado por la función.
objetoAjax=creaObjetoAjax();
//Preparar el envio con Open
objetoAjax.open("POST","cerca_proveidor.php",true) ;
//Enviar cabeceras para que acepte POST:
objetoAjax.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
objetoAjax.setRequestHeader("Content-length", busqueda.length);
objetoAjax.setRequestHeader("Connection", "close");
objetoAjax.onreadystatechange=recogeDatos;
objetoAjax.send(busqueda);
}
function recogeDatos() {
if (objetoAjax.readyState==4 && objetoAjax.status==200) {
miTexto=objetoAjax.responseText;
document.getElementById("comp").innerHTML=miTexto;
}
}

[Jokibu]

Tambien me seria util crear un combobox que al escrivir una palabra me realizara un filtro i solo aparecieran las coincidecias dentro del combo box