Hola Dany_s,
Bueno, gracias por tu ayuda, he modificado muy levemente el código que me publicaste para hacer que cuando presione enter se mande información a una página php y ahí, haga lo que debe hacer, me queda así:
Código Javascript
:
Ver original<html>
<head>
<title>Ejemplo</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script>
$(function(){
$('.editText').dblclick( function(){
var text = $(this).text();
$(this).empty().html('<input type="text" value="'+text+'">').find('input').focus();
}).keypress( function(e){
if(e.keyCode == 13){
var text = $('input', this).val();
$(this).html( text );
/*enviar informacion:*/
e.preventDefault();
$("#destino").load("procesar.php", {nombre: "Juan", edad: 45}, function(){
alert("Campo actualizado");
});
}
});
});
</script>
</head>
<style>
body{font-family:Arial; font-size:12px}
.editText{padding:5px; border:1px solid #ccc; background:#f4f4f4}
</style>
<body>
Nombre: <span class="editText">Fulanito de tal</span>
<div id="destino"></div>
</body>
</html>
Luego en el archivo procesar.php solo mandas a llamar las variable que recibes por ejemplo:
echo $_POST["nombre"];
echo $_POST["edad"];
Lo que te comentaba el problema es que necesito que en algunos campos no aparezca un cuadro de texto, sino mas bien un cuadro de lista desplegable y ese cuadro de lista se llena a partir de los datos de una tabla en DB.
Por favor me podrías indicar cómo solventar esta situación?
desde ya muchas gracias