[Javascript] voor dummies (deel 6)

Index

» digital corner

actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
pi_50688535
1
2
3
4
5
6
7
8
9
10
11		    if (owner & 4) { document.getElementById('owner_read').checked  = true; } else { document.getElementById('owner_read').checked  = false; }
    if (owner & 2) { document.getElementById('owner_write').checked = true; } else { document.getElementById('owner_write').checked = false; }
    if (owner & 1) { document.getElementById('owner_exec').checked  = true; } else { document.getElementById('owner_exec').checked  = false; }

    if (group & 4) { document.getElementById('group_read').checked  = true; } else { document.getElementById('group_read').checked  = false; }
    if (group & 2) { document.getElementById('group_write').checked = true; } else { document.getElementById('group_write').checked = false; }
    if (group & 1) { document.getElementById('group_exec').checked  = true; } else { document.getElementById('group_exec').checked  = false; }

    if (other & 4) { document.getElementById('other_read').checked  = true; } else { document.getElementById('other_read').checked  = false; }
    if (other & 2) { document.getElementById('other_write').checked = true; } else { document.getElementById('other_write').checked = false; }
    if (other & 1) { document.getElementById('other_exec').checked  = true; } else { document.getElementById('other_exec').checked  = false; }


Dit in een functie proppen? De 4 - 2 - 1 stap kan eventueel in een for-lusje

1
2
3
4
5
6
7
8
9
10
11
12
13		var objectToCheck = array(5);

checkboxName = "group"
objectToCheck[4] = document.getElementById(checkboxName+'_read').checked;
objectToCheck[2] = document.getElementById(checkboxName+'_write').checked;
objectToCheck[1] = document.getElementById(checkboxName+'_exec').checked;


for (var i = 4; i >= 1; i = i / 2){

    if (right & i) { objectToCheck[i] = true; } else { objectToCheck[i] = false; }

}


[ Bericht 5% gewijzigd door Geqxon op 21-06-2007 13:18:15 ]
pi_50689282
Uitgewerkt:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23		   var types = new Array();
   types[0] = "owner";
   types[1] = "group";
   types[2] = "other";

   var userset = new Array();
   userset[0] = 5;
   userset[1] = 7;
   userset[2] = 1;

   var rights = new Array();
   rights[4] = "read";
   rights[2] = "write";
   rights[1] = "exec";

   for (var i = 0; i <= 2; i++){
      for (var j = 4; j >= 1; j = j / 2){
          if (userset[i] & j)
             document.getElementById(types[i]+'_'+rights[j]).checked  = true;
          else
             document.getElementById(types[i]+'_'+rights[j]).checked  = false;
      }
   }


Verder lijkt dit mij mooier voor de checkboxen:

1
2
3
4
5
6		<input type="checkbox" id="other_read" value="4" onClick="calculate(this)">

function calculate(checkbox)
{
    var opt = checkbox.id;
    var num = checkbox.value;


Puur uit netheid

Last but not least een ranzige methode om calculate te verkleinen:

1
2
3
4
5
6
7
8
9
10		   var owner = 7;

   var checkboxChecked = false
   var checkboxValue = 4;
   var checkboxName = "owner";
   var charToUse = (checkboxChecked ? true : "+") + (checkboxChecked ? false : "-");

   eval(checkboxName + " = " + checkboxName + " " + charToUse + " " + checkboxValue);

   alert(owner);


Geeft in dit geval dus drie. Maar ranzig

[ Bericht 12% gewijzigd door Geqxon op 21-06-2007 13:56:01 ]
pi_50690574
Tnx, ik ga me hier eens over buigen, maar op zich waren de functies die ik geschreven had aardig goed dus en dat voor een JS leek
The people who lost my respect will never get a capital letter for their name again.
Like trump...
pi_50691053
quote:
Op donderdag 21 juni 2007 14:06 schreef Chandler het volgende:
Tnx, ik ga me hier eens over buigen, maar op zich waren de functies die ik geschreven had aardig goed dus en dat voor een JS leek
Jep, die waren prima. Maar hey, jij vraagt om korter, dan krijg je korter
pi_50693886
je hebt gelijk... heb nog een hoop te javascripten.. het is maar onderdeel van
The people who lost my respect will never get a capital letter for their name again.
Like trump...
pi_50695341
Dit kan natuurlijk veel korter

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23		var types = new Array();
types[0] = "owner";
types[1] = "group";
types[2] = "other";

var userset = new Array();
userset[0] = 5;
userset[1] = 7;
userset[2] = 1;

var rights = new Array();
rights[4] = "read";
rights[2] = "write";
rights[1] = "exec";

for (var i = 0; i <= 2; i++){
   for (var j = 4; j >= 1; j = j / 2){
       if (userset[i] & j)
          document.getElementById(types[i]+'_'+rights[j]).checked  = true;
       else
          document.getElementById(types[i]+'_'+rights[j]).checked  = false;
   }
}


Voor het stukje met

1if (boolValue) { someVar = true; } else { someVar = false; };

is er omslachtig


1
2
3
4
5
6
7
8
9
10
11		var types = ["owner", "group", "other"];
var userset = [5 , 7, 1];
var rights = ["read", "write", "exec"];

for (var i = 0; i < 3; ++i)
{
   for (var j = 4; j >= 1; j /= 2)
   {
      document.getElementById(types[i] + '_' + rights[j]).checked = (userset[i] & j);
   }
}   


:P
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
pi_50695671
Baas boven baas, verschil moet er zijn

En de "checked = (userset[i] & j)" is een hele scherpe, voor mij een gemiste kans
  donderdag 21 juni 2007 @ 17:17:34 #58
12880 CraZaay
prettig gestoord
pi_50697543
SuperRembo: ik neem aan dat 'ie voor 'rights' niet voor niets 4, 2 en 1 als keys gebruikt heeft ipv 0, 1 en 2. Of mis ik iets?
pi_50697776
quote:
Op donderdag 21 juni 2007 17:17 schreef CraZaay het volgende:
SuperRembo: ik neem aan dat 'ie voor 'rights' niet voor niets 4, 2 en 1 als keys gebruikt heeft ipv 0, 1 en 2. Of mis ik iets?
Jep, zo moet er bij een "read" worden geprobeerd er vier punten af te halen. Dat is anders te doen, uiteraard, maar dit leek mij voor het overzicht wel handig
pi_50702506
quote:
Op donderdag 21 juni 2007 17:17 schreef CraZaay het volgende:
SuperRembo: ik neem aan dat 'ie voor 'rights' niet voor niets 4, 2 en 1 als keys gebruikt heeft ipv 0, 1 en 2. Of mis ik iets?
Je hebt gelijk, daar heb ik overheen gekeken.
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
pi_50702804
Voor de mensen die graag op een makkelijk manier ronde hoeken willen maken:
http://code.google.com/p/jquery-roundcorners-canvas/
..///
  donderdag 21 juni 2007 @ 20:29:55 #62
136730 PiRANiA
All thinking men are atheists.
pi_50703409
stiekem plaats ik hier een tvp
Dag Google!
  donderdag 21 juni 2007 @ 21:28:59 #63
12880 CraZaay
prettig gestoord
pi_50705665
quote:
Op donderdag 21 juni 2007 20:15 schreef wipes66 het volgende:
Voor de mensen die graag op een makkelijk manier ronde hoeken willen maken:
http://code.google.com/p/jquery-roundcorners-canvas/
Bah

Javascript is wat mij betreft voor gedrag en niet voor styling. Daar is CSS voor.
pi_50710533
quote:
Op donderdag 21 juni 2007 21:28 schreef CraZaay het volgende:

[..]

Bah

Javascript is wat mij betreft voor gedrag en niet voor styling. Daar is CSS voor.
Sommige dingen gaan nou eenmaal niet met CSS.
..///
  vrijdag 22 juni 2007 @ 00:02:05 #65
12880 CraZaay
prettig gestoord
pi_50712640
quote:
Op donderdag 21 juni 2007 23:20 schreef wipes66 het volgende:

[..]

Sommige dingen gaan nou eenmaal niet met CSS.
Tuurlijk wel. jQuery schrijft ook gewoon dynamisch HTML en CSS.
  vrijdag 22 juni 2007 @ 19:40:34 #66
136730 PiRANiA
All thinking men are atheists.
pi_50739313
help?

ik wil dat in een <input> de enter toets neit gebruikt wordt om te submitten, maar om een functie uit te voeren.
Hoe moet dat?

zoiets dus: ipuur ter illustratie:

1
2
3		<form>
<input onKeyUp="if(key= enter { submitajax(this.value) ; } "> 
</form>
Dag Google!
  vrijdag 22 juni 2007 @ 19:59:10 #67
12880 CraZaay
prettig gestoord
pi_50740043
Niets aan die input doen maar een onsubmit op je form. Daarin de gewenste functie uitvoeren en een 'return false' om de normale submit tegen te houden.

En natuurlijk de normale submit ook laten werken voor de mensen die javascript uit hebben staan
  vrijdag 22 juni 2007 @ 20:20:15 #68
136730 PiRANiA
All thinking men are atheists.
pi_50740837
quote:
Op vrijdag 22 juni 2007 19:59 schreef CraZaay het volgende:
Niets aan die input doen maar een onsubmit op je form. Daarin de gewenste functie uitvoeren en een 'return false' om de normale submit tegen te houden.

En natuurlijk de normale submit ook laten werken voor de mensen die javascript uit hebben staan
gaan we proberen
Dag Google!
pi_50798120
Ik ben zo eens op zoek naar een toffe Javascript reverse-engineer debugger achtig programma. Dus zodat ik exact kan zien wat er gebeurd als ik op een pagina op een knopje klik. Iemand tips?
pi_50802784
In FireBug zit een debugger en nog een heleboel handige dev tools. Verder heb je voor Firefox nog Venkman, maar die vind ik zelf niet zo lekker werken. Voor IE heb je natuurlijk de debugger van de Microsoft Script Editor, of anders Visual Studio.
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
pi_50912943
Vraagje; ik heb een selectbox met een stel opties. Waarvan 90% een value hebben en 10% niet. Nu wil ik dat alleen die opties met een value geselecteerd kunnen worden maar niet de opties zonder 'value'.

Hoe kan ik dit realiseren?

if (this.option[this.selectedIndex].value='') return false;

werkt helaas niet
The people who lost my respect will never get a capital letter for their name again.
Like trump...
pi_50913501
quote:
Op woensdag 27 juni 2007 20:40 schreef Chandler het volgende:
Vraagje; ik heb een selectbox met een stel opties. Waarvan 90% een value hebben en 10% niet. Nu wil ik dat alleen die opties met een value geselecteerd kunnen worden maar niet de opties zonder 'value'.

Hoe kan ik dit realiseren?

if (this.option[this.selectedIndex].value='') return false;

werkt helaas niet :{
1
2
3		if (item.value){
alert('This item has a value');
}


Werkt dit niet?
pi_50939010
Dat werkt wel in IE maar weer niet in FireFox.

Wil eingelijk gewoon als ze op een 'optie' zonder value klikken dat de 'selectie' gewoon blijft staan op de 'vorige' optie met wel een value...

oid..
The people who lost my respect will never get a capital letter for their name again.
Like trump...
pi_50939134
Tijdelijke variabele om de selectedIndex in op te slaan waar de selectedIndex naar wordt teruggezet als het gegeven item geen value heeft?
"If you are depressed you shouldn't be in C major!" - Rick Beato
pi_50939232
K! ik ga het proberen!
The people who lost my respect will never get a capital letter for their name again.
Like trump...
  donderdag 28 juni 2007 @ 15:06:13 #76
12880 CraZaay
prettig gestoord
pi_50939242
Wat is het doel Chandler? Ben je niet goed af met <optgroup> toevallig?
pi_50939305
quote:
Op donderdag 28 juni 2007 15:06 schreef CraZaay het volgende:
Wat is het doel Chandler? Ben je niet goed af met <optgroup> toevallig?
Goed punt.
"If you are depressed you shouldn't be in C major!" - Rick Beato
pi_50939813
<optgroup>?

Nog nooit van gehoord, ga gelijk googlen!

-edit-

Gevonden en nu al ingebouwd cq gebruikt!.

Wat een handig element zeg!. Tnx CraAzAaaaaaaaaaaaaaaaay!

[ Bericht 50% gewijzigd door Chandler op 28-06-2007 15:30:05 ]
The people who lost my respect will never get a capital letter for their name again.
Like trump...
pi_50940994
Maakt dit qua preformance wat uit of niet?

1
2
3
4
5
6
7
8		var count_items = menu_items.length;
for(var i = 0; i < count_items; i++) {
   // doe iets tofs.
}

for(var i = 0; i < menu_items.length; i++) {
   // doe iets tofs.
}
Steam - SC2
pi_50941029
klopt het trouwens dat hier posts zijn verdwenen?
Steam - SC2
pi_50941408
geen idee hehe.

Maar denk dat het wel wat uitmaakt, in PHP iig wel

De parser moet anders constant lezen hoeveel items er in een bepaalde array zitten en dat hoeft de parser niet te doen als jij die gegevens in een tijdelijke variabel zet!
The people who lost my respect will never get a capital letter for their name again.
Like trump...
pi_50941956
In PHP is dat waar inderdaad (lees ik net op php.net) Dus lijkt het me voor Javascript ook, hoewel ik het nergens kan vinden.

In dit geval maakt het niet zo heel erg veel uit, het gaat om array die bestaat uit wel 4 elementen
Steam - SC2
pi_50942467
quote:
Op donderdag 28 juni 2007 16:01 schreef super-muffin het volgende:
Maakt dit qua preformance wat uit of niet?
[ code verwijderd ]
Ja dat maakt zeker uit.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16		// normaal
for (var i = 0; i < a.length; i++) 
{
   Foo(a[i]);
}
// sneller
for (var i = 0, l = a.length; i < l; ++i) 
{
   Foo(a[i]);
}
// nog sneller (maar in omgekeerde volgorde)
var i = a.length;
while (i--)
{
   Foo(a[i]);
}


De laatste versie is het snelst, maar die is wat minder duidelijk, dus die zou ik alleen gebruiken als de snelheid heel belangrijk is.
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
pi_50944315
quote:
Op donderdag 28 juni 2007 16:48 schreef SuperRembo het volgende:

[..]

Ja dat maakt zeker uit.
[ code verwijderd ]

De laatste versie is het snelst, maar die is wat minder duidelijk, dus die zou ik alleen gebruiken als de snelheid heel belangrijk is.
Die laatste is toch simpel te gebruiken (ook andersom)

1
2
3
4
5
6
7		var i = a.length;
var j = 0;
while (i--)
{
    j++;
   Foo(a[j]);
}


:)

2 regels meer maar qua preformance even snel volgens mij...
The people who lost my respect will never get a capital letter for their name again.
Like trump...
  donderdag 28 juni 2007 @ 19:20:56 #85
12880 CraZaay
prettig gestoord
pi_50947204
quote:
Op donderdag 28 juni 2007 16:48 schreef SuperRembo het volgende:

De laatste versie is het snelst, maar die is wat minder duidelijk, dus die zou ik alleen gebruiken als de snelheid heel belangrijk is.
Goed die laatste! Ga ik meteen inbouwen in m'n project waarbij 500 objecten in een array gestopt moeten worden in een loop
pi_50950087
Wat voor objecten?
The people who lost my respect will never get a capital letter for their name again.
Like trump...
  donderdag 28 juni 2007 @ 21:00:39 #87
12880 CraZaay
prettig gestoord
pi_50950410
Google Maps markers, infowindow's en nog wat spul.
pi_50980534
quote:
Op donderdag 28 juni 2007 16:15 schreef Chandler het volgende:
geen idee hehe.

Maar denk dat het wel wat uitmaakt, in PHP iig wel

De parser moet anders constant lezen hoeveel items er in een bepaalde array zitten en dat hoeft de parser niet te doen als jij die gegevens in een tijdelijke variabel zet!
Maar is dat dan niet dynamisch? Als ik "a = document.getElementById('hi').length" pak, dan krijg ik toch elke keer als ik naar "a" vraag de dan geldende lengte van "hi" ? Of slaat hij deze waarde enkel 1 maal op?


Zelf had ik het probleem bij:

1
2
3
4
5
6		a = b.length;

i = 0
while (i < a)
b.removechild();
}


Dat dan dus enkel de helft van de childs weggegooid werd (5000 childs, dan is a op een gegeven moment 2500, i ook, en is a niet kleiner dan i meer.
  vrijdag 29 juni 2007 @ 20:28:18 #89
693 ChOas
** Warning: Choking hazard **
pi_50982203
quote:
Op vrijdag 29 juni 2007 19:41 schreef Geqxon het volgende:

[..]

Maar is dat dan niet dynamisch? Als ik "a = document.getElementById('hi').length" pak, dan krijg ik toch elke keer als ik naar "a" vraag de dan geldende lengte van "hi" ? Of slaat hij deze waarde enkel 1 maal op?
a is op dat moment een statische variabele...

Je wijst maar 1 keer de waarde van 'document.getElementById('hi').length' aan 'a' toe ... die waarde krijgt a, en die verandert niet.

Dus als je telkens de nieuwe lengte wil zal je deze telkens opnieuw moeten opvragen.

Trouwens, .length is ongetwijfeld een item wat goedkoop is om op te vragen, dus zoveel maakt dat niet uit...

voor hetzelfde geld schrijf je

1
2
3		function va() {
 return document.getElementById('hi').length;
};


En gebruik je verder va() i.p.v. 'a'... (met als nadeel dat je de overhead van een functieaanroep hebt, maar maakt je code misschien in sommige gevallen wat netter)
"I contend that we are both atheists. I just believe in one fewer god than you do.
When you understand why you dismiss all the other possible gods, you will understand why I dismiss yours."
[Stephen Roberts]
pi_50983398
Als je een aantal keer de length property van een element wil opvragen dan kan je wel het element zelf in een variable zetten. Dat scheelt een heleboel opzoekwerk in de DOM.

Maar volgens mij is er geen enkel html element die standard een length property heeft
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
pi_50985079
quote:
Op vrijdag 29 juni 2007 21:11 schreef SuperRembo het volgende:
Als je een aantal keer de length property van een element wil opvragen dan kan je wel het element zelf in een variable zetten. Dat scheelt een heleboel opzoekwerk in de DOM.

Maar volgens mij is er geen enkel html element die standard een length property heeft
document.getElementById("div").elements.length? Of bedoel je dat niet?
pi_50985434
Alleen een form element heeft een elements property, een div niet. Tenzij je die er zelf op zet natuurlijk.
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
pi_51176658
Ik wil dmv javascript een aantal punten op een plaatje kunnen aangeven en later deze of via een form of via xml opslaan in een mysql database.
De punten moeten ook nog verplaatst en verwijderd kunnen worden.

Ik kan me herinneren dat ik in een van de javascript voor dummies range een script daarvoor gezien heb, maar kan deze niet meer vinden.

Wie weet waar ik die kan vinden ?
  zaterdag 14 juli 2007 @ 16:27:46 #94
136730 PiRANiA
All thinking men are atheists.
pi_51463448
Ik heb een aantal <inputs> die ik gebruik als array.
Nou wil ik een knop om inputs er bij te doen.

Ik gebruik nu deze:

1
2
3
4
5
6
7
8		<script type="text/javascript">
<!--
function add()
{
   document.getElementById('cijferinvoer').innerHTML=document.getElementById('cijferinvoer').innerHTML + '<tr><th>CC</th><td><input type="text" name="cijfer[]" AUTOCOMPLETE="of"></td><td><input type="text" name="weging[]" AUTOCOMPLETE="of"></td>';
}
//-->
</script>


echter worden de ingevulde vakjes verwijderd als ik dit gebruik.
Is er een andere manier?
Dag Google!
  zaterdag 14 juli 2007 @ 16:45:32 #95
136730 PiRANiA
All thinking men are atheists.
pi_51463968
oftewel: hoe voeg ik extra content toe aan een pagina zonder dat de input values verwijnen?

www.wrts.nl gebruikt het ook:
http://www.wrts.nl/lijst/create
Dag Google!
pi_51464911
De makkelijkste en netste oplossing is niet het toevoegen via JS en innerHTML, maar dmv een div met style "display: none;" die je mbv javascript op "display: block;" zet. Zo zal de state van je form gewoon behouden blijven en hoef je ook geen html in je JS code op te nemen (want dat is :r).

Voorbeeldje:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17		<script type="text/javascript">

function showExtraContent() {
   var extraContent = document.getElementById('extraContent');
   extraContent.style.display = 'block';
}

</script>

<p>
standaard content bla bla bla</p>

<div id="extraContent" style="display: none;">
   bla bla bla extra content bla bla
</div>

<a href="#" onclick="showExtraContent(); return false;">klik voor extra content</a>
  zaterdag 14 juli 2007 @ 17:25:50 #97
136730 PiRANiA
All thinking men are atheists.
pi_51465111
quote:
Op zaterdag 14 juli 2007 17:19 schreef Farenji het volgende:
De makkelijkste en netste oplossing is niet het toevoegen via JS en innerHTML, maar dmv een div met style "display: none;" die je mbv javascript op "display: block;" zet. Zo zal de state van je form gewoon behouden blijven en hoef je ook geen html in je JS code op te nemen (want dat is ).

Voorbeeldje:


[ code verwijderd ]
maar dan kunnen er niet meerdere rijen toegevoegd worden.
Dag Google!
  zaterdag 14 juli 2007 @ 17:27:57 #98
136730 PiRANiA
All thinking men are atheists.
pi_51465184
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16		function add()
{
   var tbody = document.getElementById
('cijferinvoer').getElementsByTagName("tbody")[0];
    var row = document.createElement("tr")
    var th1 = document.createElement("th")
    th1.appendChild(document.createTextNode("CC"))
   var td1 = document.createElement("td")
   var a = '<input type="text" name="var1[]" AUTOCOMPLETE="off">'
    td1.appendChild(document.createTextNode(a))
    var td2 = document.createElement("td")
    td2.appendChild (document.createTextNode('<input type="text" name="var2[]" AUTOCOMPLETE="off">'))
    row.appendChild(th1);
    row.appendChild(td1);
   row.appendChild(td2);
    tbody.appendChild(row);


deze gebruik ik nu.
Alles lukt, alleen komt er niet de inputbox die ik wil in de nieuwe TD's, maar gewoon tekst:
quote:
CC <input type="text" name="var1[]" AUTOCOMPLETE="off"> <input type="text" name="var1" AUTOCOMPLETE="off">
Dag Google!
  zaterdag 14 juli 2007 @ 17:30:09 #99
136730 PiRANiA
All thinking men are atheists.
pi_51465241
1
2		  var a = '<input type="text" name="var1[]" AUTOCOMPLETE="off">'
    td1.appendChild(document.createTextNode(a))


Hoe maak ik dus in plaats van createTextNode: createHTMLNode oid...

bestaat dat? of moet het anders?
Dag Google!
pi_51465264
Of je gebruikt DOM functies om nieuwe html elementen toe te voegen.

Als je een willekeurig aantal regel toe wil kunnen voegen dan kom je er niet met een verborgen divje.

Het zal ook al schelen als je geen fouten maakt in de html die je toe voegt. Er ontbreekt een sluittag voor de tr, en autocomplete op "off" zetten (niet "of").
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
[Javascript] voor dummies (deel 6)
Index

» digital corner

Forum Opties
Forumhop:
Hop naar:
(afkorting, bv 'KLB')