Hola a todos,
estoy utilizando el codigo que pongo mas abajo y funciona bien para mostrar datos para un campo, pero ahora necesito que me muestre datos para varios campos y despues de probar varias alternativas sobre este codigo no soy capaz de que lo haga, os pongo el codigo para si alguien se le ocurre como hacer esto.
Archivo index.php
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<script language="JavaScript" src="/jTPS_archivos/jquery.js" type="text/javascript"></script>
<script language="JavaScript" src="/jTPS_archivos/jTPS.js" type="text/javascript"></script>
<link href="/jTPS_archivos/jTPS.css" type="text/css" rel="stylesheet" />
<script language='JavaScript' type="text/javascript">
$(document).ready(function () {
$('#demoTable').jTPS( {perPages:[5,15,25,50,'TODOS'],scrollStep:1,scrollDelay:30} );
// bind mouseover for each tbody row and change cell (td) hover style
$('#demoTable tbody tr:not(.stubCell)').bind('mouseover mouseout',
function (e) {
// hilight the row
e.type == 'mouseover' ? $(this).children('td').addClass('hilightRow') :
$(this).children('td').removeClass('hilightRow');
});
});
</script>
<script type="text/javascript" src="funciones.js"></script>
</head>
<body style="background:#FFFFFF;">
<form name="frmbusqueda" action="" onsubmit="buscarDato(); return false">
<div align="center">Nombre Proveedor:
<input type="text" name="dato" />
</div>
</form>
<?php
//datos de la conexion a la base de datos
require('conexion.php');
$query = "SELECT * FROM PROVEEDORES";
?>
<table id="demoTable"
style="BORDER-RIGHT: #ccc 1px solid; BORDER-TOP: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid; BORDER-BOTTOM: #ccc 1px solid"
cellspacing='0' width='100%'>
<thead>
<tr>
<th sort="nombre"><font color='#ee0000'>NOMBRE</font></th>
<th sort="direccion"><font color='#ee0000'>LOGOTIPO</font></th>
<th>PAGINA WEB</th>
</tr></thead><tbody>
<?php
$result = mysql_query($query);
while ($row = mysql_fetch_array($result,MYSQL_ASSOC))
{
print "<tr>";
print "<td><div id='resultado'>".$row['NOMBRE']."</div></td>";
print "<td><div id='resultado2'>".$row['PAGINA_WEB']."</div></td>";
print "</tr>";
}
?>
</tbody>
<tfoot>
<tr>
<td colspan='2'>
<div class='pagination'></div>
<div class='paginationTitle'>Pagina</div>
<div class='selectPerPage'></div>
<div class='status'></div>
</td>
</tr>
</tfoot>
</table>
</html>
Archivo funciones.js
// JavaScript Document
function nuevoAjax(){
var xmlhttp=false;
try{
xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
}catch(e){
try {
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}catch(E){
xmlhttp = false;
}
}
if (!xmlhttp && typeof XMLHttpRequest!='undefined') {
xmlhttp = new XMLHttpRequest();
}
return xmlhttp;
}
function buscarDato(){
resul = document.getElementById('resultado');
bus=document.frmbusqueda.dato.value;
ajax=nuevoAjax();
ajax.open("POST", "busqueda.php",true);
ajax.onreadystatechange=function() {
if (ajax.readyState==4) {
resul.innerHTML = ajax.responseText
}
}
ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
ajax.send("busqueda="+bus)
}
Archivo Busqueda.php
<?php
//datos de la conexion a la base de datos
require('conexion.php');
$busqueda=$_POST['busqueda'];
if ($busqueda<>''){
$query = "SELECT * FROM TTOUROPERADORES WHERE NOMBRE LIKE '$busqueda'";
$result = mysql_query($query);
while ($row = mysql_fetch_array($result,MYSQL_ASSOC))
{
print "<tr>";
print "<td>".$row['NOMBRE']."</td>";
print "<td>".$row['PAGINA_WEB']."</td>";
print "</tr>";
}
}
?>
