Selezionare contenuto di un tag con doppio click
Oggi, cercando di migliorare ancora la grafica e la funzionalità del blog, mi sono imbattuto nella ricerca di uno script che permettesse di selezionare tutto il testo contenuto all'interno di un tag Html.
La mia idea era fare in modo che con un doppio click sul testo del codice questo venisse selezionato tutto!
Dopo un po' di ricerche mi sono imbatutto in questa pagina: http://4umi.com/web/javascript/select.htm.
Lo è stato script realizzato da Yann-Erwan Perio e permette di selezionare tutto il contenuto di un tag passandogli il relativo id!
Quindi sono passato subito all'implementazione nel blog!
Per prima cosa ho copiato lo script e importato all'interno del template di blogger, subito dopo il tag <body>:
Sfruttando l'evento ondblclick del tag <pre> invoco la funzione:
Doppio click sul 'codice'... funziona!
Provare per credere!
Ciao,
Andrea
La mia idea era fare in modo che con un doppio click sul testo del codice questo venisse selezionato tutto!
Dopo un po' di ricerche mi sono imbatutto in questa pagina: http://4umi.com/web/javascript/select.htm.
Lo è stato script realizzato da Yann-Erwan Perio e permette di selezionare tutto il contenuto di un tag passandogli il relativo id!
Quindi sono passato subito all'implementazione nel blog!
Per prima cosa ho copiato lo script e importato all'interno del template di blogger, subito dopo il tag <body>:
<script src='link_to_script.js' type='text/javascript'/>
</script>
Sfruttando l'evento ondblclick del tag <pre> invoco la funzione:
<pre ondblclick = "Utils.Selection.clear(); Utils.Selection.add( Utils.Ranges.selectNode(Utils.DOM.getElementWithId(this.id) ));" id="pre_01">
/* --- CODICE --- */
</pre>
Doppio click sul 'codice'... funziona!
Provare per credere!
Ciao,
Andrea
Nessun commento:
Posta un commento