Hola,
Tengo que crear un script que permita editar textos "inplace" con javascript.
El texto que se se debe editar esta entre p-tags. La funcionalidad es que el usuario haga click sobre el texto, al hacer click el texto desparece y en su lugar aparece un textarea con el texto que contenia el p-tag y que se puede editar, tambien debe haber un boton para ejecutar los cambios y otro para canelar. Al presionar el boton ejecutar el textarea desaparece y en su lugar vuelve el p-tag con el texto actualizado y si se clickea en cancelar aparece el p-tag con el texto original.
Me gustaria saber si conocen algun tuorial en donde muestren como se hace esto utilizando solamente DOM y sin innerHTML.
El html es asi:
Código PHP:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>index</title>
</head>
<body>
<div id="content">
<h1>Los siguientes parrafos se pueden editar</h1>
<p class="editable">Texto editable</p>
<p class="editable">Texto editable</p>
<h2>Los siguientes parrafos no se pueden editar</h2>
<p class="not_editable">Texto no editable</p>
</div>
</body>
</html>
Gracias por la ayuda!!!