Jquery editable, has un div una seccion para editar.

AddThis Social Bookmark Button
Como pa que se usa ?

Tener un texto editable en una tabla te ahorra una gran secuencia de busqueda y edicion que a veces es tediosa, asi pues simplemente a la hora de programar editas quien sera el bueno y listo, edicion instantanea en accion.

 

Las ventajas de tener un campo editable, independientemente de lo dinamico de tu sistema te ofrece un gran recorte en formularios de editar, esto hablando en tiempos de programacion.

 

Uso basico

 

<div class="edit" id="div_1">Dolor</div> <div class="edit_area" id="div_2">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</div>

 

 $(document).ready(function() {
//Esta parte le dice que pagina recibira los datos para guardar
 $('.edit').editable('http://www.example.com/save.php'); });

Cuando das un click en el campo que hayas designado se volvera un campo editable, para ingresar los valores, por default se maneja como un campo de texto, pero esos son personalizables, de entrada hechenle un vistazo a la pagina oficial y si tienen muchas dudas desarrollamos una miniguia.

 

Cuando le den click al designado se vuelve editable, tiene su boton de cancelar y de OK, para finalizar la edicion, si usas ESC no pasa nada, tendras k poner ENTER o darle al boton que designes como OK; Estas acciones enviaran los datos  la pagina de guardar y tu no veras nada, pero ya se habra hecho el cambio en tu base de datos.

 

Hechale un lente a la pagina de ejemplo de los desarrolladores: live demo, esta contiene los basicos en funcionamiento para el plugin.

 

Enlace: http://www.appelsiini.net/projects/jeditable


Leave your comments

0
  • No comments found