abonnement Unibet Coolblue Bitvavo
pi_137990828
Kan iemand mij helpen met het verduidelijken van de volgende Jquery?

http://jsfiddle.net/arunpjohny/2pza5/

Het grappige van allen is dat ik de basis wel begrijp. Echter zo dit ziende, begrijp ik er geen donder van. :D
  vrijdag 21 maart 2014 @ 00:59:14 #182
56176 Catch22-
Ben je Blind?!
pi_137991824
Wat snap je niet?

Hij heeft een array van landen die elk een array van steden hebben.

Als die select een andere waarde krijgt (een land) vult hij de andere select met de array van steden van dat land. Met die map functie loopt hij door die array van steden heen en maakt hij een option voor elke stad.
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
pi_138089662
Die filmpjes van Crockford _O_

Dankzij hem en hoe hij de geschiedenis van de programmeertalen vertelt in zijn filmpjes ben ik pas gaan beseffen hoe krachtig ECMAScript is.

[ Bericht 0% gewijzigd door #ANONIEM op 23-03-2014 21:07:32 ]
  zondag 23 maart 2014 @ 21:39:56 #184
56176 Catch22-
Ben je Blind?!
pi_138092244
Dat is het ook. Maar omdat er zo weinig regels zijn/vrijheid is, moet je wel weten wat je doet. En dat maakt het lastig te begrijpen
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
pi_138092795
quote:
0s.gif Op zondag 23 maart 2014 21:39 schreef Catch22- het volgende:
Dat is het ook. Maar omdat er zo weinig regels zijn/vrijheid is, moet je wel weten wat je doet. En dat maakt het lastig te begrijpen
Daar ben ik het mee eens. Een strictere standaard zou niet zo slecht zijn. :)
  maandag 24 maart 2014 @ 08:46:02 #186
25889 Sitethief
Fulltime Flapdrol
pi_138104858
quote:
0s.gif Op zondag 23 maart 2014 21:07 schreef robin007bond het volgende:
Die filmpjes van Crockford _O_

Dankzij hem en hoe hij de geschiedenis van de programmeertalen vertelt in zijn filmpjes ben ik pas gaan beseffen hoe krachtig ECMAScript is.
In hoeverre kun je kennis over ECMAScript inzetten bij het gebruiken van javascript?
Stroek: Sitethief, die is heel groot en sterk :Y.
Faat: *zucht* zoals gewoonlijk hoor Sitethief weer in de bocht >:)
  maandag 24 maart 2014 @ 08:47:41 #187
56176 Catch22-
Ben je Blind?!
pi_138104883
quote:
0s.gif Op maandag 24 maart 2014 08:46 schreef Sitethief het volgende:

[..]

In hoeverre kun je kennis over ECMAScript inzetten bij het gebruiken van javascript.
Bijna 1:1

ECMAScript is the scripting language standardized by Ecma International in the ECMA-262 specification and ISO/IEC 16262. The language is widely used for client-side scripting on the web, in the form of several well-known implementations such as JavaScript, JScript and ActionScript.
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
  maandag 24 maart 2014 @ 08:47:56 #188
25889 Sitethief
Fulltime Flapdrol
pi_138104887
-Edit oeps-
Stroek: Sitethief, die is heel groot en sterk :Y.
Faat: *zucht* zoals gewoonlijk hoor Sitethief weer in de bocht >:)
pi_138149663
1
2
3
function test(){
console.log("Testttt")
}

Tik je in console 'test()', dan krijg je naast undefined ook "Testttt" te zien.

Tik je in de console 'test', dan krijg je de hele functie te zien. Waarom krijg je dan de hele functie te zien. De logica ervan ontgaat mij :?
  dinsdag 25 maart 2014 @ 11:14:39 #190
56176 Catch22-
Ben je Blind?!
pi_138149746
test() roept de functie aan, test logged de definitie van de variabele test, wat dus die functie is.

Waar die undefined vandaan komt is mij ook een raadsel.
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
pi_138149781
Undefined is de return value van de functie, als je niks returned is die undefined.

En dat die functie weergeeft is misschien duidelijk als je het ziet als:
1
2
3
  var test = function test () {
    console.log('Testttt');
  }
No citizen has a right to be an amateur in the matter of physical training...what a disgrace it is for a man to grow old without ever seeing the beauty and strength of which his body is capable.
  dinsdag 25 maart 2014 @ 13:22:30 #192
12221 Tijn
Powered by MS Paint
pi_138153313
quote:
0s.gif Op maandag 24 maart 2014 08:46 schreef Sitethief het volgende:

[..]

In hoeverre kun je kennis over ECMAScript inzetten bij het gebruiken van javascript?
Er is geen praktisch verschil tussen ECMAScript en Javascript. Javascript is de naam voor de implementatie van ECMAScript in de browser.
pi_138154023
quote:
11s.gif Op dinsdag 25 maart 2014 11:14 schreef Catch22- het volgende:
test() roept de functie aan, test logged de definitie van de variabele test, wat dus die functie is.

Waar die undefined vandaan komt is mij ook een raadsel.
quote:
10s.gif Op dinsdag 25 maart 2014 11:15 schreef esv7 het volgende:
Undefined is de return value van de functie, als je niks returned is die undefined.

En dat die functie weergeeft is misschien duidelijk als je het ziet als:
[ code verwijderd ]

Er is geen variabele 'test' gedefinieerd in m'n code. Ik snap dat hij de functie als definitie ziet. Maar waarom? Er is nl. geen variabele met naam 'test' gedefinieerd.
pi_138154063
Dat is hoe js in elkaar zit.

1var test = function() { ... }
en
1function test() { ... }

Zijn uiteindelijk gewoon hetzelfde.
  dinsdag 25 maart 2014 @ 13:55:46 #195
12221 Tijn
Powered by MS Paint
pi_138154358
Ook hier komt het hoisten in Javascript weer om de hoek kijken. Omdat functiedefinities boven assignments worden geplaatst, werkt dit zo:

1
2
3
4
5
6
7
8
9
var test = 5;
function test() {
  return 6;
}
      
console.log(test);
// 5
console.log(test());
// typeError: 5 is not a function

Wat er in feite gebeurt is dit:

1
2
3
4
5
var test;
test = function() {
  return 6;
}
test = 5;

Daarom is het good practice om in je code dezelfde volgorde aan te houden:
1) declareer eerst je variabelen, maar assign nog geen values
2) definieer je functies
3) assign values aan je variabelen

En gebruik niet dezelfde namen voor variabelen en functies, want dat werkt dus niet :P
  dinsdag 25 maart 2014 @ 14:00:20 #196
56176 Catch22-
Ben je Blind?!
pi_138154510
quote:
2s.gif Op dinsdag 25 maart 2014 13:55 schreef Tijn het volgende:
Ook hier komt het hoisten in Javascript weer om de hoek kijken. Omdat functiedefinities boven assignments worden geplaatst, werkt dit zo:
[ code verwijderd ]

Wat er in feite gebeurt is dit:
[ code verwijderd ]

Daarom is het good practice om in je code dezelfde volgorde aan te houden:
1) declareer eerst je variabelen, maar assign nog geen values
2) definieer je functies
3) assign values aan je variabelen

En gebruik niet dezelfde namen voor variabelen en functies, want dat werkt dus niet :P
dat laatste is wel erg belangrijk. Je moet aan de naam van een variabele gelijk zien wat het is, boolean, string, functie etc.
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
pi_138155188
Tijn, waar zouden we toch zijn zonder jou. :). Thanks, many thanks, thanks. :).
  dinsdag 25 maart 2014 @ 20:42:27 #198
118161 maikel112
100% Radio Active
pi_138169548
Hoi mensen, ik zit al een tijd te stoeien met mijn stylesheet. Ik wil dat mijn links in een lijst (Ul,LI) een andere kleur hebben dan links in de lopende tekst. Het lukt mij maar niet om de juiste code te vinden. Ik heb ook al geprobeerd om op de url zelf de <span style="color:#202020"></span> toe te passen, dit werkt wel maar het streepje onder de tekst blijft de linkkleur behouden... Iemand een oplossing?
pi_138170395
Oh oh oh :')

1
2
3
4
5
6
7
a { 
color:red;
}

li a {
color:blue;
}
Nee.
pi_138170590
quote:
0s.gif Op dinsdag 25 maart 2014 20:42 schreef maikel112 het volgende:
Hoi mensen, ik zit al een tijd te stoeien met mijn stylesheet. Ik wil dat mijn links in een lijst (Ul,LI) een andere kleur hebben dan links in de lopende tekst. Het lukt mij maar niet om de juiste code te vinden. Ik heb ook al geprobeerd om op de url zelf de <span style="color:#202020"></span> toe te passen, dit werkt wel maar het streepje onder de tekst blijft de linkkleur behouden... Iemand een oplossing?
1
2
3
4
5
6
7
8
9
10
11
12
ul li a {
  color: #F00;
  text-decoration: none;
}

ul li a:hover {
 color: #0F0;
}

ul li a:active {
  color: #00F;
}

En dan voor de normale links gewoon:
1
2
3
a {
 color: #FFF;
}
No citizen has a right to be an amateur in the matter of physical training...what a disgrace it is for a man to grow old without ever seeing the beauty and strength of which his body is capable.
  dinsdag 25 maart 2014 @ 21:13:52 #201
118161 maikel112
100% Radio Active
pi_138171193
quote:
7s.gif Op dinsdag 25 maart 2014 21:02 schreef esv7 het volgende:
ul li a:active { color: #00F;}
Bedankt!
Ik heb je code iets aan moeten passen, maar nu werkt hij!

Met deze code heb ik het werkend gekregen:
1
2
3
ul li a:link {color:#202020;text-decoration:underlined;}
ul li a:visited {color:#202020;}
ul li a:hover {color:#202020;}
pi_138171391
quote:
0s.gif Op dinsdag 25 maart 2014 21:13 schreef maikel112 het volgende:

[..]

Bedankt!
Ik heb je code iets aan moeten passen, maar nu werkt hij!

Met deze code heb ik het werkend gekregen:
[ code verwijderd ]

Ja het was een voorbeeldje voor hoe je het kan aanpakken, mooi dat je het werkend hebt gekregen. :)
No citizen has a right to be an amateur in the matter of physical training...what a disgrace it is for a man to grow old without ever seeing the beauty and strength of which his body is capable.
pi_138216024
weet iemand een handige manier om cirkels te genereren, die in een cirkelvorm staan? zoals dit:



waarvan de grootte van een cirkel wordt gebaseerd op een veld in een array:

1
2
3
4
5
6
     "cirkels": [
      {"name": "Aap", "size": 398},
      {"name": "Noot", "size": 312},
      {"name": "Mies", "size": 714},
      {"name": "Boom", "size": 43}
     ]

het dichtste wat erbij in de buurt komt wat ik heb kunnen vinden is d3.js, maar daarin krijg ik het niet zoals ik wil: http://bl.ocks.org/mbostock/4063269

--
gevonden, hiermee moet het wel lukken: http://bl.ocks.org/mbostock/1062383

[ Bericht 8% gewijzigd door Deeltjesversneller op 27-03-2014 04:50:04 ]
  donderdag 27 maart 2014 @ 08:23:47 #204
56176 Catch22-
Ben je Blind?!
pi_138217219
D3 is de place to go idd
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
pi_138217634
ECMAScript 6. _O_

Goed OOP, let variabelen, modules. _O_
pi_138234326
quote:
1s.gif Op donderdag 27 maart 2014 08:52 schreef robin007bond het volgende:
ECMAScript 6. _O_

Goed OOP, let variabelen, modules. _O_
En nu te emuleren met TypeScript ;)
When the student is ready, the teacher will appear.
When the student is truly ready, the teacher will disappear.
pi_138263575
quote:
0s.gif Op dinsdag 25 maart 2014 20:58 schreef PimD het volgende:
Oh oh oh :')
[ code verwijderd ]

:D
pi_138263622
Grappig trouwens dat IE al ondersteuning heeft voor let-variabelen, maar Firefox Aurora nog niet. ;(

Of toch niet? Ik kreeg in ieder geval wel een "Unexpected ; "-melding in de console. Nevermind, het werkt wel. :') Waarschijnlijk een foutje dan. Ik zal nog eens kijken als ik weer op mijn stage ben. Eigenlijk moet ik ze sowieso nog niet gebruiken omdat het niet door alle browsers ondersteund wordt, maar het was even om te kijken.

Blijkbaar zat het in Javascript 1.7 al en is dit in 2006 al geïmplementeerd.

JavaScript 1.7 support was introduced in Firefox 2 (October 2006).

https://developer.mozilla(...)ew_in_JavaScript/1.7

Heftig dat het pas zo laat in de ECMAScript-standaard is gekomen. Toen ik dit las dacht ik namelijk dat het echt iets nieuws was in ECMAScript 6:

http://code.tutsplus.com/(...)t-6-today--net-31582

[ Bericht 18% gewijzigd door #ANONIEM op 28-03-2014 15:15:37 ]
pi_138269076
Ah helder. De verschillende cases in switch statements worden niet gezien als een apart blok.

1
2
3
4
5
6
7
8
9
switch (x) {
  case 0:
    let foo;
    break;
    
  case 1:
    let foo; // TypeError for redeclaration.
    break;
}

Vandaar dus. :P
abonnement Unibet Coolblue Bitvavo
Forum Opties
Forumhop:
Hop naar:
(afkorting, bv 'KLB')