$(document).ready(function() {
$("#menuHeader img").hover(
function() {
imgName=$(this).attr("src").replace(".png","_on.png");
$(this).attr("src",imgName);
},
function() {
imgName=$(this).attr("src").replace("_on.png",".png");
$(this).attr("src",imgName);
}
)
});
16 febrero 2010
como hacer con jQuery un menú con imágenes de sustitución…
12 enero 2010
php html ajax: como crear una búsqueda en una base de datos en AJAX usando prototype
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
}
?>
