Foros del Web - Ver Mensaje Individual

Dany_s · #2 (**permalink**) 31/01/2011, 07:11

yo tengo algo asi simple con doble click para editar y enter para guardar

Código HTML:

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 );
                    }
                });
            });
        </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>
 
    </body>
</html>

lo de la lista no sé si al hacer click en editar traes datos de la db para llenar la lista o traes toda la lista al entrar a la página y queres que esté oculto