Nederlands Ondersteuningsforum :
Welkom op het Nederlandse Ondersteuningsforum van ActieForum.


Om ondersteuning te vragen of om in één van onze andere forumsecties te kunnen posten dien je een account te hebben, bedankt voor het inloggen als je al geregistreerd bent, of registreer direct een account op ons ondersteuningsforum als je dit nog niet gedaan hebt.

Hoe een 'selecteer alles' knop maken?

Vorige onderwerp Volgende onderwerp Go down

  • 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!

Nathy
Medaille Forumlid
Medaille Forumlid

Oud Globaal Moderator

Man Aantal berichten : 622
Leeftijd : 18
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