joan16v

12 enero 2010

php html ajax: como crear una búsqueda en una base de datos en AJAX usando prototype

Filed under: General — joan16v @ 17:23
Tags: , , ,

Fichero Principal (index.php por ejemplo):
——————————————————————————-

<html>
<head>

<script type=”text/javascript” src=”../js/prototype.js”></script> <!– aqui incluimos la librería javascript PROTOTYPE –>

<script type=”text/javascript”>

function buscar_destinatario(criterio) {
$(‘resultados’).innerHTML='<img src=”/images/ajax-loader.gif”>’;
var url=’../ajax/buscar_destinatario_ajax.php’;
var param=’criterio=’+criterio;
var ajaxRequest=new Ajax.Request( url,{ method: ‘get’, parameters: param, asynchronous: true, onComplete: showResponse});
}
function showResponse(xmlHttpRequest, responseHeader) {
$(‘resultados’).innerHTML=xmlHttpRequest.responseText;
}

</script>

</head>
<body onload=”$(‘criterio’).focus()”>

<p>Introduzca criterio de búsqueda:<br />

<input autocomplete=”off” type=”text” name=”criterio” id=”criterio” onkeyup=”buscar_destinatario(this.value)” style=”margin-top: 3px; width:200px;” /></p>

<div id=”resultados”></div>

</body>
</html>

Fichero buscar_destinatario_ajax.php:
——————————————————————————-

<?php

include("conexion_a_la_base_de_datos.php");

//si viene vacio, nada
if( trim($_GET[‘criterio’])=="" ) { exit(0); }

$sq="select * from destinatarios where nombre like ‘%".$_GET[‘criterio’]."%’";
$ex=mysql_query($sq);
while( $row=mysql_fetch_object($ex) ) {
?><div><?php echo $row->nombre; ?></div><?php
}

?>

Anuncios

php html select con listado de marcas de coches

Filed under: General — joan16v @ 15:58
Tags: ,

<select name="marca">
<option value="Alfa Romeo">Alfa Romeo</option>
<option value="Aston Martin">Aston Martin</option>
<option value="Audi">Audi</option>

<option value="Autovaz">Autovaz</option>
<option value="Bentley">Bentley</option>
<option value="Bmw">Bmw</option>
<option value="Cadillac">Cadillac</option>

<option value="Caterham">Caterham</option>
<option value="Chevrolet">Chevrolet</option>
<option value="Chrysler">Chrysler</option>
<option value="Citroen">Citroen</option>

<option value="Daihatsu">Daihatsu</option>
<option value="Dodge">Dodge</option>
<option value="Ferrari">Ferrari</option>
<option value="Fiat">Fiat</option>

<option value="Ford">Ford</option>
<option value="Honda">Honda</option>
<option value="Hummer">Hummer</option>
<option value="Hyundai">Hyundai</option>

<option value="Isuzu">Isuzu</option>
<option value="Jaguar">Jaguar</option>
<option value="Jeep">Jeep</option>
<option value="Kia">Kia</option>

<option value="Lamborghini">Lamborghini</option>
<option value="Lancia">Lancia</option>
<option value="Land Rover">Land Rover</option>
<option value="Lexus">Lexus</option>

<option value="Lotus">Lotus</option>
<option value="Maserati">Maserati</option>
<option value="Mazda">Mazda</option>
<option value="Mercedes Benz">Mercedes Benz</option>

<option value="MG">MG</option>
<option value="Mini">Mini</option>
<option value="Mitsubishi">Mitsubishi</option>
<option value="Morgan">Morgan</option>

<option value="Nissan">Nissan</option>
<option value="Opel">Opel</option>
<option value="Peugeot">Peugeot</option>
<option value="Porsche">Porsche</option>

<option value="Renault">Renault</option>
<option value="Rolls Royce">Rolls Royce</option>
<option value="Rover">Rover</option>
<option value="Saab">Saab</option>

<option value="Seat">Seat</option>
<option value="Skoda">Skoda</option>
<option value="Smart">Smart</option>
<option value="Ssangyong">Ssangyong</option>

<option value="Subaru">Subaru</option>
<option value="Suzuki">Suzuki</option>
<option value="Tata">Tata</option>
<option value="Toyota">Toyota</option>

<option value="Volkswagen">Volkswagen</option>
<option value="Volvo">Volvo</option>
</select>

Blog de WordPress.com.