[JS] Pagine modificabili al doppio click

[WarriorXP]

Ciao, vorrei poter modificare il paragrafo di una pagina (che è preso da un database) tramite doppio click (come succede per le reply del vBulletin 3.5 per intenderci).

Tuttavia non mi serve che il contenuto appaia senza che la pagina si ricarichi, ragion per cui farei a meno dell'AJAX.

Semplicemente vorrei che, facendo doppio click sul paragrafo che mi interessa, questo si trasformi in un enorme form di tipo textarea e, sotto, con la voce "Salva".

Salvando si andrebbe a sovrascrivere la relativa voce del database.


In teoria non è una cosa difficilissima, ma mi servirebbe una mano per la parte JavaScript (doppio click che fa trasforma il

...</p> in un <textarea>...</textarea>). Come posso fare??

Grazie a tutti.

[fcaldera]

in linea di massima fai così:

hai un paragrafo del tipo <p id="testo">...</p>

1) recuperi il testo e lo salvi in una variabile
var txt = document.geElementById('testo').innerHTML;

2) Crei una textarea e lo appendi ad un elemento
var n_textarea = document.createNode('textarea');
n_textarea.style.id = "modificatesto";
n_textarea.value = txt;
<elementopadre>.appendChild(n_textarea);

nel contempo elimini il paragrafo tramite .removeNode

3) sfrutti l'id della textarea così creata per applicare un foglio di stile tramite id=mdoficatesto e posizionarla dove ti serve

4) analogamente al punto 2 crei il form in cui appendi la textarea e gli input necessari per inviare il form