Cambiare look al selezionare contenuto


Astuzia Cambiare look al selezionare contenuto

Messaggio Da Dozy™ il 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


avatar
Dozy™
Veterano dello staff

Sesso : Maschile
Età : 30
Messaggi : 2297
Località : Tradate (va)


Vedi il profilo dell'utente
Dozy™ è stato ringraziato dall'autore di questo topic.

Vedere l'argomento precedente Vedere l'argomento seguente Tornare in alto

- Argomenti simili

 
Permessi di questa sezione del forum:
Non puoi rispondere agli argomenti in questo forum