Ayudaaaaaaa Saludos a todos los del FORO
tengo un problemita, que no se como se resuelve, weno se maso menos que tengo que usar AJAX + PHP + JAVASCRIPT
el problema es el siguiente:
se trata de una tabla que lista los usurios de una base de datos
tengo en una pagina PHP los datos listado
[Codigo][Nombre][Mail][Telefono]
[Codigo]=Checkbox con valor al Codigo del Usuario
[Nombre][Mail][Telefono]=DATOS LISTADOS DE LA BASE DE DATOS
el detalle es que debo de hacer CLICK en el Nombre o Mail o Telefono y quiero que se pueda Editar, sea que en vez del TEXTO LISTADO que salia aparezca una Caja de Texto con EL DATO DE LA BASE DE DATOS y asi cada.
obiamente un CHECKBOX debe de estar seleccionado, le hago click en EDITAR y el boton Editar debe cambiar por GRABAR
eso es todo lo que no puedo hacer =/ porq no tengo idea como se hace
Mi codigo es ::
Class01.php
----------------
<?php
class acceso
{
private $servidor="";
private $usuario="";
private $password="";
private $bd="";
/* Conectar a la Base de Datos */
public function conectar($s,$u,$p,$bd)
{
$this->servidor=$s;
$this->usuario=$u;
$this->password=$p;
$this->bd=$bd;
$cn=new mysqli($this->servidor,$this->usuario,$this->password,$this->bd);
return $cn;
}
/* Mostrar los Registros */
public function Muestrame($cn,$tabla)
{
$r=$cn->query("SELECT * FROM ".$tabla);
?>
<!-- Aqui empieza mi Menu -->
<!-- Aqui termina mi Menu -->
<!-- Aqui empieza mi Tabla -->
<TABLE cellSpacing='1' cellPadding='3' bgColor='#cccccc' border='0'>
<TBODY id="tablon">
<?php
while($row=$r->fetch_array())
{
?>
<TR style="FONT-SIZE: 10px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif" bgColor="#ffffff" id="fila_">
<TD align=left width='56'>
<input type="checkbox" name="checkbox" id="checkbox" value="<?php echo $row[0]; ?>" onclick="muestraID(this.value)"/> </TD>
<TD width="112"><?php echo $row[1]; ?></TD>
<TD width="130"><?php echo $row[2]; ?></TD>
<TD width="88"><?php echo $row[3]; ?></TD>
</TR>
<?php
}
?>
</TBODY></TABLE>
<!-- Aqui termina mi Tabla -->
<?php
}
}
?>
opciones.php
----------------
<table width="180">
<tr style="FONT-WEIGHT: bold; FONT-SIZE: 10px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif" align="justify">
<td><a href="javascript: void(0);" onclick="deleteRow()">Eliminar</a></td>
<td><a href="javascript: void(0);">Editar</a></td>
<td><a href="javascript: void(0);" onclick="addrow(this)">Nuevo</a></td>
</tr>
</table>
view.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=utf-8" />
<title>Mantenimiento Advance</title>
<script>
function addrow()
{
var table = document.getElementById('tablon');
//document.getElementById('tablon').setAttribute(" class","fondo");
document.getElementById("tablon").className = "fondo";
var numFilas = table.rows.length;
var row = table.insertRow(numFilas);
var cellLeft = row.insertCell(0);
var cbx = document.createElement("input");
cbx.type = "checkbox";
cbx.id = numFilas+1;
//cbx.AddEventListenen("click","muestraID");
//cbx.addEventListener("onclick", "muestraID(this.id)");
//cbx.attachEvent("onclick","muestraID(this.id)");
//no funka en Iexplorer si en FIREFOX
cbx.setAttribute("onclick","muestraID(this.id)")
cellLeft.appendChild(cbx);
var cellRight = row.insertCell(1);
var input_n = document.createElement('input');
input_n.type = 'text';
input_n.name = 'txtNombre';
input_n.size = 14;
cellRight.appendChild(input_n);
var cellRight_ = row.insertCell(2);
var input_n = document.createElement('input');
input_n.type = 'text';
input_n.name = 'txtMail';
input_n.size = 20;
cellRight_.appendChild(input_n);
var cellRight__ = row.insertCell(3);
var input_n = document.createElement('input');
input_n.type = 'text';
input_n.name = 'txtNum';
input_n.size = 10;
cellRight__.appendChild(input_n);
//alert(numFilas);
}
function deleteRow()
{
document.getElementById('tablon').deleteRow(2);
}
function muestraID(codigo)
{ alert(codigo);}
</script>
<style type="text/css">
.fondo
{
background:#FFFFFF
}
</style>
</head>
<body>
<?php
include_once('opciones.php');
include_once('Class01.php');
$datos=new acceso();
$c=$datos->conectar('localhost','root','root','mantenimiento ');
$datos->muestrame($c,'usuario');
?>
<div id="linkTest">
</div>
</body>
</html>
