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