Hoe een 'selecteer alles' knop maken?

Vorige onderwerp Volgende onderwerp Ga naar beneden

  • 0

Hoe een 'selecteer alles' knop maken?

Bericht van Nathy op zo 17 feb 2013 - 10:47

Hoe een 'selecteer alles' knop maken?


Beste forumgebruikers,

Vandaag ga ik jullie uitleggen hoe je een 'Selecteer alles' knop kan maken. Deze turorial werkt op elke forum versie

Stap 1:
Beheerderspaneel Modules HTML & JAVASCRIPT Javascript code beheer
Stap 2:
Klik op ':+: Create a Javascript'. Geef het document de naam 'Selecteer Alles'. Klik bij 'Placement:' In the topics aan. En plak de onderstaande code in het document.

Alle versies

Code:
        function selectCode(a){a=$(a).closest("dl").find(".cont_code,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)  > dd.code, dl.codebox:not(.spoiler,.hidecode)  > dd > code").closest("dl").find('dt').append('<span onClick="selectCode(this)" class="selectCode">Selecteer alles</span>');
        });

Nu plaatsen we nog een aantal lijntjes css voor de opmaak van de 'selecteer alles' knop.

Beheerderspaneel Display PLAATJES & KLEUREN Kleuren Cascading Style Sheet[/b]

Code:
.selectCode { float:right; text-transform: uppercase; cursor:pointer; }
div.cont_code { clear: right; }

Hopelijk helpt deze tutorial jullie!
avatar

Nathy
Medaille Forumlid

Man Aantal berichten : 619
Geboortedatum : 18-09-98
Leeftijd : 19
Locatie : België
Registratiedatum : 05-01-12
Oprichter van het forum : Nee
Templates gewijzigd : Nee
CSS : Nee

Profiel bekijken http://testforumbe-nl.actieforum.com/
Nathy is bedankt door de starter van dit topic.

Vorige onderwerp Volgende onderwerp Terug naar boven


Permissies van dit forum:
Je mag geen reacties plaatsen in dit subforum