Hoe een 'selecteer alles' knop maken?

Vorige onderwerp Volgende onderwerp Ga naar beneden

  • 0

Tutorial 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 Hoe een 'selecteer alles' knop maken? Arrow10 Modules Hoe een 'selecteer alles' knop maken? Arrow10 HTML & JAVASCRIPT Hoe een 'selecteer alles' knop maken? Arrow10 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 Hoe een 'selecteer alles' knop maken? Arrow10 Display Hoe een 'selecteer alles' knop maken? Arrow10 PLAATJES & KLEUREN Hoe een 'selecteer alles' knop maken? Arrow10 Kleuren Hoe een 'selecteer alles' knop maken? Arrow10 Cascading Style Sheet

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

Hopelijk helpt deze tutorial jullie!
Nathy

Nathy
Medaille Forumlid
Medaille Forumlid

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

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