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" />
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à:
Questo commento è stato eliminato dall'autore.
RispondiEliminami puo' essere utile, grazie!!! buona giornata!!
EliminaLa 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.
RispondiEliminaCome posso fare per eliminarle la ringrazio infinitamente, Clementina.
@# E' un problema non isolato, leggi qui
Eliminahttps://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
@# Forse c'è qualcosa di utile qui
Eliminahttps://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.
Ciao Ernesto!!
RispondiEliminaHo 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!
Non sono un mago :)
EliminaPosso consigliarti di copiare il codice così com'è per vedere se ti funziona e successivamente passare alle personalizzazioni
@#