Pagina 1 di 2 1 2 ultimoultimo
Visualizzazione dei risultati da 1 a 10 su 11

Discussione: Anteprima textarea

  1. #1

    Anteprima textarea

    Ciao a tutti,
    ho una textarea che contiene puro codice html. Vorrei attraverso un pulsante visualizzare il testo contenuto già formattato.

    Se invece di avere testo html ho testo normalissimo, uso questo escape(Testo.value) e me lo visualizza correttamente, ma con il codice html mi dà problemi.

    Come si fa?

    Grazie mille

  2. #2
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    basta iniettarlo con un innerHTML dentro un div ad esempio.

    Prendi il valore della textarea, lo memorizzi in una variabile testo e per vederlo lo inserisci all'interno di un div con id="anteprima" in questo modo

    document.getElementById('anteprima').innerHTML = testo;

    e funziona a prescindere dalla presenza di tag.


    Vuoi aiutare la riforestazione responsabile?

    Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)

  3. #3
    E non posso passargli direttamente il nome della textarea?

  4. #4
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    sì se intendi così...

    document.getElementById('anteprima').innerHTML = document.getElementById('id_textarea').value

    puoi farti una funzione con questa istruzione che viene richiamata ad esempio dal click di un bottone...
    Vuoi aiutare la riforestazione responsabile?

    Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)

  5. #5
    Io praticamente ho un bottone, che ha come evento onClick="window.open(....)" e mi apre una popup con un file php. All'interno di window.open gli passo i vari elementi da visualizzare, tra cui la famosa textarea.

    Con escape mi visualizza il testo normale, mentre se trova i tag html mi dice: puntatore non valido.

    Mi sono spiegato adesso?

  6. #6
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    allora devi mostrare il testo della textarea dentro una popup... ok.
    Non serve che tu passi nulla alla popup quando fai window.open
    all'interno del documento che si apre in popup scrivi una cosa del genere

    ...
    <body onload="this.innerHTML = window.opener.document.getElementById('id_textarea ').value">

    </body>
    ...

    e dovresti aver risolto.. non ho modo di provarlo però. Fammi sapere

    Vuoi aiutare la riforestazione responsabile?

    Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)

  7. #7
    Ho provato, mi visualizza una popup bianca...

  8. #8
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    sto cercando di intuire il meccanismo che desideri. Il codice che ti ho dato presuppone che tu prima scrivi qualcosa nella textarea e poi fai aprire la popup con il testo visulaizzato.

    Se è ciò che stai facendo allora posta il file html che contiene la textarea e il file che apri in popup

    Ciao
    Vuoi aiutare la riforestazione responsabile?

    Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)

  9. #9
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    prova questo esempio

    pagina textarea (a.html)
    codice:
    <html>
    <head>
    <title>a.html</title>
    </head>
    <body>
    
    <textarea id="mytextarea">
    titolo
    
    
    testo testo testo</p>
    </textarea>
    
    
    
    
    
    <input type="button" value="apri" onclick="window.open('b.html','','');">
    </body>
    </html>


    Popup (b.html)
    codice:
    <html>
    <head>
    
    <script>
    function leggitextarea() {
      document.getElementById('testo').innerHTML = window.opener.document.getElementById('mytextarea').value;
    }
    </script>
    </head>
    
    <body onload="leggitextarea()">
      <div id="testo">
      </div>
    </body>
    </html>
    apri la pagina a.html e clicca sul bottone. La pagina che si apre contiene il testo che volevi

    Ciao
    Vuoi aiutare la riforestazione responsabile?

    Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)

  10. #10
    WOW...Grazie mille!!!

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.