Esta vez os voy a mostrar un tutorial para que consigais el efecto que cada vez en mas sitios se está viendo. Se trata del efecto “EDIT IN PLACE”, muy valioso para cuando tratamos rgistros en aplicaciones web. Bueno los que no lo entendais os paso un link donde podreis verlo en funcionamiento … aqui
En primer lugar lo que tendremos que hacer es bajarnos los siguientes archivos scriptaculous , editinplace.js
El siguiente paso sería crear una pagina HTML en blanco y empezar a escribir nuestro código. Entra las etiquetas <HEAD> pondremos las 2 lineas que cito a continuación, que sirven para hacer las llamadas a las librerias de scriptaculous y prototype:
<script language=«javascript» src=«scriptaculous/lib/prototype.js»></script>
<script language=«javascript» src=«js/editinplace.js»></script>
Seguiamente escribiremos una función Javascript
[js] [/js]
Ahora sólo nos queda mostrar esto en la página creando una tablita, para así mostrar las dos opciones de «Edit in Place» que serán, uno haciendo 1 clic y otro haciendo doble clic:
[html]
|
Tabla de contenidos Un simple clickPuedes escribir en esta linea haciendo un click. |
Doble clickHaz doble click para editar esta linea. |
[/html]
Ya tenemos listo el código para hacer un edit in place … Veis que fácil …
Ejemplo: EditInPlace
Descarga: Archivos
5 comentarios
Si pero ¿Cómo se escribee n la base de datos?
en los archivos que descargué pude ver que al mandar los adatos un archivo php, con este podemos hacer un insert en una base de datos, el problema surje al intentar tomar el dato (o el ID) de quien hace la actualizacion o edicion de los datos, es decir ke kien hizo este post le faltó por lo menos algo mas de documentacin.
la verdad no se como solucionar el inconveniente pues si no se identifica al usuario que hace la edicion de los textos, como diablos podré hacer la modificacion en la base de datos vervi gracia:
UPDATE «nombre_tabla»
SET «columna_1» = [nuevo valor]
WHERE usuario = ? *** quien diantres está haciendo la edicion???
pregunto: como podré enviar el dato del ID del usuario que edita con el mismo javascript que jenera el EDIT-IN-PLACE ?
gracias de antemano por la atencion prestada y si piueden pos una respuesta.
No se encuentra el archivo editinplace.js
PLEASE si me lo puedes enviar a mi correo electronico. Gracias.
Hola, parece que el select no funciona!!!!
en el index que viene con el ejemplo simplemente poner en el id del span favcolor y no funciona !!!! aunque está definido el makeEditable !!!!
hola, me funciona bien.
Como puedo hacer esa edicion para elementos de un array completo?
al tratar de hacerlo no funciona porq se repiten las id..
saludos