Instrucciones: Para ver esta aplicación funcionando, es necesario que des doble click en el texto que quieres editar, después simplemente presiona [Enter] o da un click fuera de la casilla de edición. Los datos capturados se guardan en el servidor.
Instructions: In order to edit each field's content, you must double-click the desired item, edit the content and press [Enter] or simply click outside the edition box. The data is then saved in the server.
Doble click en el campo que quieres editar / Double click the item you want to edit
Nombre: This is great
Tel: 000000000000111111111111
Los datos se guardan en el servidor!!
The data is saved to the server!!
Archivo Javscript / Javascript File: Click para descargar archivo JS / Click to download JS source
Datos modificados en el servidor / Modified server data: Click para descargar el archivo de texto modificado en el servidor al editar los campos / Click to download the text file modified when you make changes
Explicación: Los datos son enviados al servidor mediante xmlHttpRequest, en este caso usé una forma muy simple, pero puede ser tan compleja como se requiera. El URL que se llama, procesa los datos, los guarda (en este caso en un archivo de texto, pero igual puede hacerse hacia una base de datos). Los datos son enviados codificados en base 64, esto lo hago para permitir el envío de caracteres especiales y para ofuscar el uso del URL de forma directa.
Explanation: The data is sent to the server using xmlHttpRequest, for this example I used a very simple approach, but it can be as complex as you need. The called URL proccess the data, save it (this time I just save it to a text file, but it can be saved to a database with no extra problem). The data is sent base 64 encoded, I did this in order to allow special characters to be send, and it also helps obfuscating the URL request.
NOTA IMPORTANTE: La aplicación no es perfecta, no se ve en todos los navegadores, incluso puede tener errores. Se presenta solo como una idea de lo que puede conseguirse usando las tecnicas disponibles. No doy soporte técnico para su uso, sin embargo con gusto recibiré comentarios e ideas en mi blog
IMPORTANT NOTE: The application is not perfect, it won't show in some browsers, it may even have some errors. I just placed it here as an idea of what can be achieved using available techniques. I do NOT provide technical support for it's use, although I am interested on hearing new ideas or comments, please post your comments in my english blog .