¿Cómo hacer una edición de datos de la BdD sin ir a otra página para editar?

[Josue_]

Hola, tengo una lista de elementos de una BdD, de esta forma:

Quiero que al hacer click en cualquier enlace (como el demarcado) muestre una interfaz de edición de sus datos en la BdD, sin tener que ir a una página adicional de edición. Algo así como la edición en Facebook.
Que muestre algo como esto:

Ojo: no pido que escriban el código respectivo, supongo que es enorme, sólo quiero que me digan mediante qué lenguaje o herramienta es posible, supuse que Javascript lo haría, por eso publiqué en esta sección. Sólo quiero que me den algunas ideas o links de tutoriales para resolver este requerimiento.
Gracias.

[petit89]

puedes mostrar la pagina para edición en una lightbox tal y como la imagen que pones... es el mismo procedimiento, lo unico que cambia es que en vez de recargar la pagina(cambio de URL en navegador) la cargara en la ligthbox... busca acerca de fancybox

[xfxstudios]

utiliza ajax, al darle clic en editar envia la peticion a un php que retorne los datos y los cargue en los campos, luego de la misma manera los guardas (con ajax) y con un simple modal bastaria, estas utilizando alguna libreria?? bootstrap por ejemplo??

[Josue_]

Gracias por sus respuestas. No estoy usando librerías, hasta donde tengo hecho es PHP puro, obviamente con HTML y CSS. Averiguaré sobre esas ideas que me dieron. Gracias de nuevo.