Selezionare il contenuto


Astuzia Selezionare il contenuto

Messaggio Da Nerissa il Lun 10 Gen 2011 - 18:43

Selezionare il contenuto


Ciao a tutti !

in questo tutorial spiego come fare per selezionare il contenuto.

prima di tutto creare un nuovo modulo :

pannello arrow moduli arrow widget dell`indice arrow creare un nuovo widget.

Nome arrow selezionare il contenuto

Usare un indice tipo : NO

codice per inserire nel widget :

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>

esempio arrow
Codice:
qui sopra appare il tasto "selezionare il contenuto"

così di semplice :good:

Per domande o chiarimenti Gestire l'aspetto del forum

Tutoriale da :
Copyrigth © FORUMATTIVO.COM


avatar
Nerissa
Veterano dello staff

Sesso : Femminile
Messaggi : 3458
Località : Spagna


Vedere il profilo dell'utente http://aiuto.forumattivo.com
Nerissa è stato ringraziato dall'autore di questo topic.

Astuzia Re: Selezionare il contenuto

Messaggio Da the crow il Mer 20 Lug 2011 - 19:46

> Pannello > Moduli > html & javascript > Gestione del codice javascript > Crea un nuovo javascript :

> Titolo : quello che volete

> Posizione : Tutte le pagine

> Codice Javascript * :

Codice:
function selectCode(a){a=a.parentNode.tagName==="B"?$(a).closest("table").find(".cont_code")[0]:$(a).closest("dl").find("code")[0];if(window.getSelection){var c=window.getSelection();if(c.setBaseAndExtent)c.setBaseAndExtent(a,0,a,a.innerText.length-1);else{window.opera&&a.innerHTML.substring(a.innerHTML.length-4)=="<BR>"&&(a.innerHTML+=" ");var b=document.createRange();b.selectNodeContents(a);c.removeAllRanges();c.addRange(b)}}else document.getSelection?(c=document.getSelection(),b=document.createRange(),b.selectNodeContents(a), c.removeAllRanges(),c.addRange(b)):document.selection&&(b=document.body.createTextRange(),b.moveToElementText(a),b.select())}$(function(){
$("dl.codebox:not(.spoiler,.hidecode) dt").add($("div.cont_code").closest("table").find("span.genmed b")).append('<span onClick="selectCode(this)" class="selectCode">Seleziona codice </span>'); });

> Visualizzazione > Immagini & colori > Colori > Foglio di stile CSS

Codice:
.selectCode { float:right; text-transform: uppercase; cursor:pointer; }

Fonte





avatar
the crow
Veterano dello staff

Sesso : Maschile
Età : 25
Messaggi : 8797
Località : Roma


Vedere il profilo dell'utente http://aiuto.forumattivo.it/forum
the crow è stato ringraziato dall'autore di questo topic.

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

- Argomenti simili

 
Permesso di questo forum:
Non puoi rispondere agli argomenti in questo forum