13 marzo 2013

Come creare una textarea con 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à:






5 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

Non inserire link cliccabili altrimenti il commento verrà eliminato. Clicca nel link qui sotto Iscriviti per email per ricevere le notifiche di nuovi commenti al post.