Editar texto directamente

fexnok · #1 (**permalink**) 25/04/2004, 22:38

Hola, quisiera saber cómo puedo editar el texto de una página web dinámicamente.
Lo que necesito es básicamente esto:

1. Se presentará un documento con un encabezado, al hacer click sobre el texto, se debería poder editar directamente, bien sea convirtiéndose en un text area o algo así, o mostrar un layer para editar el texto.

2. También quisiera agregar dinámicamente filas con sus respectivos datos a una tabla, pero ni idea.

Agradezco su ayuda

fexnok · #2 (**permalink**) 25/04/2004, 22:46

Se me ocurre algo, al final de cada texto que quiero editar, hay un botón, al hacer click, el texto se convierte en un campo de texto y su valor es el texto anterior, al hacer click nuevamente, desaparece el campo y queda el texto editado.

Otra opción sería tener un campo flotante, cuando se hace click en el botón, el texto pasas al campo flotante, se edita y se regresa a la página original. Muy rebuscado?????

JavierB · #3 (**permalink**) 26/04/2004, 01:13

Hola, fexnok. Bienvenido al Foro.

A ver si esto se aproxima a lo que buscas:

Código PHP:

  <html> 
<head> 
<script> 
function editar() { 
         texto=document.getElementById('editable').innerHTML; 
         texto=texto.replace(/<BR>/g,'\n'); 
         document.getElementById('txt').value=texto; 
         document.getElementById('editable').style.display='none'; 
         document.getElementById('edicion').style.display='block'; 
} 
function finEdicion() { 
         texto=document.getElementById('txt').value; 
         texto=texto.replace(/n/g,'<br>'); 
         document.getElementById('editable').innerHTML=texto; 
         document.getElementById('edicion').style.display='none'; 
         document.getElementById('editable').style.display='block'; 
} 
</script> 
</head> 
 
<body> 
<div id="editable" onclick="editar()"> 
En un lugar de la Mancha de cuyo nombre no quiero acordarme... 
</div> 
<div id="edicion" style="display:none"> 
<textarea id="txt"></textarea> 
<input type="button" value="Aceptar" onclick="finEdicion()" /> 
</div> 
 
</body> 
</html>

Saludos,

fexnok · #4 (**permalink**) 26/04/2004, 08:46

Funciona, muchas gracias, pero sucede algo, cuando termino de editar el texto, el texto aparece así:

E
u
lugar de la Ma
cha de cuyo
ombre
o quiero acordarme...

Después hago click y nuevamente aceptar y se arregla, pero sin la 'n'

Qué será?

fexnok · #5 (**permalink**) 26/04/2004, 09:35

Otra pregunta, cómo hago para enviar el valor del campo editado o sin editar por un formulario?

JavierB · #6 (**permalink**) 26/04/2004, 10:01

Hola de nuevo.

Donde pone: texto=texto.replace(/n/g,'<br>');

Debe poner: texto=texto.replace(/\n/g,'<br>');

Nunca recuerdo que se pierde la barra

Para envir el texto supongo que será suficiente con poner el textarea entre etiquetas <form action="loquesea"></form>

Saludos,

virla · #7 (**permalink**) 27/04/2004, 03:47

Mira aca hay algo hecho que funciona muy bien y es muy facil enviar los datos del campo a una base de datos es como si fuera un texbox

http://www.interactivetools.com/

mira y probalo y veras que es muy bueno
espero te sirva