Cambiare look al selezionare contenuto

Da Dozy™ Mer 8 Feb 2012 - 20:49

Cambiare look al selezionare contenuto

Ciao, con questa astuzia daremo un po di vivacità al nostro selezionare contenuto; prima però assicuratevi di aver seguito questo tutorial dove spiega anche dove inserirlo.

Codice originale

Codice:: <script>function selectCode(a) { // Get ID of code block var e = a.parentNode.parentNode.getElementsByTagName('CODE')[0]; // Not IE if (window.getSelection) { var s = window.getSelection(); // Safari if (s.setBaseAndExtent) { s.setBaseAndExtent(e, 0, e, e.innerText.length - 1); } // Firefox and Opera else { // workaround for bug # 42885 if (window.opera && e.innerHTML.substring(e.innerHTML.length - 4) == '<BR>') { e.innerHTML = e.innerHTML + ' '; } var r = document.createRange(); r.selectNodeContents(e); s.removeAllRanges(); s.addRange(r); } } // Some older browsers else if (document.getSelection) { var s = document.getSelection(); var r = document.createRange(); r.selectNodeContents(e); s.removeAllRanges(); s.addRange(r); } // IE else if (document.selection) { var r = document.body.createTextRange(); r.moveToElementText(e); r.select(); } } if(text){}else{ var text = 'Selecionar todos';} jQuery(document).ready(function(){ jQuery("dl.codebox dt").not("dl.spoiler > dt").html('Code: <a href="#" onclick="selectCode(this); return false;"><font face="verdana" color="white">----------</font>Selezionare il contenuto</a>'); }); </script>

Ora per renderlo più "vivace" basta modificarlo un pochetto io ho aggiunto 3 pallini gif all'inizio e ho cambiato il colore del selezionare il contenuto.
NB: Non mettete gif enormi altrimenti vi verrà un pasticcio unico e il codice verrebbe male

Codice:: <script>function selectCode(a) { // Get ID of code block var e = a.parentNode.parentNode.getElementsByTagName('CODE')[0]; // Not IE if (window.getSelection) { var s = window.getSelection(); // Safari if (s.setBaseAndExtent) { s.setBaseAndExtent(e, 0, e, e.innerText.length - 1); } // Firefox and Opera else { // workaround for bug # #121212 if (window.opera && e.innerHTML.substring(e.innerHTML.length - 4) == '<BR>') { e.innerHTML = e.innerHTML + ' '; } var r = document.createRange(); r.selectNodeContents(e); s.removeAllRanges(); s.addRange(r); } } // Some older browsers else if (document.getSelection) { var s = document.getSelection(); var r = document.createRange(); r.selectNodeContents(e); s.removeAllRanges(); s.addRange(r); } // IE else if (document.selection) { var r = document.body.createTextRange(); r.moveToElementText(e); r.select(); } } if(text){}else{ var text = 'Selecionar todos';} jQuery(document).ready(function(){ jQuery("dl.codebox dt").not("dl.spoiler > dt").html('Code: <a href="#" onclick="selectCode(this); return false;"><font face="verdana" color="black"><img src="http://www.gifandgif.com/gif_animate/Pallini/pallini%20%2813%29.gif"><img src="http://www.gifandgif.com/gif_animate/Pallini/pallini%20%2813%29.gif"><img src="http://www.gifandgif.com/gif_animate/Pallini/pallini%20%2813%29.gif"></font> <span style="color:#BC2ED9">Selezionare il contenuto</span></a>'); }); </script>

Per problemi Problemi con lo script (Codici)

Copyrigth © FORUMATTIVO.COM
Forumattivo declina ogni utilizzo non consono al fine qui descritto. Tutorial pubblicato da: Lupin in data 08/02/2012