Pubblicato il 13/03/13e aggiornato il

Come creare una textarea con bottone per selezionare il testo.

Come realizzare e personalizzare un textarea inserendo anche il bottone per selezionare il testo
La textarea è un modo per inserire del codice in una pagina o in un widget per farlo copiare più facilmente dagli utenti. Questo sistema è utilizzato per esempio per facilitare la condivisione dell'antipixel del sito. Non è obbligatorio usare la textarea per il codice ma vi può essere inserito al suo interno anche del semplice testo o delle immagini.
Gli attributi presenti nel codice della textarea sono il numero di righe e il numero di colonne. Nel caso in cui il contenuto fosse sovrabbondante rispetto alle righe e alle colonne settate, si visualizzerebbero dei cursori per scorrerlo tutto orizzontalmente e verticalmente. Si può quindi usare la textarea anche per risparmiare dello spazio nell'inserimento dei contenuti in un post o in un widget. Specialmente quando ci sono dei cursori potrebbe risultare difficoltoso selezionare e copiare il codice che vi è contenuto.
In alcuni siti viene quindi inserito sotto alla textarea un pulsante per selezionare tutto il contenuto. Si tratta in sostanza di incollare in Modalità HTML o in un widget HTML/Javascript un codice più o meno simile a questo che poi dovrà essere personalizzato

<script language="JavaScript">
function selezionare(IpCeI) { document.getElementById(IpCeI).select(); }
</script>
<textarea cols="40" id="codetext" rows="4">
Inserire il testo o il codice da selezionare e copiare in questo spazio.
</textarea>
<br/>
<input onclick="selezionare('codetext');" type="submit" value="Seleziona tutto" />
<input onclick="javascript:deselect();" title="Deseleziona tutto" type="submit" value="Deseleziona tutto" />

dove si possono modificare il numero di colonne (cols) e il numero di righe (rows) oltre a inserire il testo o il codice da posizionare dentro la textarea. L'ultima riga in viola è opzionale e serve solo per mostrare anche il bottone per deselezionare il testo. Ecco come si presenterà:







7 commenti :

  1. Questo commento è stato eliminato dall'autore.

    RispondiElimina
    Risposte
    1. mi puo' essere utile, grazie!!! buona giornata!!

      Elimina
  2. La seguo con interesse da molto tempo. Vorrei chiederle un'aiuto se possibile. Da un po' di tempo sul mio blog appaiono delle scritte come queste e non riesco ad eliminarle: AVERTISSEMENT DE SÉCURITÉ : traitez l’URL ci-dessous comme un mot de passe et ne la partagez avec personne.
    Come posso fare per eliminarle la ringrazio infinitamente, Clementina.

    RispondiElimina
    Risposte
    1. @# E' un problema non isolato, leggi qui
      https://productforums.google.com/forum/?fromgroups=#!topic/blogger/vnG2zobp7jU
      o qui
      http://productforums.google.com/forum/#!msg/blogger/hg8SqS9EyXs/3iRLoo-sNSAJ

      Non ho trovato risposte soddisfacenti ma tu segui i forum per vedere se qualcuno trova qualcosa di utile

      Elimina
    2. @# Forse c'è qualcosa di utile qui
      https://productforums.google.com/forum/?fromgroups=#!topic/blogger/hg8SqS9EyXs
      Sembra che sia qualcosa che derivi da un widget malevolo che hai installato. Forse il bottone di Facebook.

      Elimina
  3. Ciao Ernesto!!
    Ho creato il textarea senza problemi, ma sulla pagina del blog la scritta all'interno del box (un codice HTML) non c'è.. Non capisco dove sbaglio, sapresti aiutarmi?
    Grazie!

    RispondiElimina
    Risposte
    1. Non sono un mago :)
      Posso consigliarti di copiare il codice così com'è per vedere se ti funziona e successivamente passare alle personalizzazioni
      @#

      Elimina

Non inserire link cliccabili altrimenti il commento verrà eliminato. Metti la spunta a Inviami notifiche per essere avvertito via email di nuovi commenti. Se ti ho aiutato con il post o con le risposte ai commenti condividi su Facebook o su Twitter. Grazie.