abonnement Unibet Coolblue
pi_137739876
[html, css, js] Voor Dummies

Dit topic is bedoeld voor alle vragen m.b.t. HTML, CSS en javascript, kortom alles wat je nodig hebt om (de frontend van) een website te maken.

HTML: Hyper Text Markup Language is de structuur van een website. Door middel van verschillende html tags geef je aan welke elementen bij elkaar horen (bijv: <div>, <ul>), of wat de betekenis van deze data is (bijv. <p>, <h1>). HTML leent zich ook voor opmaak, maar het is makkelijker en verstandiger om hier CSS voor te gebruiken.
CSS: Cascading StyleSheet is de opmaak van een website. In je CSS specificeer je bijvoorbeeld welke kleur bepaalde elementen moeten hebben, hoe groot ze zijn en hoe je ze wilt rangschikken.
JS: Javascript Javascript (niet te verwarren met programmeertaal Java) is een scripttaal, waarmee het mogelijk is je website dynamisch te maken. Javascript kan bijvoorbeeld HTML-elementen aanpassen, toevoegen of verwijderen. Omdat javascript zeer veelzijdig is, is er voor specifieke JS vragen ook een specaal topic, zie: [Javascript] voor dummies

Vragen over PHP, SQL of andere serverside programmeertalen horen niet in dit topic. Deze kun je stellen in [PHP/MySQL] voor dummies of open zelf een topic.
Voor vragen over webhosting, domeinnamen enz. kun je terecht in Het grote (betaalde) webhosting topic
En voor Wordpress is er ook een speciaal topic, als het om meer gaat dan de HTML/CSS van een theme: [Wordpress]Algemeen topic

Code posten
Het is, als je een vraag stelt, vaak handig om hier een stukje code bij te voegen. Post niet klakkeloos je hele website, maar post alleen het stukje code waar je vraag over gaat. Gebruik bovendien de [code]-tag (code.png, zodat je HTML, CSS of Javascript code goed leesbaar is. Dus niet [quote] of [spoiler] of wat dan ook.

Veel voorkomende problemen
Veel problemen zijn te wijden aan het niet kloppen van HTML of CSS code. Een kleine typfout is snel gemaakt, en de webbrowser kan daar soms erg slecht mee omgaan. Om te controleren of je code technisch in orde is, kun je deze controleren met de W3 validator.
Is je code niet correct? Los dan eerst de fouten op zodat de validator geen foutmeldingen meer geeft. Dit lost niet altijd je probleem op, maar zorgt in ieder geval dat alles werkt zoals het hoort te werken, waardoor overige fouten ook veel makkelijker te achterhalen zijn.

IK SNAP ER NIETS VAN HELLEP! WAT IS CSS?
We helpen iedereen graag in dit topic, ook mensen die er helemaal niets van begrijpen. Maar we verwachten wel dat je je best doet om het wel te gaan begrijpen. Lees eens wat tutorials en probeer het altijd eerst zelf. Je krijgt hier tips waar je zelf iets mee moet doen.

Hier een paar artikelen over CSS elementen die vaak voor verwarring zorgen
http://www.alistapart.com/articles/css-floats-101/
http://www.alistapart.com/articles/css-positioning-101/

Heb je zin om HTML, CSS of Javascript leren, dan zijn deze video tutorials een goede plek om te beginnen
30 Days to Learn HTML & CSS
30 Days to Learn jQuery
JavaScript from null
When the student is ready, the teacher will appear.
When the student is truly ready, the teacher will disappear.
  vrijdag 14 maart 2014 @ 18:55:31 #2
84244 Scorpie
Abject en infaam!
pi_137739956
Groeien TT.
Op dinsdag 13 augustus schreef Xa1pt:
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.
pi_137739969
Kwam deze op GitHub tegen: https://github.com/sindresorhus/multiline
Geeft de mogelijkheid om multiline strings te gebruiken in JavaScript.

Iets als:
1
2
3
4
5
6
7
8
var str = '' +
'<!doctype html>' +
'<html>' +
'   <body>' +
'       <h1>❤ unicorns</h1>' +
'   </body>' +
'</html>' +
'';
Kan worden geschreven als:
1
2
3
4
5
6
7
8
var str = multiline(function(){/*
<!doctype html>
<html>
    <body>
        <h1>❤ unicorns</h1>
    </body>
</html>
*/});
When the student is ready, the teacher will appear.
When the student is truly ready, the teacher will disappear.
  vrijdag 14 maart 2014 @ 18:57:45 #4
91039 mstx
2x1/2 = 1/2 x 1/2
pi_137740028
quote:
7s.gif Op vrijdag 14 maart 2014 18:56 schreef Aether het volgende:
Kwam deze op GitHub tegen: https://github.com/sindresorhus/multiline
Geeft de mogelijkheid om multiline strings te gebruiken in JavaScript.

Iets als:
[ code verwijderd ]

Kan worden geschreven als:
[ code verwijderd ]

Handig als je een js compressor gebruikt die comments weg gooit
Op donderdag 2 juli 2009 22:41 schreef RTB het volgende:
als ik elk rap"liedje" een kans moest geven was ik aan het eind van dit millennium nog bezig met het tempo waarin die kotshoop uitgebraakt wordt.
👾
pi_137740099
quote:
1s.gif Op vrijdag 14 maart 2014 18:57 schreef mstx het volgende:

[..]

Handig als je een js compressor gebruikt die comments weg gooit
Hebben ze gelukkig aan gedacht; van de link:
quote:
Minification

Even though minifiers strip comments by default there are ways to preserve them:

• Uglify: Use /*@preserve instead of /* and enable the comments option
• Closure Compiler: Use /*@preserve instead of /*
• YUI Compressor: Use /*! instead of /*

You also need to add 0 after the comment so it's not removed as dead-code.
When the student is ready, the teacher will appear.
When the student is truly ready, the teacher will disappear.
  vrijdag 14 maart 2014 @ 19:32:37 #6
56176 Catch22-
Ben je Blind?!
pi_137741652
Goede oplossing voor iets wat je niet moet willen doen.
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_137762220
Wie schrijft er nou hele lappen HTML in z'n Javascript... Gebruik dan Mustache of een andere templating engine.
Bleuh.
  zaterdag 15 maart 2014 @ 12:25:20 #8
56176 Catch22-
Ben je Blind?!
pi_137762575
Idd. Of pure ofzo.
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?
  zaterdag 15 maart 2014 @ 12:27:50 #9
134533 donroyco
dus niet Donroyco
pi_137762649
Ik ben op zoek naar een goede introductie voor Sass / Compass die het naar behoren uitlegt, ik zie te veel crap voorbij komen.
Op maandag 29 september 2008 11:45 schreef HostiMeister het volgende:
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
  zaterdag 15 maart 2014 @ 12:34:12 #10
56176 Catch22-
Ben je Blind?!
pi_137762816
http://alistapart.com/article/getting-started-with-sass
http://thesassway.com/beg(...)ith-sass-and-compass
http://sass-lang.com/guide

Ik gebruikte zelf koala-app voor less onder windows voor compilatie, die doet ook wel sass. Veel editors kunnen het ook. Netbeans sowieso
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?
  zaterdag 15 maart 2014 @ 12:35:25 #11
134533 donroyco
dus niet Donroyco
pi_137762851
quote:
0s.gif Op zaterdag 15 maart 2014 12:34 schreef Catch22- het volgende:
http://alistapart.com/article/getting-started-with-sass
http://thesassway.com/beg(...)ith-sass-and-compass
http://sass-lang.com/guide

Ik gebruikte zelf koala-app voor less onder windows voor compilatie, die doet ook wel sass. Veel editors kunnen het ook. Netbeans sowieso
Thanks! :) Google geeft alleen maar shitresultaten terug. :{
Op maandag 29 september 2008 11:45 schreef HostiMeister het volgende:
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
pi_137764295
quote:
7s.gif Op zaterdag 15 maart 2014 12:27 schreef donroyco het volgende:
Ik ben op zoek naar een goede introductie voor Sass / Compass die het naar behoren uitlegt, ik zie te veel crap voorbij komen.
http://www.abookapart.com/products/sass-for-web-designers

Kan het ebook wel even delen als je wil?
  zaterdag 15 maart 2014 @ 13:41:39 #13
166255 Maringo
Bèhèhèhèh
pi_137764468
Props voor de TT.
Die volg topic-knop hè...
Op 02-06-2014 16:38 schreef Moeraskat
Je bent te goed voor de mensheid.
  zaterdag 15 maart 2014 @ 14:02:31 #14
56176 Catch22-
Ben je Blind?!
pi_137765136
quote:
7s.gif Op zaterdag 15 maart 2014 12:35 schreef donroyco het volgende:

[..]

Thanks! :) Google geeft alleen maar shitresultaten terug. :{
dit komt van google. De eerste drie resultaten als je zoekt op sass getting started

:T
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?
  zaterdag 15 maart 2014 @ 17:04:10 #15
134533 donroyco
dus niet Donroyco
pi_137770187
quote:
14s.gif Op zaterdag 15 maart 2014 13:34 schreef picodealion het volgende:

[..]

http://www.abookapart.com/products/sass-for-web-designers

Kan het ebook wel even delen als je wil?
Niet nodig, dank je wel.

quote:
1s.gif Op zaterdag 15 maart 2014 14:02 schreef Catch22- het volgende:

[..]

dit komt van google. De eerste drie resultaten als je zoekt op sass getting started

:T
Ah, ik zat de hele tijd met 'introduction' etc. te klooien :')
Op maandag 29 september 2008 11:45 schreef HostiMeister het volgende:
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
  zaterdag 15 maart 2014 @ 17:59:20 #16
56176 Catch22-
Ben je Blind?!
pi_137771685
Haha :) getting started is de standaard titel voor introducties
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 17 maart 2014 @ 09:42:16 #17
56176 Catch22-
Ben je Blind?!
pi_137832033
Interessante link: jQuery standards: http://lab.abhinayrathore.com/jquery-standards/

http://javascriptweekly.com/ van de Javascript Weekly newsletter.
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_137832543
Als op regel 1 staat dat je jQuery van een CDN moet inladen, dan haak ik al gauw af hoor. Pas werden er in Engeland 1000'en sites om zeep geholpen doordat er één porno-site geblokkeerd werd door de provider. Daardoor werden alle requests naar de CDN van jQuery geblokkeerd:

http://www.thinkbroadband(...)-jquery-website.html
Bleuh.
  maandag 17 maart 2014 @ 10:10:07 #19
56176 Catch22-
Ben je Blind?!
pi_137832631
quote:
0s.gif Op maandag 17 maart 2014 10:06 schreef PimD het volgende:
Als op regel 1 staat dat je jQuery van een CDN moet inladen, dan haak ik al gauw af hoor. Pas werden er in Engeland 1000'en sites om zeep geholpen doordat er één porno-site geblokkeerd werd door de provider. Daardoor werden alle requests naar de CDN van jQuery geblokkeerd:

http://www.thinkbroadband(...)-jquery-website.html
Lees eens 1 regel verder :P
Implement a fallback to your locally hosted library of same version as shown above. More Info
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 17 maart 2014 @ 10:10:57 #20
91039 mstx
2x1/2 = 1/2 x 1/2
pi_137832657
quote:
0s.gif Op maandag 17 maart 2014 10:06 schreef PimD het volgende:
Als op regel 1 staat dat je jQuery van een CDN moet inladen, dan haak ik al gauw af hoor. Pas werden er in Engeland 1000'en sites om zeep geholpen doordat er één porno-site geblokkeerd werd door de provider. Daardoor werden alle requests naar de CDN van jQuery geblokkeerd:

http://www.thinkbroadband(...)-jquery-website.html
En voor die 0,01% kans dat dat gebeurt bouw je dus een fallback in, zoals op regel 2 staat.

edit: spuit 11
Op donderdag 2 juli 2009 22:41 schreef RTB het volgende:
als ik elk rap"liedje" een kans moest geven was ik aan het eind van dit millennium nog bezig met het tempo waarin die kotshoop uitgebraakt wordt.
👾
pi_137834414
quote:
7s.gif Op zaterdag 15 maart 2014 12:27 schreef donroyco het volgende:
Ik ben op zoek naar een goede introductie voor Sass / Compass die het naar behoren uitlegt, ik zie te veel crap voorbij komen.
Zelf heb ik Sass and Compass for designer gelezen wat mij erg goed beviel, verder ook Pragmatic Guide to Sass geprobeert, die vond ik een stuk minder en dus ook niet uitgelezen. Het is een niet zo dik boek wat je goed op weg helpt met de basis, en hij leest lekker door.

Oo ik zie dat iemand mij al voor was :P .
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.
  maandag 17 maart 2014 @ 17:09:51 #22
12221 Tijn
Powered by MS Paint
pi_137848810
quote:
11s.gif Op maandag 17 maart 2014 09:42 schreef Catch22- het volgende:
Interessante link: jQuery standards: http://lab.abhinayrathore.com/jquery-standards/
Een aantal zaken die worden aangestipt zijn inderdaad een goed idee, maar niet alles snijdt hout imho.

Waar slaat deze bijvoorbeeld op?
quote:
Avoid using .getJson() or .get(), simply use the $.ajax() as that's what gets called internally.
Waarom zou je niet een kortere syntax gebruiken die bovendien de leesbaarheid verhoogt?
  maandag 17 maart 2014 @ 17:12:18 #23
166255 Maringo
Bèhèhèhèh
pi_137848892
quote:
2s.gif Op maandag 17 maart 2014 17:09 schreef Tijn het volgende:

[..]

Een aantal zaken die worden aangestipt zijn inderdaad een goed idee, maar niet alles snijdt hout imho.

Waar slaat deze bijvoorbeeld op?

[..]

Waarom zou je niet een kortere syntax gebruiken die bovendien de leesbaarheid verhoogt?
Omdat dat weer 1 functioncall scheelt.
Die volg topic-knop hè...
Op 02-06-2014 16:38 schreef Moeraskat
Je bent te goed voor de mensheid.
  maandag 17 maart 2014 @ 17:14:39 #24
12221 Tijn
Powered by MS Paint
pi_137848971
quote:
2s.gif Op maandag 17 maart 2014 17:12 schreef Maringo het volgende:

[..]

Omdat dat weer 1 functioncall scheelt.
So what?
  maandag 17 maart 2014 @ 17:17:53 #25
134533 donroyco
dus niet Donroyco
pi_137849103
quote:
0s.gif Op maandag 17 maart 2014 11:10 schreef esv7 het volgende:

[..]

Zelf heb ik Sass and Compass for designer gelezen wat mij erg goed beviel, verder ook Pragmatic Guide to Sass geprobeert, die vond ik een stuk minder en dus ook niet uitgelezen. Het is een niet zo dik boek wat je goed op weg helpt met de basis, en hij leest lekker door.

Oo ik zie dat iemand mij al voor was :P .
Thanks :)
Op maandag 29 september 2008 11:45 schreef HostiMeister het volgende:
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
  maandag 17 maart 2014 @ 17:24:55 #26
56176 Catch22-
Ben je Blind?!
pi_137849366
quote:
2s.gif Op maandag 17 maart 2014 17:09 schreef Tijn het volgende:

[..]

Een aantal zaken die worden aangestipt zijn inderdaad een goed idee, maar niet alles snijdt hout imho.

Waar slaat deze bijvoorbeeld op?

[..]

Waarom zou je niet een kortere syntax gebruiken die bovendien de leesbaarheid verhoogt?
Dat klopt. Maar de meeste van wat er staat snijdt wel hout, helemaal voor beginners.
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 17 maart 2014 @ 17:41:40 #27
166255 Maringo
Bèhèhèhèh
pi_137849897
quote:
5s.gif Op maandag 17 maart 2014 17:14 schreef Tijn het volgende:

[..]

So what?
Maakt mij ook niks uit, maar dat is wat er staat.
Die volg topic-knop hè...
Op 02-06-2014 16:38 schreef Moeraskat
Je bent te goed voor de mensheid.
  maandag 17 maart 2014 @ 20:53:41 #28
230788 n8n
Pragmatisch
pi_137858981
Vanaf nu voor iedereen. Converteer je fonts naar woff, encode ze naar base64. Zet alle data in 1 css met @font-face. Profit.

Dit werkt in >IE8, iOS vanaf 5 en verder in vrijwel elke grote browser. Als voordeel worden alle fonts in één http-request geladen!

De overhead van bas64 wordt zo goed als teniet gedaan door server-side compressie (scheelt ~1–2% maar dat is de declaratie-css). Met weinig fonts zou je zelfs de data in de main stylesheet kunnen gooien. Ben nu met iets bezig, 4 fonts, 1 css van 125kb (~100 compressed) met alles er in. Scheelt mobiel (zelfs op de desktop) makkelijk een halve seconde initiatie van de connectie.
Specialization is for insects”.—Robert Heinlein
  maandag 17 maart 2014 @ 20:58:36 #29
118585 Crutch
Filantroop || Taalzwengel
pi_137859326
Goeie TT _O_
Je moeder is een hamster
pi_137863024
quote:
1s.gif Op maandag 17 maart 2014 20:53 schreef n8n het volgende:
Vanaf nu voor iedereen. Converteer je fonts naar woff, encode ze naar base64. Zet alle data in 1 css met @font-face. Profit.

Dit werkt in >IE8, iOS vanaf 5 en verder in vrijwel elke grote browser. Als voordeel worden alle fonts in één http-request geladen!

De overhead van bas64 wordt zo goed als teniet gedaan door server-side compressie (scheelt ~1–2% maar dat is de declaratie-css). Met weinig fonts zou je zelfs de data in de main stylesheet kunnen gooien. Ben nu met iets bezig, 4 fonts, 1 css van 125kb (~100 compressed) met alles er in. Scheelt mobiel (zelfs op de desktop) makkelijk een halve seconde initiatie van de connectie.
Cool. Zet het boven je main CSS en het scheelt je ook een FOUT.
  maandag 17 maart 2014 @ 22:28:07 #31
230788 n8n
Pragmatisch
pi_137865672
quote:
14s.gif Op maandag 17 maart 2014 21:54 schreef KomtTijd... het volgende:

[..]

Cool. Zet het boven je main CSS en het scheelt je ook een FOUT.
FOUT of FOUC? Sowieso altijd eerst de fonts, dat betekend dat je het ook simpelweg als eerst in de main css kan zetten
Specialization is for insects”.—Robert Heinlein
pi_137875076
When the student is ready, the teacher will appear.
When the student is truly ready, the teacher will disappear.
pi_137875542
Iemand hier ervaring met Foundation? Hoe verhoudt zich dat tot Bootstrap, in jullie ervaring?
  dinsdag 18 maart 2014 @ 10:45:23 #34
134533 donroyco
dus niet Donroyco
pi_137875702
Op maandag 29 september 2008 11:45 schreef HostiMeister het volgende:
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
  dinsdag 18 maart 2014 @ 11:50:38 #35
84244 Scorpie
Abject en infaam!
pi_137877806
quote:
1s.gif Op maandag 17 maart 2014 20:53 schreef n8n het volgende:
Vanaf nu voor iedereen. Converteer je fonts naar woff, encode ze naar base64. Zet alle data in 1 css met @font-face. Profit.

Dit werkt in >IE8, iOS vanaf 5 en verder in vrijwel elke grote browser. Als voordeel worden alle fonts in één http-request geladen!

De overhead van bas64 wordt zo goed als teniet gedaan door server-side compressie (scheelt ~1–2% maar dat is de declaratie-css). Met weinig fonts zou je zelfs de data in de main stylesheet kunnen gooien. Ben nu met iets bezig, 4 fonts, 1 css van 125kb (~100 compressed) met alles er in. Scheelt mobiel (zelfs op de desktop) makkelijk een halve seconde initiatie van de connectie.
Is dat niet wat Google Fonts min of meer ook doet?
Op dinsdag 13 augustus schreef Xa1pt:
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.
  dinsdag 18 maart 2014 @ 11:56:10 #36
91039 mstx
2x1/2 = 1/2 x 1/2
pi_137877990
quote:
7s.gif Op dinsdag 18 maart 2014 11:50 schreef Scorpie het volgende:

[..]

Is dat niet wat Google Fonts min of meer ook doet?
Die gebruikt externe .woff's, zie http://fonts.googleapis.c(...)no:400,700,400italic
Op donderdag 2 juli 2009 22:41 schreef RTB het volgende:
als ik elk rap"liedje" een kans moest geven was ik aan het eind van dit millennium nog bezig met het tempo waarin die kotshoop uitgebraakt wordt.
👾
pi_137901135
Kan ik hier ook iets vragen over jquery?

Ik heb een a href anchor, maar ipv dat ie verspringt naar de content wil ik met jquery dat ie in een vloeiende beweging naar de anchor gaat. Ik heb zelf niet voldoende kennis om dat voor elkaar te krijgen en pogingen van een vriend helpen helaas ook niet. Iemand enig idee waar ik op moet zoeken en of dit uberhaupt mogelijk is (vast wel, heb t eerder gezien, maar nu nog het voor elkaar zien te krijgen. -_-.
  dinsdag 18 maart 2014 @ 21:21:33 #38
134533 donroyco
dus niet Donroyco
pi_137901172
quote:
0s.gif Op dinsdag 18 maart 2014 21:20 schreef Crientj het volgende:
Kan ik hier ook iets vragen over jquery?

Ik heb een a href anchor, maar ipv dat ie verspringt naar de content wil ik met jquery dat ie in een vloeiende beweging naar de anchor gaat. Ik heb zelf niet voldoende kennis om dat voor elkaar te krijgen en pogingen van een vriend helpen helaas ook niet. Iemand enig idee waar ik op moet zoeken en of dit uberhaupt mogelijk is (vast wel, heb t eerder gezien, maar nu nog het voor elkaar zien te krijgen. -_-.
http://css-tricks.com/snippets/jquery/smooth-scrolling/
Op maandag 29 september 2008 11:45 schreef HostiMeister het volgende:
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
pi_137901450
quote:
0s.gif Op dinsdag 18 maart 2014 21:20 schreef Crientj het volgende:
Kan ik hier ook iets vragen over jquery?

Ik heb een a href anchor, maar ipv dat ie verspringt naar de content wil ik met jquery dat ie in een vloeiende beweging naar de anchor gaat. Ik heb zelf niet voldoende kennis om dat voor elkaar te krijgen en pogingen van een vriend helpen helaas ook niet. Iemand enig idee waar ik op moet zoeken en of dit uberhaupt mogelijk is (vast wel, heb t eerder gezien, maar nu nog het voor elkaar zien te krijgen. -_-.
Zelf heb ik recent iets soortgelijks gemaakt:
1
2
3
$('html, body').animate({
            scrollTop: that.page_holder[id].y
        }, 1000);    
Als je de that.page_holder[id].y verandert in jouw coördinaten, en verder kan je ook gebruik maken van scrollLeft. ^O^
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_137904789
Iemand trouwens ervaring met de Chrome extension Batarang? Lijkt mij een handig om te gebruiken als ik met AngularJs werk, echter lijkt die niet te werken zoals in de preview video in de Chrome store?
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.
  woensdag 19 maart 2014 @ 07:23:33 #41
230788 n8n
Pragmatisch
pi_137912722
quote:
0s.gif Op dinsdag 18 maart 2014 11:56 schreef mstx het volgende:

[..]

Die gebruikt externe .woff's, zie http://fonts.googleapis.c(...)no:400,700,400italic
+ de call naar de css file. Met 3 fonts dus 4 requests ipv 1. Je request time is dan langer dan de download tijd, zeker mobiel tikt dat aan

Als iemand nou ff een gulp node/sass mixin schrijft (8>

Edit: de gulp node, ff testen van de week https://www.npmjs.org/package/gulp-cssfont64

[ Bericht 7% gewijzigd door n8n op 19-03-2014 07:48:48 ]
Specialization is for insects”.—Robert Heinlein
  woensdag 19 maart 2014 @ 09:10:07 #42
56176 Catch22-
Ben je Blind?!
pi_137914031
Met less kan je less of css bestanden ook echt importeren ipv een include die een losse call doet
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_137926266
Ik heb een vraagje;

Hoe kan ik een inputveld maken met een ''dropdown'' waarbij je meerdere criteria kan kiezen? Zelf heb ik vrij weinig verstand van JS/Jquery.

Op internet heb ik het volgende gevonden:

'' $(window).on('load', function () {

$('.selectpicker').selectpicker({
'selectedText': 'cat'
} );

// $('.selectpicker').selectpicker('hide');
} ;
''

En de bijbehorende html functie:

<select class="selectpicker" multiple data-selected-text-format="count">

</select>
  woensdag 19 maart 2014 @ 15:30:26 #44
134533 donroyco
dus niet Donroyco
pi_137926313
quote:
0s.gif Op woensdag 19 maart 2014 15:28 schreef RustCohle het volgende:
Ik heb een vraagje;

Hoe kan ik een inputveld maken met een ''dropdown'' waarbij je meerdere criteria kan kiezen?
Een dropdown is gemaakt voor maar één inputselectie.
Op maandag 29 september 2008 11:45 schreef HostiMeister het volgende:
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
pi_137926354
quote:
7s.gif Op woensdag 19 maart 2014 15:30 schreef donroyco het volgende:

[..]

Een dropdown is gemaakt voor maar één inputselectie.
Ow... Hoe zou ik dit kunnen oplossen?
pi_137926387
Met een multiple select?
pi_137926416
quote:
14s.gif Op woensdag 19 maart 2014 15:32 schreef KomtTijd... het volgende:
Met een multiple select?
Kan dat ook met html en css of komt hier echt JS en Jquery bij kijken? Want dat begrijp ik namelijk niet..
  woensdag 19 maart 2014 @ 15:36:23 #48
12221 Tijn
Powered by MS Paint
pi_137926508
quote:
0s.gif Op woensdag 19 maart 2014 15:33 schreef RustCohle het volgende:

[..]

Kan dat ook met html en css of komt hier echt JS en Jquery bij kijken? Want dat begrijp ik namelijk niet..
Het is gewoon HTML:

1
2
3
4
5
6
<select name="auto" multiple>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
</select>
pi_137926739
quote:
2s.gif Op woensdag 19 maart 2014 15:36 schreef Tijn het volgende:

[..]

Het is gewoon HTML:
[ code verwijderd ]

Veelal weten users niet dat ze CRTL moeten gebruiken.
  woensdag 19 maart 2014 @ 15:46:50 #50
12221 Tijn
Powered by MS Paint
pi_137926853
quote:
0s.gif Op woensdag 19 maart 2014 15:43 schreef RustCohle het volgende:

[..]

Veelal weten users niet dat ze CRTL moeten gebruiken.
Dan gebruik je checkboxes, dat snapt iedereen.
pi_137926896
quote:
14s.gif Op woensdag 19 maart 2014 15:46 schreef Tijn het volgende:

[..]

Dan gebruik je checkboxes, dat snapt iedereen.
Wordt het scherm dan niet overdreven vol? Want het betreft autowebsite, er moeten ook checkboxes komen voor de opties van de auto etc etc.

Of ik zou net als autoscout24 gebruik moeten maken van ''meerdere merken zoeken'';

http://zoeken.autoscout24(...)L&cy=NL&ustate=N%2CU

Maar heb geen flauw idee hoe dat moet, weet jij dat toevallig?
  woensdag 19 maart 2014 @ 15:50:09 #52
12221 Tijn
Powered by MS Paint
pi_137926953
Dat zijn gewoon meerdere selects onder elkaar. Niet moeilijker dan eentje toch?
pi_137926981
quote:
5s.gif Op woensdag 19 maart 2014 15:50 schreef Tijn het volgende:
Dat zijn gewoon meerdere selects onder elkaar. Niet moeilijker dan eentje toch?
Ja klopt, maar zo'n ''show more'' functie is volgens mij JS/Jquery en daar heb ik vrij weinig verstand van.
  woensdag 19 maart 2014 @ 15:53:06 #54
12221 Tijn
Powered by MS Paint
pi_137927045
Dat is dan ook weer een andere vraag.
pi_137927096
quote:
14s.gif Op woensdag 19 maart 2014 15:53 schreef Tijn het volgende:
Dat is dan ook weer een andere vraag.
Klopt, maar dat komt doordat ik niet weet hoe ik mijn probleem/gap kan oplossen. :P
pi_137931263
Wat zijn precies de mogelijkheden van Javascript en wat kun je ermee? Dat is mij niet echt duidelijk.. ik snap de theorie allemaal wel, maar alle functies van JS heeft PHP ook..

Buiten het feit als dingen zoals alert en prompt vind ik JS vrij nutteloos. De mogelijkheden van Jquery en Ajax daarentegen zijn wel vrij duidelijk. Ook kun je direct bedenken wat voor dingen je ermee kunt maken (dingen als fade, show, hide, select, changeon).

Maar met JS is mij dat nog steeds niet duidelijk, vooral die arrays (reeksen) en loops (herhalen tot een bepaalde limiet).
  woensdag 19 maart 2014 @ 18:02:05 #58
12221 Tijn
Powered by MS Paint
pi_137931404
quote:
1s.gif Op woensdag 19 maart 2014 17:58 schreef Sucuk het volgende:
Wat zijn precies de mogelijkheden van Javascript en wat kun je ermee? Dat is mij niet echt duidelijk.. ik snap de theorie allemaal wel, maar alle functies van JS heeft PHP ook..

Buiten het feit als dingen zoals alert en prompt vind ik JS vrij nutteloos. De mogelijkheden van Jquery en Ajax daarentegen zijn wel vrij duidelijk. Ook kun je direct bedenken wat voor dingen je ermee kunt maken (dingen als fade, show, hide, select, changeon).

Maar met JS is mij dat nog steeds niet duidelijk, vooral die arrays (reeksen) en loops (herhalen tot een bepaalde limiet).
Javascript is de programmeertaal die wordt gebruikt in de browser. Ajax werkt met Javascript. jQuery is een Javascript-framework. Alle interactie in de browser gebeurt met Javascript, want dat is de enige programmeertaal die er beschikbaar is.

PHP is een programmeertaal op de server. Als je wil dat er iets op de server gebeurt, kun je dat met PHP programmeren. Op de server heb je echter veel meer controle over de omgeving, dus daar kun je kiezen uit tal van platformen en programmeertalen. PHP is slechts een van de vele mogelijkheden.
  woensdag 19 maart 2014 @ 18:06:42 #59
56176 Catch22-
Ben je Blind?!
pi_137931569
Ofwel: je kan met jquery niets meer of minder dan wat je met javascript kan. Het gaat alleen makkelijker.
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?
  woensdag 19 maart 2014 @ 18:09:40 #60
12221 Tijn
Powered by MS Paint
pi_137931647
quote:
0s.gif Op woensdag 19 maart 2014 18:06 schreef Catch22- het volgende:
Ofwel: je kan met jquery niets meer of minder dan wat je met javascript kan. Het gaat alleen makkelijker.
Precies. Het is een beetje raar om te zeggen dat je het nut van Javascript niet begrijpt, maar wel van jQuery. jQuery IS Javascript.
pi_137931690
quote:
0s.gif Op woensdag 19 maart 2014 18:06 schreef Catch22- het volgende:
Ofwel: je kan met jquery niets meer of minder dan wat je met javascript kan. Het gaat alleen makkelijker.
aha.. ja ik weet wel dat Jquery een deel van JS is, maar ik heb bijvoorbeeld de tutorials bij Thenewboston.org gevolgd en PHP en mysql is mij geheel duidelijk. Wat je ermee kunt en dat bijna alle websites op databases draaien en ook de structuren is mij duidelijk..

Echter is de kronkel nog steeds niet recht wat betreft JS.. ik ga vanavond de jquery tuts volgen van thenewboston en kijken wat ik daar kan behalen qua kennis..

De videos over JS begrijp ik wel, maar ik kan me er niet bij bedenken wanneer ik dat zal gebriiken in de hedendaagse web development.

Ik heb zelfs een boek snel doorgelezen van Robert Nixon en nog steeds rinkelt er geen bel...

Ook wat betreft voorbeelden over arrays en loops kan ik niet terugvinden in zowel boeken als thenewboston..

ik tref alleen zeer simpele voorbeelden zoals het herhalen tm een bepaald getal bijv. X<10
pi_137931772
Ik bedoelde de "basis/geavanceerde JS" hieronder, dus zonder frameworks.

http://www.w3schools.com/js/DEFAULT.asp

http://thenewboston.org/list.php?cat=10


quote:
2s.gif Op woensdag 19 maart 2014 18:09 schreef Tijn het volgende:

[..]

Precies. Het is een beetje raar om te zeggen dat je het nut van Javascript niet begrijpt, maar wel van jQuery. jQuery IS Javascript.
  woensdag 19 maart 2014 @ 18:16:55 #63
84244 Scorpie
Abject en infaam!
pi_137931852
quote:
1s.gif Op woensdag 19 maart 2014 18:13 schreef Sucuk het volgende:
Ik bedoelde de "basis/geavanceerde JS" hieronder, dus zonder frameworks.

http://www.w3schools.com/js/DEFAULT.asp

http://thenewboston.org/list.php?cat=10

[..]

Stel je voor dat je een formulier hebt met 10 checkboxes en 1 box die ze allemaal selecteert. Met JavaScript kan je die 10 checkboxes aflopen in een loop en ze aanvinken.
Op dinsdag 13 augustus schreef Xa1pt:
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.
  woensdag 19 maart 2014 @ 18:17:32 #64
56176 Catch22-
Ben je Blind?!
pi_137931869
Alsnog is een framework niets anders dan een verzameling javacriptcode.
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_137932013
quote:
1s.gif Op woensdag 19 maart 2014 18:16 schreef Scorpie het volgende:

[..]

Stel je voor dat je een formulier hebt met 10 checkboxes en 1 box die ze allemaal selecteert. Met JavaScript kan je die 10 checkboxes aflopen in een loop en ze aanvinken.
Heus? Schrijf een boek! Ik ben dit in geen 1 boek of tut tegengekomen...

Kun je een voorbeeld code posten?
pi_137932021
quote:
0s.gif Op woensdag 19 maart 2014 18:17 schreef Catch22- het volgende:
Alsnog is een framework niets anders dan een verzameling javacriptcode.
verzameling?! Ik dacht uitbreiding! :P
  woensdag 19 maart 2014 @ 18:25:11 #67
56176 Catch22-
Ben je Blind?!
pi_137932070
quote:
1s.gif Op woensdag 19 maart 2014 18:23 schreef Sucuk het volgende:

[..]

verzameling?! Ik dacht uitbreiding! :P
Nee.
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?
  woensdag 19 maart 2014 @ 18:25:33 #68
12221 Tijn
Powered by MS Paint
pi_137932078
quote:
1s.gif Op woensdag 19 maart 2014 18:23 schreef Sucuk het volgende:

[..]

verzameling?! Ik dacht uitbreiding! :P
Je kunt Javascript niet uitbreiden. Elke browser heeft min of meer dezelfde Javascript-functionaliteit aan boord en daar zul je het mee moeten doen.
  woensdag 19 maart 2014 @ 18:30:54 #69
12221 Tijn
Powered by MS Paint
pi_137932218
quote:
1s.gif Op woensdag 19 maart 2014 18:22 schreef Sucuk het volgende:

[..]

Heus? Schrijf een boek! Ik ben dit in geen 1 boek of tut tegengekomen...

Kun je een voorbeeld code posten?
Javascript zelf is alleen maar een programmeertaal. De interface om met de inhoud van een webpagina te communiceren is de DOM. Als je een boek of een tutorial over de DOM icm Javascript leest, kom je absoluut allerlei relevante voorbeelden tegen.
pi_137932331
quote:
2s.gif Op woensdag 19 maart 2014 18:30 schreef Tijn het volgende:

[..]

Javascript zelf is alleen maar een programmeertaal. De interface om met de inhoud van een webpagina te communiceren is de DOM. Als je een boek of een tutorial over de DOM icm Javascript leest, kom je absoluut allerlei relevante voorbeelden tegen.
dom is die innerhtml etc? Die dingen die automatisch veranderen?
  woensdag 19 maart 2014 @ 18:35:48 #71
56176 Catch22-
Ben je Blind?!
pi_137932368
quote:
1s.gif Op woensdag 19 maart 2014 18:34 schreef Sucuk het volgende:

[..]

dom is die innerhtml etc? Die dingen die automatisch veranderen?
een beetje zelf zoeken kan geen kwaad hoor
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?
  woensdag 19 maart 2014 @ 18:44:43 #72
12221 Tijn
Powered by MS Paint
pi_137932663
quote:
1s.gif Op woensdag 19 maart 2014 18:34 schreef Sucuk het volgende:

[..]

dom is die innerhtml etc? Die dingen die automatisch veranderen?
De DOM is het Document Object Model. Wanneer je bv dmv van document.getElementById een element op je pagina opvraagt en hier iets mee doet, maak je gebruik van de DOM.
pi_137934209
Javascript gebruik je voor interactie met de elementen (dom) op de pagina zonder de (gehele) pagina op nieuw te hoeven laden.
Wat je er allemaal mee doet ligt helemaal aan jouw fantasie, binnen de mogelijkheden van de taal natuurlijk.
pi_137934307
quote:
1s.gif Op woensdag 19 maart 2014 18:22 schreef Sucuk het volgende:

[..]

Heus? Schrijf een boek! Ik ben dit in geen 1 boek of tut tegengekomen...

Kun je een voorbeeld code posten?
Dan vraag ik mij af welke boeken jij leest :P .
1
2
3
4
5
for(var i in lijst) {
  if(lijst[i] > 5) {
    return;
  }
}
Dit controleert bijvoorbeeld of er een waarde groter dan vijf in een lijst staat, als dat zo is stopt die.
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_137958491
Ik heb een aantal vragen over de onderstaande code:

*Waarom document.forms en geen document.form ? Want er staat <form> en geen <forms>
*Waarom ''return false''? Wat betekent dat en waarom hoort dat erbij?
*Waarom ''return validatieform()'' wat betekent die return en waarom hoort dat erbij?

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<!DOCTYPE html>
<html>
<head>
<script>
function validateForm()
{
var x=document.forms["myForm"]["fname"].value;
if (x==null || x=="")
  {
  alert("First name must be filled out");
  return false;
  }
}
</script>
</head>

<body>
<form name="myForm" action="demo_form.asp" onsubmit="return validateForm()" method="post">
First name: <input type="text" name="fname">
<input type="submit" value="Submit">
</form>
</body>

</html>
pi_137958570
1) Omdat document.forms een array is van alle forms in dat document?
2) geef "false" terug
3) geef de output van validatieform() terug (false dus).
  donderdag 20 maart 2014 @ 10:10:34 #77
12221 Tijn
Powered by MS Paint
pi_137958625
Wat KomtTijd zegt inderdaad. Maar dit is verder echt verschrikkelijk lelijke code. Echt een onwijs slecht voorbeeld om je op te baseren, zo wil je dat niet meer doen anno 2014.
pi_137958633
quote:
14s.gif Op donderdag 20 maart 2014 10:09 schreef KomtTijd... het volgende:
1) Omdat document.forms een array is van alle forms in dat document?
2) geef "false" terug
3) geef de output van validatieform() terug (false dus).
2. Ik begrijp van de laatste twee de gedachte erachter niet. Als je return false geeft, dan zeg je inprincipe al dat het false is en dan kan het if statement toch niet meer gecontroleerd worden?

3. Dat is toch dubbelop? In de functie zelf staat al return false.
pi_137958642
quote:
2s.gif Op donderdag 20 maart 2014 10:10 schreef Tijn het volgende:
Wat KomtTijd zegt inderdaad. Maar dit is verder echt verschrikkelijk lelijke code. Echt een onwijs slecht voorbeeld om je op te baseren, zo wil je dat niet meer doen anno 2014.
Hoe zou jij het doen Tijn? :)
  donderdag 20 maart 2014 @ 10:12:41 #80
12221 Tijn
Powered by MS Paint
pi_137958687
quote:
0s.gif Op donderdag 20 maart 2014 10:10 schreef Sucuk het volgende:

[..]

2. Ik begrijp van de laatste twee de gedachte erachter niet. Als je return false geeft, dan zeg je inprincipe al dat het false is en dan kan het if statement toch niet meer gecontroleerd worden?
Het wordt in dit geval gebruikt om de het submit event te stoppen

quote:
3. Dat is toch dubbelop? In de functie zelf staat al return false.
Nee, hiermee wordt gezorgd dat de functie wordt aangeroepen op het moment dat het formulier wordt verstuurd.
pi_137958756
quote:
2s.gif Op donderdag 20 maart 2014 10:12 schreef Tijn het volgende:

[..]

Het wordt in dit geval gebruikt om de het submit event te stoppen

[..]

Nee, hiermee wordt gezorgd dat de functie wordt aangeroepen op het moment dat het formulier wordt verstuurd.
2. Waar verwijst die false naar eigenlijk dan?

3. Wordt verstuurd? Er moet niks verstuurd worden als er niks ingevuld is...
  donderdag 20 maart 2014 @ 10:16:09 #82
12221 Tijn
Powered by MS Paint
pi_137958792
quote:
0s.gif Op donderdag 20 maart 2014 10:14 schreef Sucuk het volgende:

[..]

2. Waar verwijst die false naar eigenlijk dan?
Hoe bedoel je "verwijst"?

quote:
3. Wordt verstuurd? Er moet niks verstuurd worden als er niks ingevuld is...
Nee, dat is wat "return false" voorkomt in dit geval.
  donderdag 20 maart 2014 @ 10:17:18 #83
12221 Tijn
Powered by MS Paint
pi_137958827
quote:
0s.gif Op donderdag 20 maart 2014 10:11 schreef Sucuk het volgende:

[..]

Hoe zou jij het doen Tijn? :)
Ik zou formvalidatie doen met de functionaliteit die HTML5 hier standaard voor biedt en een polyfill als webshim gebruiken om te zorgen dat dit in alle browsers goed werkt.
pi_137958832
quote:
2s.gif Op donderdag 20 maart 2014 10:16 schreef Tijn het volgende:

[..]

Hoe bedoel je "verwijst"?

[..]

Nee, dat is wat "return false" voorkomt in dit geval.
Ik heb een goede channel gevonden!


Hij legt het duidelijk uit..

Misschien vinden jullie het ook handig? :P
pi_137958839
quote:
2s.gif Op donderdag 20 maart 2014 10:17 schreef Tijn het volgende:

[..]

Ik zou formvalidatie doen met de functionaliteit die HTML5 hier standaard voor biedt en een polyfill als webshim gebruiken om te zorgen dat dit in alle browsers goed werkt.
Link doet het niet :)
  donderdag 20 maart 2014 @ 10:20:22 #86
12221 Tijn
Powered by MS Paint
pi_137958940
quote:
Thanks:


2:30

''Errormessage += ''enter your last name \n'';

waarvoor die += ? en waarom die \n ?
  donderdag 20 maart 2014 @ 10:24:31 #88
12221 Tijn
Powered by MS Paint
pi_137959039
+= is een gecombineerde operator om iets toe te voegen aan een variabele.

1
2
3
var bericht = "Hallo mensen, ";
bericht += "hoe gaat het ermee?";
// bericht is nu "Hallo mensen, hoe gaat het ermee?"

Het is hetzelfde als:
1
2
var bericht = "Hallo mensen, ";
bericht = bericht + "hoe gaat het ermee?";

\n is een newline oftewel een nieuwe regel (hetzelfde wat er gebeurt als je op enter drukt).
pi_137959111
quote:
2s.gif Op donderdag 20 maart 2014 10:24 schreef Tijn het volgende:
+= is een gecombineerde operator om iets toe te voegen aan een variabele.
[ code verwijderd ]

Het is hetzelfde als:
[ code verwijderd ]

\n is een newline oftewel een nieuwe regel (hetzelfde wat er gebeurt als je op enter drukt).
Ow... Ik ben </ br> gewend.. :P

Uiteindelijk voegt hij het volgende toe welke ik natuurlijk ook niet snap:

if (errormessage != "" {
alert(errormessage);
return false;
}

Waarom zou de errormessage getoond moeten worden ALS er wel wat ingevuld is? != betekent ITS NOT EMPTY.
  donderdag 20 maart 2014 @ 10:27:30 #90
12221 Tijn
Powered by MS Paint
pi_137959139
Hoe kom je erbij dat het getoond wordt als er niks is ingevuld?
pi_137959284
quote:
5s.gif Op donderdag 20 maart 2014 10:27 schreef Tijn het volgende:
Hoe kom je erbij dat het getoond wordt als er niks is ingevuld?
!= dat betekent toch IF NOT EMPTY.
  donderdag 20 maart 2014 @ 10:32:43 #92
84244 Scorpie
Abject en infaam!
pi_137959309
quote:
0s.gif Op donderdag 20 maart 2014 10:31 schreef Sucuk het volgende:

[..]

!= dat betekent toch IF NOT EMPTY.
Nee. != betekent 'niet gelijk aan'. In dit geval: 'indien de error message niet gelijk is aan een lege string, toon hem op het scherm'.
Op dinsdag 13 augustus schreef Xa1pt:
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.
  donderdag 20 maart 2014 @ 10:32:47 #93
12221 Tijn
Powered by MS Paint
pi_137959311
quote:
0s.gif Op donderdag 20 maart 2014 10:31 schreef Sucuk het volgende:

[..]

!= dat betekent toch IF NOT EMPTY.
Zeker. Althans, '!= ""' betekent dat.
pi_137959333
quote:
7s.gif Op donderdag 20 maart 2014 10:32 schreef Scorpie het volgende:

[..]

Nee. != betekent 'niet gelijk aan'.
quote:
2s.gif Op donderdag 20 maart 2014 10:32 schreef Tijn het volgende:

[..]

Zeker. Althans, '!= ""' betekent dat.
Nou dan als het niet empty is waarom zou er een alert box moeten komen en vervolgens ''return false'' moeten staan?
  donderdag 20 maart 2014 @ 10:34:27 #95
12221 Tijn
Powered by MS Paint
pi_137959353
quote:
0s.gif Op donderdag 20 maart 2014 10:33 schreef Sucuk het volgende:

[..]

[..]

Nou dan als het niet empty is waarom zou er een alert box moeten komen en vervolgens ''return false'' moeten staan?
Als wát niet empty is?
pi_137959382
1
2
3
4
5
var arrList = new Array(); 
while(var i = 1; i != 100) { 
arrList.push("Cijfer "+ i ); 
i++;
}
output:
quote:
99
Waarom werkt dit niet?

1
2
3
4
5
6
var arrList = new Array(); 
var i=1;
while(i <= 10) {
arrList.push("Cijfer "+ i ); 
i++;
}
output: undefined of error :?
  donderdag 20 maart 2014 @ 10:39:47 #97
12221 Tijn
Powered by MS Paint
pi_137959493
De code die je post werkt prima hoor, Robuustheid. Sterker nog, het is veel beter om i buiten je while te declareren.
pi_137959524
Ah, ik zie het al. Foutje.

En waarom zou het beter zijn om de i buiten de while te declareren?
  donderdag 20 maart 2014 @ 10:43:31 #99
12221 Tijn
Powered by MS Paint
pi_137959591
quote:
0s.gif Op donderdag 20 maart 2014 10:40 schreef Robuustheid het volgende:

En waarom zou het beter zijn om de i buiten de while te declareren?
Het is good practice in Javascript om al je variabelen bovenaan te declareren, want dat is feite ook wat er gebeurt wanneer het wordt uitgevoerd.

Zie bv dit voor meer info: http://www.adequatelygood(...)ng-and-Hoisting.html
  donderdag 20 maart 2014 @ 10:48:17 #100
118011 BrainOverfloW
Fok! around the Clock!
pi_137959716
quote:
0s.gif Op donderdag 20 maart 2014 10:33 schreef Sucuk het volgende:

[..]

[..]

Nou dan als het niet empty is waarom zou er een alert box moeten komen en vervolgens ''return false'' moeten staan?
Omdat je niet controleert of de er een naam is ingevuld maar of er een error message is.

De stappen die je maakt zijn:
- Je begint met een lege error string.
- Voor elke error plakt hij een string aan je errormessage (met de += operator).
- Dan controleer je of er tekst in je errormessage zit, wat dus alleen het geval is als er een error is. (errormessage != "" zegt dat errormessage niet gelijk is aan een lege string).
- Is er tekst, dan is er een error, dus gooi je die error in een alert op het scherm en breek je de gang naar de action van het form af door je functie "false" terug te laten geven.
- Is er geen tekst, is alles dus goed, en gaat hij door naar de action van het form.
Whether or not you can become great at something, you can always become better.
And one day you'll wake up and find out how good you actually became, having transcended whatever limits you might have thought you couldn't pass.
Neil Degrasse Tyson
  donderdag 20 maart 2014 @ 10:48:55 #101
84244 Scorpie
Abject en infaam!
pi_137959734
quote:
0s.gif Op donderdag 20 maart 2014 10:35 schreef Robuustheid het volgende:

[ code verwijderd ]

output:

[..]

Waarom werkt dit niet?
[ code verwijderd ]

output: undefined of error :?
Ik zou niet != gebruiken daarvoor.
Op dinsdag 13 augustus schreef Xa1pt:
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.
pi_137960564
quote:
14s.gif Op donderdag 20 maart 2014 10:43 schreef Tijn het volgende:

[..]

Het is good practice in Javascript om al je variabelen bovenaan te declareren, want dat is feite ook wat er gebeurt wanneer het wordt uitgevoerd.

Zie bv dit voor meer info: http://www.adequatelygood(...)ng-and-Hoisting.html
Dan wordt de i niet voortdurend opgehoogd als-ie niet in de while-loop zit, maar eenmalig verhoogd, lijkt mij?

En je post daar een interessante link, dank daarvoor! Daaruit vloeit een andere vraag voor.

1
2
3
4
5
6
7
var x = 1;
console.log(x); // 1
if (true) {
    var x = 2;
    console.log(x); // 2
}
console.log(x); // 2
1
2
3
4
5
6
7
8
var foo = 1;
function bar() {
    if (!foo) {
        var foo = 10;
    }
    alert(foo);
}
bar();
Waarop valideert-ie de true en foo op regel 3 als true?


quote:
7s.gif Op donderdag 20 maart 2014 10:48 schreef Scorpie het volgende:

[..]

Ik zou niet != gebruiken daarvoor.
Waarom niet? Het enige wat ik kan bedenken, is dat-ie in een oneindige loop zit als de i hoger dan 100 is, maar binnen dat stukje code kan dat niet voorkomen. :)
  donderdag 20 maart 2014 @ 11:19:00 #103
84244 Scorpie
Abject en infaam!
pi_137960677
quote:
0s.gif Op donderdag 20 maart 2014 11:16 schreef Robuustheid het volgende:
Waarom niet? Het enige wat ik kan bedenken, is dat-ie in een oneindige loop zit als de i hoger dan 100 is, maar binnen dat stukje code kan dat niet voorkomen. :)
Wie geeft jou de garantie dat i altijd een integer zal zijn?
Op dinsdag 13 augustus schreef Xa1pt:
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.
pi_137960752
quote:
7s.gif Op donderdag 20 maart 2014 11:19 schreef Scorpie het volgende:

[..]

Wie geeft jou de garantie dat i altijd een integer zal zijn?
Omdat Javascript dynamisch is? Als de i een getal bevat zonder quotes, dan wordt-ie ook als integer behandeld.
  donderdag 20 maart 2014 @ 11:23:11 #105
84244 Scorpie
Abject en infaam!
pi_137960798
quote:
0s.gif Op donderdag 20 maart 2014 11:21 schreef Robuustheid het volgende:

[..]

Omdat Javascript dynamisch is? Als de i een getal bevat, dan wordt-ie ook als integer behandeld.
Nee hoor.

http://stackoverflow.com/(...)t-with-leading-zeros
Op dinsdag 13 augustus schreef Xa1pt:
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.
  donderdag 20 maart 2014 @ 11:30:33 #106
84244 Scorpie
Abject en infaam!
pi_137961018
Ook een leuke:

1
2
3
if(0 == ""){
  alert('jawohl!');
}
Op dinsdag 13 augustus schreef Xa1pt:
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.
  donderdag 20 maart 2014 @ 11:33:24 #107
84244 Scorpie
Abject en infaam!
pi_137961089
Of typeof(new String("foo")) , wat denk je dat daar uit komt?
Op dinsdag 13 augustus schreef Xa1pt:
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.
  donderdag 20 maart 2014 @ 11:34:12 #108
84244 Scorpie
Abject en infaam!
pi_137961108
Overigens zou je in for loops e.d. deze tabel kunnen aanhouden voor comparators:

http://www.w3schools.com/js/js_comparisons.asp
Op dinsdag 13 augustus schreef Xa1pt:
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.
  donderdag 20 maart 2014 @ 11:35:46 #109
56176 Catch22-
Ben je Blind?!
pi_137961141
quote:
7s.gif Op donderdag 20 maart 2014 11:33 schreef Scorpie het volgende:
Of typeof(new String("foo")) , wat denk je dat daar uit komt?
everything is an object!
1
2
3
4
5
6
7
8
9
10
<?php
>>>  typeof(new String("foo"))
"object"
>>>  typeof(new String("foo")) == "string";
false
>>>  typeof(new String("foo")) == "object";
true
>>>  typeof("foo")
"string"
?>
Heerlijk he
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?
  donderdag 20 maart 2014 @ 11:36:13 #110
84244 Scorpie
Abject en infaam!
pi_137961153
quote:
11s.gif Op donderdag 20 maart 2014 11:35 schreef Catch22- het volgende:

[..]

everything is an object!
Dat is dan ook waar de meeste nieuwe programmeurs nat op gaan helaas.
Op dinsdag 13 augustus schreef Xa1pt:
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.
  donderdag 20 maart 2014 @ 11:36:47 #111
84244 Scorpie
Abject en infaam!
pi_137961174
1
2
3
4
typeof(new String("foo"));
"object"
typeof("foo");
"string"
Op dinsdag 13 augustus schreef Xa1pt:
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.
  donderdag 20 maart 2014 @ 11:36:58 #112
84244 Scorpie
Abject en infaam!
pi_137961179
Javascript _O_
Op dinsdag 13 augustus schreef Xa1pt:
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.
  donderdag 20 maart 2014 @ 11:38:52 #113
56176 Catch22-
Ben je Blind?!
pi_137961240
Nothing but love :P
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?
  donderdag 20 maart 2014 @ 11:39:14 #114
84244 Scorpie
Abject en infaam!
pi_137961251
quote:
11s.gif Op donderdag 20 maart 2014 11:35 schreef Catch22- het volgende:

[..]

everything is an object!
[ code verwijderd ]

Heerlijk he
_O_
Op dinsdag 13 augustus schreef Xa1pt:
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.
  donderdag 20 maart 2014 @ 11:41:06 #115
118011 BrainOverfloW
Fok! around the Clock!
pi_137961299
quote:
Ik krijg toch gewoon 8 en 9 terug in plaats van 0.
Whether or not you can become great at something, you can always become better.
And one day you'll wake up and find out how good you actually became, having transcended whatever limits you might have thought you couldn't pass.
Neil Degrasse Tyson
  donderdag 20 maart 2014 @ 11:42:17 #116
84244 Scorpie
Abject en infaam!
pi_137961332
quote:
0s.gif Op donderdag 20 maart 2014 11:41 schreef BrainOverfloW het volgende:

[..]

Ik krijg toch gewoon 8 en 9 terug in plaats van 0.
Ja, doe het nu eens in een IE8 browser :D krijg je heel wat anders terug.
Op dinsdag 13 augustus schreef Xa1pt:
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.
  donderdag 20 maart 2014 @ 11:43:41 #117
118011 BrainOverfloW
Fok! around the Clock!
pi_137961373
quote:
10s.gif Op donderdag 20 maart 2014 11:42 schreef Scorpie het volgende:

[..]

Ja, doe het nu eens in een IE8 browser :D krijg je heel wat anders terug.
Ok, zo uitgebreid had ik het ook weer niet getest O-)
Whether or not you can become great at something, you can always become better.
And one day you'll wake up and find out how good you actually became, having transcended whatever limits you might have thought you couldn't pass.
Neil Degrasse Tyson
  donderdag 20 maart 2014 @ 11:44:56 #118
56176 Catch22-
Ben je Blind?!
pi_137961409
in fx
1
2
3
4
5
6
7
8
9
10
11
12
<?php
>>> parseInt(02);
2
>>> parseInt(0020);
16
>>> parseInt(002);
2
>>> parseInt(0020);
16
>>> parseInt(020);
16
?>
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?
  donderdag 20 maart 2014 @ 11:45:31 #119
84244 Scorpie
Abject en infaam!
pi_137961425
quote:
11s.gif Op donderdag 20 maart 2014 11:44 schreef Catch22- het volgende:
in fx
[ code verwijderd ]

Chrome ook. Gotta love this shit.
Op dinsdag 13 augustus schreef Xa1pt:
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.
pi_137961542
Klopt, is gedocumenteerd gedrag:
quote:
If the input string begins with "0", radix is eight (octal) or 10 (decimal). Exactly which radix is chosen is implementation-dependent. ECMAScript 5 specifies that 10 (decimal) is used, but not all browsers support this yet. For this reason always specify a radix when using parseInt
pi_137961985
Weet iemand het verschil tussen label en name bij forms?

En hebben deze dezelfde werking als classes en id's? Zo niet, waarin verschillen label en name van elkaar en van classes en id's?
pi_137962089
Hoe bedoel je "het verschil tussen label en name"?

Label is een HTML-tag, name is een attribute van form-elementen. Je hebt het over 2 compleet verschillende dingen
pi_137962262
quote:
5s.gif Op donderdag 20 maart 2014 12:08 schreef KomtTijd... het volgende:
Hoe bedoel je "het verschil tussen label en name"?

Label is een HTML-tag, name is een attribute van form-elementen. Je hebt het over 2 compleet verschillende dingen
Wat is label dan precies en waarvoor dient het? En welke tag moet je gebruiken om een deel van een form bijv. username te identificeren om het later te kunnen gebruiken voor een verwijzing naar dat deel bijv in javascript en php met bijv $_POST
pi_137962382
quote:
Ik heb hem niet begrepen. Anders had ik niks gepost als ik dat had begrepen.
pi_137962434
Wat begrijp je er dan niet aan? Want er staat precies wat het doet en hoe het werkt. Beter zou ik het echt niet uit kunnen leggen

quote:
The <label> tag defines a label for an <input> element.

The <label> element does not render as anything special for the user. However, it provides a usability improvement for mouse users, because if the user clicks on the text within the <label> element, it toggles the control.

The for attribute of the <label> tag should be equal to the id attribute of the related element to bind them together.
  donderdag 20 maart 2014 @ 12:51:27 #127
84244 Scorpie
Abject en infaam!
pi_137963268
quote:
0s.gif Op donderdag 20 maart 2014 12:18 schreef GoldenHeart het volgende:

[..]

Ik heb hem niet begrepen. Anders had ik niks gepost als ik dat had begrepen.
Label is een tag . Name is een attribuut van een tag.
Op dinsdag 13 augustus schreef Xa1pt:
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.
  donderdag 20 maart 2014 @ 12:52:51 #128
56176 Catch22-
Ben je Blind?!
pi_137963312
Ik begin echt te twijfelen of html, css en js nu zo moeilijk zijn om te begrijpen, of dat de nieuwelingen gewoon 0 moeite doen om zelf een beetje te leren hoe het werkt...
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?
  donderdag 20 maart 2014 @ 12:53:18 #129
84244 Scorpie
Abject en infaam!
pi_137963328
quote:
11s.gif Op donderdag 20 maart 2014 12:52 schreef Catch22- het volgende:
Ik begin echt te twijfelen of html, css en js nu zo moeilijk zijn om te begrijpen, of dat de nieuwelingen gewoon 0 moeite doen om zelf een beetje te leren hoe het werkt...
Laten we van het goede in de mens uitgaan en net doen alsof we heul complex en moeilijk werk doen.
Op dinsdag 13 augustus schreef Xa1pt:
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.
  donderdag 20 maart 2014 @ 13:02:35 #130
56176 Catch22-
Ben je Blind?!
pi_137963570
quote:
7s.gif Op donderdag 20 maart 2014 12:53 schreef Scorpie het volgende:

[..]

Laten we van het goede in de mens uitgaan en net doen alsof we heul complex en moeilijk werk doen.
Het goede in de mens of arrogantie..

:T
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_137963706
quote:
7s.gif Op donderdag 20 maart 2014 11:30 schreef Scorpie het volgende:
Ook een leuke:
[ code verwijderd ]

0 is ook een lege waarde, toch?
quote:
7s.gif Op donderdag 20 maart 2014 11:33 schreef Scorpie het volgende:
Of typeof(new String("foo")) , wat denk je dat daar uit komt?
Dan staat er object. Zou toch niet zo gek zijn, aangezien alles in JS een object is, lijkt mij?
quote:
11s.gif Op donderdag 20 maart 2014 11:35 schreef Catch22- het volgende:

[..]

everything is an object!
[ code verwijderd ]

Heerlijk he
Waarom is typeof("foo") een string, en typeof(new String("foo")) een object?
pi_137963769
quote:
11s.gif Op donderdag 20 maart 2014 12:52 schreef Catch22- het volgende:
Ik begin echt te twijfelen of html, css en js nu zo moeilijk zijn om te begrijpen, of dat de nieuwelingen gewoon 0 moeite doen om zelf een beetje te leren hoe het werkt...
Laat me is iets vragen aan jou:

Heb je alles uit een boek geleerd of heb je het geleerd door gericht te zoeken en uit te zoeken hoe het werkt (wat je gericht hebt gezocht) en zodoende losse dingetjes geleerd?

Want als het het tweede is, dan kun je me niet wijsmaken dat je de taal beheerst, want je leert niet wat het inhoud, maar hoe je het moet gebruiken.. in principe opzoeken, kopie pasten en bewerken naar je wensen.
  donderdag 20 maart 2014 @ 13:12:48 #133
56176 Catch22-
Ben je Blind?!
pi_137963824
quote:
1s.gif Op donderdag 20 maart 2014 13:10 schreef GoldenHeart het volgende:

[..]

Laat me is iets vragen aan jou:

Heb je alles uit een boek geleerd of heb je het geleerd door gericht te zoeken en uit te zoeken hoe het werkt (wat je gericht hebt gezocht) en zodoende losse dingetjes geleerd?
Het tweede
quote:
Want als het het tweede is, dan kun je me niet wijsmaken dat je de taal beheerst, want je leert niet wat het inhoud, maar hoe je het moet gebruiken.. in principe opzoeken, kopie pasten en bewerken naar je wensen.
Dat is onzin. Er is geen gigantisch verschil tussen dingen opzoeken en kopieren en plakken, of het proberen te begrijpen en toe te passen en te debuggen./
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_137963839
quote:
1s.gif Op donderdag 20 maart 2014 13:10 schreef GoldenHeart het volgende:

[..]

Laat me is iets vragen aan jou:

Heb je alles uit een boek geleerd of heb je het geleerd door gericht te zoeken en uit te zoeken hoe het werkt (wat je gericht hebt gezocht) en zodoende losse dingetjes geleerd?

Want als het het tweede is, dan kun je me niet wijsmaken dat je de taal beheerst, want je leert niet wat het inhoud, maar hoe je het moet gebruiken.. in principe opzoeken, kopie pasten en bewerken naar je wensen.
Ga je Catch22- nou vertellen dat hij HTML niet beheerst? :')___________

Sowieso bedoel je het (hopelijk) andersom, door alleen boeken te lezen leer je niets.
pi_137964041
quote:
14s.gif Op donderdag 20 maart 2014 13:13 schreef KomtTijd... het volgende:

[..]

Ga je Catch22- nou vertellen dat hij HTML niet beheerst? :')___________

Sowieso bedoel je het (hopelijk) andersom, door alleen boeken te lezen leer je niets.
Ik heb het over JS.
pi_137964076
quote:
11s.gif Op donderdag 20 maart 2014 13:12 schreef Catch22- het volgende:

[..]

Het tweede

[..]

Dat is onzin. Er is geen gigantisch verschil tussen dingen opzoeken en kopieren en plakken, of het proberen te begrijpen en toe te passen en te debuggen./
Vertel mij dan alsjeblieft hoe je iets probeert te begrijpen als je de basis niet kent en gewoon maar wat opzoekt.. hoe je dat wilt begrijpen, van punt tot punt, waarom bijv. er tweemaal een }} staat en niet eenmaal (grofweg een voorbeeld).

Ik heb bijvoorbeeld nu iets nodig wat met Jquery te maken heeft en dat is het volgende:
Als er iets uit een select dropdown menu gekozen wordt moet er nieuw selectdropdown menu daarnaast verschijnen, welke dus afhankelijk is van de keuze van de eerste dropdown menu.

Stel je kiest uit selectdropdown 1 keuze A dan moet er een tweede selectdropdown menu komen die speciaal gemaakt is voor keuze A

Stel je kiest uit de selectdropdown 1 keuze C dan moet er een tweede selectdropdown menu komen die speciaal gemaakt is voor keuze C.

Soort search engine uit de database, maar dan met manipulated multiple select dropdowns.

Ik heb bijvoorbeeld geen idee hoe ik hiervoor een uitleg of iets kan vinden... Ik weet niet eens hoe ik het kort beschrijf... Dus dan vraag ik mn god af hoe jij dat doet..
pi_137964159
quote:
0s.gif Op donderdag 20 maart 2014 13:23 schreef GoldenHeart het volgende:

[..]

Vertel mij dan alsjeblieft hoe je iets probeert te begrijpen als je de basis niet kent en gewoon maar wat opzoekt.. hoe je dat wilt begrijpen, van punt tot punt,
Door het op te zoeken, maar vooral door het te proberen, te testen, debuggen, kijken wat er mis gaat, dat nóg een keer opzoeken, enz?
quote:
waarom bijv. er tweemaal een }} staat en niet eenmaal (grofweg een voorbeeld).
Zulksoort simpele dingetjes laten je IDE al keurig zien, en zo niet dan de syntax error die je krijgt.
pi_137964198
quote:
14s.gif Op donderdag 20 maart 2014 13:26 schreef KomtTijd... het volgende:

[..]

Door het op te zoeken, maar vooral door het te proberen, te testen, debuggen, kijken wat er mis gaat, dat nóg een keer opzoeken, enz?

[..]

Zulksoort simpele dingetjes laten je IDE al keurig zien, en zo niet dan de syntax error die je krijgt.
Zie mijn post overnieuw, had hem nog niet volledig.
pi_137964234
quote:
0s.gif Op donderdag 20 maart 2014 13:23 schreef GoldenHeart het volgende:

[..]

Ik heb bijvoorbeeld geen idee hoe ik hiervoor een uitleg of iets kan vinden... Ik weet niet eens hoe ik het kort beschrijf... Dus dan vraag ik mn god af hoe jij dat doet..
Dan moet je beginnen met iets dat je wél kunt bevatten. Niemand was van de ene op de andere dag in staat complete, geavanceerde asynchrone forms te maken en af te handelen.
pi_137964287
quote:
14s.gif Op donderdag 20 maart 2014 13:28 schreef KomtTijd... het volgende:

[..]

Dan moet je beginnen met iets dat je wél kunt bevatten. Niemand was van de ene op de andere dag in staat complete, geavanceerde asynchrone forms te maken en af te handelen.
http://thenewboston.org/list.php?cat=10

Alles hier is zo easy als wat... Maar voor wat ik wil is dit zeker niet genoeg?
pi_137964325
Wat je verkeerd doet, is dat je nog moeite hebt met uberhaupt een HTML-formulier in elkaar te zetten en uit te lezen, maar al gelijk wilt skippen naar asynchrone webapplicaties. Begin nou gewoon bij het begin.
  donderdag 20 maart 2014 @ 13:34:19 #142
56176 Catch22-
Ben je Blind?!
pi_137964390
quote:
14s.gif Op donderdag 20 maart 2014 13:32 schreef KomtTijd... het volgende:
Wat je verkeerd doet, is dat je nog moeite hebt met uberhaupt een HTML-formulier in elkaar te zetten en uit te lezen, maar al gelijk wilt skippen naar asynchrone webapplicaties. Begin nou gewoon bij het begin.
Dat dus. Je moet stap voor stap uitvogelen wat je moet gaan doen en dat dan stap voor stap oplossen.
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?
  donderdag 20 maart 2014 @ 14:43:42 #143
84244 Scorpie
Abject en infaam!
pi_137966635
quote:
14s.gif Op donderdag 20 maart 2014 13:32 schreef KomtTijd... het volgende:
Wat je verkeerd doet, is dat je nog moeite hebt met uberhaupt een HTML-formulier in elkaar te zetten en uit te lezen, maar al gelijk wilt skippen naar asynchrone webapplicaties. Begin nou gewoon bij het begin.
+1
Op dinsdag 13 augustus schreef Xa1pt:
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.
  donderdag 20 maart 2014 @ 14:45:12 #144
56176 Catch22-
Ben je Blind?!
pi_137966678
Oja goldenheart, als je dit begrijpt, dan mag je opnieuw zeggen dat ik er niets van snap

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
<?php
.setBlockHeights(@slideHeight:100vh, @fbSlideHeight:700px
                 @
navHeight:11vh, @fbNavHeight:70px
                 @
sliderNavHeight:6vh, @fbSliderNavHeight:40px) { 
    .
navbar-fixed-top {
        
min-height:@fbNavHeight;
        
height:@fbNavHeight;
        
height:@navHeight;
    }
    .
container.full-width {
        
min-height:500px;
        
height:@fbSlideHeight - @fbNavHeight;
        
height:@slideHeight - @navHeight;
        .
row.image-container .image-item {
            
min-height:500px;
            
min-height:@fbSlideHeight - @fbNavHeight;
            
            
height:@fbSlideHeight - @fbNavHeight;
            
height:100vh - @navHeight;
        }
        .
slider-nav {
            
display:none;
        }
        &.
multiple-childs.first-item 
            
padding-top:@fbSliderNavHeight;
            
padding-top:@sliderNavHeight;
            .
row.image-container .image-item {
                
min-height:@fbSlideHeight - @fbNavHeight - @fbSliderNavHeight;                
                
height:@fbSlideHeight - @fbNavHeight - @fbSliderNavHeight;                
                
height:@slideHeight - @navHeight - @sliderNavHeight;
            }
            .
slider-nav {
                
min-height:@fbSliderNavHeight;
                
height:@fbSliderNavHeight;
                
height:@sliderNavHeight;
                
display:block;
            }
        }
    }    
}
?>
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?
  donderdag 20 maart 2014 @ 14:46:39 #145
84244 Scorpie
Abject en infaam!
pi_137966737
quote:
11s.gif Op donderdag 20 maart 2014 14:45 schreef Catch22- het volgende:
Oja goldenheart, als je dit begrijpt, dan mag je opnieuw zeggen dat ik er niets van snap
[ code verwijderd ]

Responsive content slider.
Op dinsdag 13 augustus schreef Xa1pt:
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.
pi_137966744
quote:
11s.gif Op donderdag 20 maart 2014 14:45 schreef Catch22- het volgende:
Oja goldenheart, als je dit begrijpt, dan mag je opnieuw zeggen dat ik er niets van snap
[ code verwijderd ]

En waar heb je dat vandaan gecopypaste?
  donderdag 20 maart 2014 @ 14:47:22 #147
56176 Catch22-
Ben je Blind?!
pi_137966761
quote:
6s.gif Op donderdag 20 maart 2014 14:46 schreef Scorpie het volgende:

[..]

Responsive content slider.
HEET JIJ SOMS GOLDENHEART
quote:
6s.gif Op donderdag 20 maart 2014 14:46 schreef picodealion het volgende:

[..]

En waar heb je dat vandaan gecopypaste?
w3schools :$
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?
  donderdag 20 maart 2014 @ 14:49:46 #148
256935 xzaz
McBacon to the rescue!
pi_137966844
quote:
11s.gif Op donderdag 20 maart 2014 14:47 schreef Catch22- het volgende:

[..]

HEET JIJ SOMS GOLDENHEART
_O-
  donderdag 20 maart 2014 @ 14:49:48 #149
84244 Scorpie
Abject en infaam!
pi_137966848
quote:
11s.gif Op donderdag 20 maart 2014 14:47 schreef Catch22- het volgende:

[..]

HEET JIJ SOMS GOLDENHEART

[..]

w3schools :$
Sorry ik heb je ssh keys gejat en zit mee te loeren in je broncode :@
Op dinsdag 13 augustus schreef Xa1pt:
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.
pi_137966925
Nou is pochen met hoe ingewikkeld je code eruit ziet natuurlijk ook wel behoorlijk " :') ".
  donderdag 20 maart 2014 @ 14:53:38 #151
84244 Scorpie
Abject en infaam!
pi_137966957
quote:
14s.gif Op donderdag 20 maart 2014 14:52 schreef KomtTijd... het volgende:
Nou is pochen met hoe ingewikkeld je code eruit ziet natuurlijk ook wel behoorlijk " :') ".
Volgens mij vroeg Catch22- gewoon hulp bij zijn code.
Op dinsdag 13 augustus schreef Xa1pt:
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.
  donderdag 20 maart 2014 @ 15:04:35 #152
56176 Catch22-
Ben je Blind?!
pi_137967215
Ja ik snap het zelf ook niet meer.

Het ging mij er meer om dat ik niet compleet achterlijk ben
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_137967362
Welk smaakje PHP is dat überhaupt?
  donderdag 20 maart 2014 @ 15:26:57 #154
12221 Tijn
Powered by MS Paint
pi_137967850
quote:
14s.gif Op donderdag 20 maart 2014 13:32 schreef KomtTijd... het volgende:
Wat je verkeerd doet, is dat je nog moeite hebt met uberhaupt een HTML-formulier in elkaar te zetten en uit te lezen, maar al gelijk wilt skippen naar asynchrone webapplicaties. Begin nou gewoon bij het begin.
En doe vooral 1 ding tegelijk. Ik heb 'm nu in een paar dagen al over PHP, MySQL, HTML, CSS en Javascript gehoord, zonder dat-ie een van deze dingen echt heeft doorgrond.
pi_137967902
quote:
3s.gif Op donderdag 20 maart 2014 15:09 schreef picodealion het volgende:
Welk smaakje PHP is dat überhaupt?
LESS ofzo. In een FOK! [php]-tag bij gebrek aan syntax-highlighting in de [code]-tag.
pi_137967948
Ja ziet eruit als Less inderdaad, Sass gebruikt $ voor variabelen. Ik vroeg me af waarom de php tag, maar dat klinkt als een redelijk excuus.
pi_137968338
quote:
14s.gif Op donderdag 20 maart 2014 15:29 schreef KomtTijd... het volgende:

[..]

LESS ofzo. In een FOK! [php]-tag bij gebrek aan syntax-highlighting in de [code]-tag.
Ziet ingewikkelder uit dan CSS zelf. Kan toch nooit de bedoeling zijn.
  donderdag 20 maart 2014 @ 15:46:44 #158
91039 mstx
2x1/2 = 1/2 x 1/2
pi_137968383
quote:
0s.gif Op donderdag 20 maart 2014 15:45 schreef Robuustheid het volgende:

[..]

Ziet ingewikkelder uit dan CSS zelf. Kan toch nooit de bedoeling zijn.
Als je het eenmaal doorhebt scheelt het een hoop typwerk en is het juist makkelijker.
Op donderdag 2 juli 2009 22:41 schreef RTB het volgende:
als ik elk rap"liedje" een kans moest geven was ik aan het eind van dit millennium nog bezig met het tempo waarin die kotshoop uitgebraakt wordt.
👾
  donderdag 20 maart 2014 @ 15:56:50 #159
12221 Tijn
Powered by MS Paint
pi_137968696
quote:
1s.gif Op donderdag 20 maart 2014 11:16 schreef Robuustheid het volgende:

[..]

Dan wordt de i niet voortdurend opgehoogd als-ie niet in de while-loop zit, maar eenmalig verhoogd, lijkt mij?
Nee, ik bedoel alleen declaratie "var i;". Dat hoort bovenin. Vervolgens hoog je i natuurlijk op daar waar je wil dat dat gebeurt.

quote:
En je post daar een interessante link, dank daarvoor! Daaruit vloeit een andere vraag voor.

Waarop valideert-ie de true en foo op regel 3 als true?
1
2
3
4
5
6
7
var x = 1;
console.log(x); // 1
if (true) {
    var x = 2;
    console.log(x); // 2
}
console.log(x); // 2

Nou, eerst voorbeeld 1: true is natuurlijk true, dus dat is logisch, toch?

1
2
3
4
5
6
7
8
var foo = 1;
function bar() {
    if (!foo) {
        var foo = 10;
    }
    alert(foo);
}
bar();

Voorbeeld 2 is waar het belangrijk wordt om te begrijpen hoe scoping en hoisting van variabelen werkt in Javascript.

Bovenin het script wordt een variabele "foo" gemaakt en daar wordt de waarde 1 aan gegeven. Vervolgens wordt de functie bar() gedefinieerd.

Je zou misschien zeggen dat de if-statement op 3 regel nu niet opgaat, omdat foo immers nog steeds 1 is. Maar dat is niet zo. Niet vanwege scoping (want binnen een functie heb je in Javascript toegang tot variabelen in de scope buiten de functie), maar wel vanwege "hoisting".

Omdat op regel 4 een lokale variabele "foo" wordt gemaakt (en van waarde 10 wordt voorzien), wordt de declaratie van deze variabele "gehoist" naar bovenin de functie. In feite gebeurt er dit:

1
2
3
4
5
6
7
8
9
var foo = 1;
function bar() {
  var foo;
  if (!foo) {
    foo = 10;
  }
  alert(foo);
}
bar();

En dat is waarom het belangrijk is om variabelen bovenin je functies te declareren, want dat is in feite wat er sowieso wel gebeurt. Als je het opschrijft, kom je niet voor verrassingen te staan.
pi_137969994
Ik heb een aantal onduidelijkheden met betrekking tot de volgende Jquery code:

1
2
3
4
5
6
7
8
9
10
11
12
13
$(document).ready(function() {

$('#search_name').keyup(function() {
search_name = $(this).val();

$(' $names li').removeclass('highlight');

if (jQuery.trim(search_name) != ' ') {
$(" #names li:contains(' " + search_name + " ')").addclass('highlight');
}

});
});

Heeft het dezelfde werking als er in plaats van dit
1 $(' $names li').removeclass('highlight');  
het volgende staat? :

1
2
  if (jQuery.trim(search_name) != ' ') {  
$(' $names li').removeclass('highlight');  } 


Tenslotte ; wat betekenen die lege waarden rondom search_names, ofwel waarvoor dienen ze?
1 (' " + search_name + " ') 

Is dit ook mogelijk?:

1 (search_name) 

Alvast bedankt :)
pi_137970171
1) Huh, je begrijpt hopelijk wat een if-statement is?
2) search_name is een variable die in een string wordt geplaatst. Zonder "+search_name+" zou er letterlijk search_name in de string staan, in plaats van de waarde van variable search_name.
pi_137970261
quote:
14s.gif Op donderdag 20 maart 2014 16:49 schreef KomtTijd... het volgende:
1) Huh, je begrijpt hopelijk wat een if-statement is?
2) search_name is een variable die in een string wordt geplaatst. Zonder "+search_name+" zou er letterlijk search_name in de string staan, in plaats van de waarde van variable search_name.
2) Oeps ik bedoelde geen != maar == , anders zou ik toch denken dat het anders een else bij moet komen met dus die code $(' $names li').removeclass('highlight');

3) Huh, beetje in de war met betrekking tot de hoeveelheid quotationmarks en de plusjes..

:P
  donderdag 20 maart 2014 @ 16:55:17 #163
84244 Scorpie
Abject en infaam!
pi_137970307
quote:
0s.gif Op donderdag 20 maart 2014 16:53 schreef RustCohle het volgende:

[..]

2) Oeps ik bedoelde geen != maar == , anders zou ik toch denken dat het anders een else bij moet komen met dus die code $(' $names li').removeclass('highlight');

3) Huh, beetje in de war met betrekking tot de hoeveelheid quotationmarks en de plusjes..

:P
Plusjes zijn om strings aan elkaar te plakken in dit geval. De single quotation mark is om te zorgen dat je ipv $(varname) $('varname') krijgt.
Op dinsdag 13 augustus schreef Xa1pt:
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.
pi_137970354
quote:
7s.gif Op donderdag 20 maart 2014 16:55 schreef Scorpie het volgende:

[..]

Plusjes zijn om strings aan elkaar te plakken in dit geval. De single quotation mark is om te zorgen dat je ipv $(varname) $('varname') krijgt.
En waarom zou je in dit geval de strings aan elkaar moeten laten plakken? Ik dacht tot dusverre dat je juist $(varname) moest gebruiken ipv $("varname") of $('varname'), want die laatste twee gelden voor strings zover ik weet?
  donderdag 20 maart 2014 @ 16:58:42 #165
12221 Tijn
Powered by MS Paint
pi_137970395
quote:
0s.gif Op donderdag 20 maart 2014 16:57 schreef RustCohle het volgende:

[..]

En waarom zou je in dit geval de strings aan elkaar moeten laten plakken? Ik dacht tot dusverre dat je juist $(varname) moest gebruiken ipv $("varname") of $('varname'), want die laatste twee gelden voor strings zover ik weet?
Ja, je wil ook $(varname). Daarom breek je de quotes af en plak je de variabele ertussen met plusjes.

1'hier staat een string ' + variabele + ' hier gaat de string verder'
  donderdag 20 maart 2014 @ 16:59:05 #166
84244 Scorpie
Abject en infaam!
pi_137970413
quote:
0s.gif Op donderdag 20 maart 2014 16:57 schreef RustCohle het volgende:

[..]

En waarom zou je in dit geval de strings aan elkaar moeten laten plakken? Ik dacht tot dusverre dat je juist $(varname) moest gebruiken ipv $("varname") of $('varname'), want die laatste twee gelden voor strings zover ik weet?
$(varname)

$('varname')

Bij de 1e zal JavaScript eerst proberen een variable te vinden met de naam varname waarna jQuery die variable als selector zal gebruiken om het element op te zoeken. Bij de tweede zal jQuery proberen een element te zoeken met de string 'varname' als selector.
Op dinsdag 13 augustus schreef Xa1pt:
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.
pi_137970508
quote:
7s.gif Op donderdag 20 maart 2014 16:59 schreef Scorpie het volgende:

[..]

$(varname)

$('varname')

Bij de 1e zal JavaScript eerst proberen een variable te vinden met de naam varname waarna jQuery die variable als selector zal gebruiken om het element op te zoeken. Bij de tweede zal jQuery proberen een element te zoeken met de string 'varname' als selector.
Woops het is harstikke logisch wat je zegt, maar op dit moment volg ik het totaal niet. Wat is het nou in dit geval ? :P

Want wat ik nu zie, is dat zowel de twee " als de ' wegkunnen zodat je gewoon (searchname) hebt.
  donderdag 20 maart 2014 @ 17:03:23 #168
12221 Tijn
Powered by MS Paint
pi_137970539
quote:
0s.gif Op donderdag 20 maart 2014 17:02 schreef RustCohle het volgende:

[..]

Woops het is harstikke logisch wat je zegt, maar op dit moment volg ik het totaal niet. Wat is het nou in dit geval ? :P

Want wat ik nu zie, is dat zowel de twee " als de ' wegkunnen zodat je gewoon (searchname) hebt.
Nee, dan heb je letterlijk de string "search_name". Wat je wil is de inhoud van de variabele search_name.

De uiteindelijke selector die je in je eigen voorbeeld wilt krijgen is bijvoorbeeld:

1$("#names li:contains('dingen')")

De string "dingen" zit in de variabele search_name. Dus om de inhoud van search_name neer te zetten waar nu "dingen" staat, breek je de string af (dubbele quote), plak je de variabele ertussen met plusjes en zet je weer een dubbele quote om verder te gaan met je string.

1$("#names li:contains('"+search_name+"')
  donderdag 20 maart 2014 @ 17:04:33 #169
84244 Scorpie
Abject en infaam!
pi_137970568
quote:
2s.gif Op donderdag 20 maart 2014 17:03 schreef Tijn het volgende:

[..]

Nee, dan heb je letterlijk de string "search_name". Wat je wil is de inhoud van de variabele search_name.

De uiteindelijke selector die je in je eigen voorbeeld wilt krijgen is bijvoorbeeld:
[ code verwijderd ]

De string "dingen" zit in de variabele search_name. Dus om de inhoud van search_name neer te zetten waar nu "dingen" staat, breek je de string af (dubbele quote), plak je de variabele ertussen met plusjes en zet je weer een dubbele quote om verder te gaan met je string.
Je vertelt het duidelijker dan ik deed.
Op dinsdag 13 augustus schreef Xa1pt:
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.
  donderdag 20 maart 2014 @ 17:06:20 #170
12221 Tijn
Powered by MS Paint
pi_137970615
quote:
14s.gif Op donderdag 20 maart 2014 17:04 schreef Scorpie het volgende:

[..]

Je vertelt het duidelijker dan ik deed.
Dank u B-)
pi_137975603
quote:
2s.gif Op donderdag 20 maart 2014 15:56 schreef Tijn het volgende:

[ code verwijderd ]

Nou, eerst voorbeeld 1: true is natuurlijk true, dus dat is logisch, toch?

Zolang de if true is, wordt code dus altijd uitgevoerd. Begrijpelijk, ik ben dit niet gewend, ik veronderstelde dat de if-statement alleen voor vergelijkingen kunt gebruiken, zoals if (test = true) { .. }.
quote:
[ code verwijderd ]

Voorbeeld 2 is waar het belangrijk wordt om te begrijpen hoe scoping en hoisting van variabelen werkt in Javascript.

Bovenin het script wordt een variabele "foo" gemaakt en daar wordt de waarde 1 aan gegeven. Vervolgens wordt de functie bar() gedefinieerd.

Je zou misschien zeggen dat de if-statement op 3 regel nu niet opgaat, omdat foo immers nog steeds 1 is. Maar dat is niet zo. Niet vanwege scoping (want binnen een functie heb je in Javascript toegang tot variabelen in de scope buiten de functie), maar wel vanwege "hoisting".

Omdat op regel 4 een lokale variabele "foo" wordt gemaakt (en van waarde 10 wordt voorzien), wordt de declaratie van deze variabele "gehoist" naar bovenin de functie. In feite gebeurt er dit:
[ code verwijderd ]

Dit volg ik niet helemaal.

1
2
3
4
5
6
7
8
var foo = 1;
function bar() {
    if (!foo) {
        var foo = 10;
    }
    alert(foo);
}
bar();

als var foo = 1 is, waarom voert-ie de if (!foo) {...} alsnog uit? Want als 1 = true is, dan zou if (!foo) false moeten zijn, lijkt mij. Dan zou de variabele foo op regel 4 niet gedeclareerd worden, en dus niet 'gehoist' naar bovenin de functie?
  donderdag 20 maart 2014 @ 19:36:59 #172
12221 Tijn
Powered by MS Paint
pi_137975882
quote:
0s.gif Op donderdag 20 maart 2014 19:31 schreef Robuustheid het volgende:

[..]

Dit volg ik niet helemaal.
[ code verwijderd ]

als var foo = 1 is, waarom voert-ie de if (!foo) {...} alsnog uit? Want als 1 = true is, dan zou if (!foo) false moeten zijn, lijkt mij. Dan zou de variabele foo op regel 4 niet gedeclareerd worden, en dus niet 'gehoist' naar bovenin de functie?
Omdat-ie vanwege het hoisten eerst een (lege!) lokale variabele aanmaakt op het moment dat de functie bar() begint. Omdat deze variabele dezelfde naam heeft als de globale variabele foo die buiten de functie was gemaakt, is deze niet langer beschikbaar binnen de functie. Daarom is foo ongedefinieerd op het moment dat de if-statement wordt uitgevoerd.
pi_137985394


Bovenstaande is een tabel

Hoe zorg ik er met css voor dat in niet de grijze rij (het gedeelte met de titel en tags) maar de witte rij (met link naar de download en stats) opgerekt wordt?

M.a.w. ik wil dat de grijze rij niet groter wordt dan hij moet zijn voor de content die er in staat
pi_137985627
Door geen tabel voor layout te gebruiken.
Bleuh.
pi_137985678
quote:
0s.gif Op donderdag 20 maart 2014 22:29 schreef TwyLight het volgende:
[ afbeelding ]

Bovenstaande is een tabel

Hoe zorg ik er met css voor dat in niet de grijze rij (het gedeelte met de titel en tags) maar de witte rij (met link naar de download en stats) opgerekt wordt?

M.a.w. ik wil dat de grijze rij niet groter wordt dan hij moet zijn voor de content die er in staat
Post even de relevante HTML structuur, en horizontaal opgerekt?
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.
  donderdag 20 maart 2014 @ 22:37:55 #176
118585 Crutch
Filantroop || Taalzwengel
pi_137985877
quote:
0s.gif Op donderdag 20 maart 2014 22:29 schreef TwyLight het volgende:
[ afbeelding ]

Bovenstaande is een tabel

Hoe zorg ik er met css voor dat in niet de grijze rij (het gedeelte met de titel en tags) maar de witte rij (met link naar de download en stats) opgerekt wordt?

M.a.w. ik wil dat de grijze rij niet groter wordt dan hij moet zijn voor de content die er in staat
Hahaha, ik snap geen fuck van wat je bedoelt!
Ironisch he? Want je probeert het uit te leggen.
Je moeder is een hamster
pi_137986129
quote:
0s.gif Op donderdag 20 maart 2014 22:33 schreef PimD het volgende:
Door geen tabel voor layout te gebruiken.
Ja, grappig, kan er weinig aan veranderen aangezien het niet mijn website is.
quote:
1s.gif Op donderdag 20 maart 2014 22:34 schreef esv7 het volgende:

[..]

Post even de relevante HTML structuur, en horizontaal opgerekt?
Best i can do (als ik de echte source bekijk wordt alles gegenereerd met javascript)



De eerste uitgeklapte TR is de grijze rij (inc cover) de tweede is de witte rij)
quote:
0s.gif Op donderdag 20 maart 2014 22:37 schreef Crutch het volgende:

[..]

Hahaha, ik snap geen fuck van wat je bedoelt!
Ironisch he? Want je probeert het uit te leggen.
In het screenshot zie je een witte TR met "x264 / MKV / Blu-ray / 720p / Scene" ik wil dat die rij naar boven toe uitgerekt wordt in plaats van de grijze die er boven staat naar beneden toe
pi_137986539
Hmmmm ik denk dat je de grijze td's gewoon een kleinere height moet geven waar je de witte td's eronder een grotere height geeft.
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_137986914
Hmm, ik ben dom, ik zat met de verkeerde class te kloten. No shit dat het niet werkte.

Het werkt nu

1
2
3
4
tr.group_torrent {
    height: 100%;
    vertical-align: top;
    }
pi_137987653
Je geeft height 70% van movie-list_details-row mee. De rest 30%.
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 &gt;:)
  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 &gt;:)
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;
}
Bleuh.
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
  vrijdag 28 maart 2014 @ 18:03:18 #211
12221 Tijn
Powered by MS Paint
pi_138269431
Blocks zijn dingen tussen curly braces.
pi_138269579
quote:
3s.gif Op vrijdag 28 maart 2014 18:03 schreef Tijn het volgende:
Blocks zijn dingen tussen curly braces.
Tsja. Dat is inderdaad zo. Ik wist niet dat let-variabelen daar zo nauw naar zouden luisteren.
pi_138279085
:P Gewoon even een ordinaire linkdump omdat ik vandaag erg blij was toen ik dit tegenkwam.

http://www.chartjs.org/docs/
  vrijdag 28 maart 2014 @ 21:48:08 #214
56176 Catch22-
Ben je Blind?!
pi_138279202
Ik heb onlangs een project met highcharts gedaan, ook een lekkere library
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_138280047
quote:
19s.gif Op vrijdag 28 maart 2014 21:45 schreef TwenteFC het volgende:
:P Gewoon even een ordinaire linkdump omdat ik vandaag erg blij was toen ik dit tegenkwam.

http://www.chartjs.org/docs/
Ziet er goed uit, maar helaas geen interactie. :P Ach, is ook niet altijd nodig.
pi_138280231
quote:
0s.gif Op vrijdag 28 maart 2014 21:48 schreef Catch22- het volgende:
Ik heb onlangs een project met highcharts gedaan, ook een lekkere library
Kost je voor commercieel gebruik wel geld helaas. :P Ach, het bedrijf waar je werkt zal die kleine licentie wel kunnen bekostigen. Zo duur is het niet.
pi_138280310
quote:
0s.gif Op vrijdag 28 maart 2014 21:48 schreef Catch22- het volgende:
highcharts
Ziet er ook fraai uit ja, een een bookmarkje waard. :P
  vrijdag 28 maart 2014 @ 22:08:39 #218
56176 Catch22-
Ben je Blind?!
pi_138280324
quote:
0s.gif Op vrijdag 28 maart 2014 22:06 schreef robin007bond het volgende:

[..]

Kost je voor commercieel gebruik wel geld helaas. :P Ach, het bedrijf waar je werkt zal die kleine licentie wel kunnen bekostigen. Zo duur is het niet.
Was een project voor een multinational met een miljardenomzet, dus dan is die 3k niet zon probleem :)
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_138281920
quote:
1s.gif Op vrijdag 28 maart 2014 22:08 schreef Catch22- het volgende:

[..]

Was een project voor een multinational met een miljardenomzet, dus dan is die 3k niet zon probleem :)
Tof. Lijkt me best spannend, zo'n verantwoordelijkheid. :@
  vrijdag 28 maart 2014 @ 22:46:55 #220
56176 Catch22-
Ben je Blind?!
pi_138282138
quote:
1s.gif Op vrijdag 28 maart 2014 22:42 schreef robin007bond het volgende:

[..]

Tof. Lijkt me best spannend, zo'n verantwoordelijkheid. :@
Is t ook. Maar ik doe alleen dingen waarvan ik weet dat ik t kan
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_138304262
Zat eens te kijken op CodeCademy en zag wat vreemds in de code.

1
2
3
4
   add: function(itemCost){
        this.total += (itemCost || 0);
        this.lastTransactionAmount = itemCost;
    }

Vanwaar bij regelnummer 2 de || operator? Volgens mij willen ze de itemCost optellen bij total als die waarde er is, en anders er 0 bij optellen. Maar waarom? Als de parameter zou slaan op false dan wordt er sowieso 0 bij opgeteld toch?

En je kunt functies die parameters vereisen niet aanroepen zonder een parameter aan te geven toch? Dus die (itemCost ||"0) lijkt me erg overbodig. Kan dat niet gewoon:

1this.total += itemCost;

zijn?

Het gaat om deze opdracht:

http://www.codecademy.com(...)24b3a7dffd00020bf661

Wel goed dat ze je de object literal notation leren. :D

[ Bericht 3% gewijzigd door #ANONIEM op 29-03-2014 19:22:04 ]
pi_138305087
Wat is Leaflet trouwens echt een heerlijke library. O+

http://leafletjs.com/

Mijn project met Leaflet gaat echt zeer soepeltjes. :)
  zaterdag 29 maart 2014 @ 23:20:41 #223
12221 Tijn
Powered by MS Paint
pi_138314849
quote:
0s.gif Op zaterdag 29 maart 2014 19:14 schreef robin007bond het volgende:
Zat eens te kijken op CodeCademy en zag wat vreemds in de code.
[ code verwijderd ]

Vanwaar bij regelnummer 2 de || operator? Volgens mij willen ze de itemCost optellen bij total als die waarde er is, en anders er 0 bij optellen. Maar waarom? Als de parameter zou slaan op false dan wordt er sowieso 0 bij opgeteld toch?

En je kunt functies die parameters vereisen niet aanroepen zonder een parameter aan te geven toch? Dus die (itemCost ||"0) lijkt me erg overbodig. Kan dat niet gewoon:
[ code verwijderd ]

zijn?

Het gaat om deze opdracht:

http://www.codecademy.com(...)24b3a7dffd00020bf661

Wel goed dat ze je de object literal notation leren. :D
"|| value" is in Javascript een standaardsyntax voor het opgeven van een alternatieve waarde als een variabele niet beschikbaar is. Door || 0 hier te schrijven zijn er voor een ervaren Javascript-programmeur onmiddellijk 2 dingen duidelijk aan deze functie:

1) itemCost is een optioneel argument
2) de standaardwaarde van itemCost is 0

De reden dat je dit toch zou schrijven in plaats van het weg te laten (omdat het inderdaad in dit geval niet veel doet) is het verduidelijken van de code en het makkelijker te maken toekomstige aanpassingen te verwerken. Je helpt als het ware je toekomstige collega door je code op deze manier op te schrijven.

quote:
En je kunt functies die parameters vereisen niet aanroepen zonder een parameter aan te geven toch?
Dat kan dus wel :) Javascript flexibility powerrrr :7

[ Bericht 2% gewijzigd door Tijn op 29-03-2014 23:34:10 ]
pi_138320778
quote:
2s.gif Op zaterdag 29 maart 2014 23:20 schreef Tijn het volgende:

[..]

"|| value" is in Javascript een standaardsyntax voor het opgeven van een alternatieve waarde als een variabele niet beschikbaar is. Door || 0 hier te schrijven zijn er voor een ervaren Javascript-programmeur onmiddellijk 2 dingen duidelijk aan deze functie:

1) itemCost is een optioneel argument
2) de standaardwaarde van itemCost is 0

De reden dat je dit toch zou schrijven in plaats van het weg te laten (omdat het inderdaad in dit geval niet veel doet) is het verduidelijken van de code en het makkelijker te maken toekomstige aanpassingen te verwerken. Je helpt als het ware je toekomstige collega door je code op deze manier op te schrijven.

[..]

Dat kan dus wel :) Javascript flexibility powerrrr :7
Heel erg bedankt Tijn. Held!

Zoiets dacht ik al, maar ik wist het dus niet zeker.

Kun je dan niet net zo goed dit doen?

1
2
function blabla(getal = 0) {
}

:@
Dat ben ik gewend uit andere talen en vind ik persoonlijk ook logischer en makkelijker te lezen. Daarnaast is het schaalbaarder omdat je dan niet bij alles wat je met itemCost doet zo'n "value || 0" moet gebruiken.

[ Bericht 8% gewijzigd door #ANONIEM op 30-03-2014 10:35:05 ]
  zondag 30 maart 2014 @ 10:58:55 #225
137776 boem-dikkie
Jedi Mind Baby!
pi_138321349
quote:
2s.gif Op zaterdag 29 maart 2014 23:20 schreef Tijn het volgende:

[..]

"|| value" is in Javascript een standaardsyntax voor het opgeven van een alternatieve waarde als een variabele niet beschikbaar is. Door || 0 hier te schrijven zijn er voor een ervaren Javascript-programmeur onmiddellijk 2 dingen duidelijk aan deze functie:

1) itemCost is een optioneel argument
2) de standaardwaarde van itemCost is 0

De reden dat je dit toch zou schrijven in plaats van het weg te laten (omdat het inderdaad in dit geval niet veel doet) is het verduidelijken van de code en het makkelijker te maken toekomstige aanpassingen te verwerken. Je helpt als het ware je toekomstige collega door je code op deze manier op te schrijven.

[..]

Dat kan dus wel :) Javascript flexibility powerrrr :7
Haha flexibility power. :')
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
  zondag 30 maart 2014 @ 10:59:12 #226
137776 boem-dikkie
Jedi Mind Baby!
pi_138321359
quote:
1s.gif Op zondag 30 maart 2014 10:26 schreef robin007bond het volgende:

[..]

Heel erg bedankt Tijn. Held!

Zoiets dacht ik al, maar ik wist het dus niet zeker.

Kun je dan niet net zo goed dit doen?
[ code verwijderd ]

:@
Dat ben ik gewend uit andere talen en vind ik persoonlijk ook logischer en makkelijker te lezen. Daarnaast is het schaalbaarder omdat je dan niet bij alles wat je met itemCost doet zo'n "value || 0" moet gebruiken.
Ik doe het ook zo inderdaad.
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
  zondag 30 maart 2014 @ 13:05:28 #227
12221 Tijn
Powered by MS Paint
pi_138324416
quote:
14s.gif Op zondag 30 maart 2014 10:59 schreef boem-dikkie het volgende:

[..]

Ik doe het ook zo inderdaad.
Dat is bijzonder, want het is geen valide syntax in Javascript.
  zondag 30 maart 2014 @ 13:12:51 #228
137776 boem-dikkie
Jedi Mind Baby!
pi_138324537
quote:
2s.gif Op zondag 30 maart 2014 13:05 schreef Tijn het volgende:

[..]

Dat is bijzonder, want het is geen valide syntax in Javascript.
Oh ik bedoelde in PHP.
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
  zondag 30 maart 2014 @ 13:13:12 #229
12221 Tijn
Powered by MS Paint
pi_138324546
quote:
14s.gif Op zondag 30 maart 2014 13:12 schreef boem-dikkie het volgende:

[..]

Oh ik bedoelde in PHP.
Ja, dat is ook een programmeertaal.
  zondag 30 maart 2014 @ 13:16:13 #230
137776 boem-dikkie
Jedi Mind Baby!
pi_138324606
:D
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
  zondag 30 maart 2014 @ 13:21:32 #231
12221 Tijn
Powered by MS Paint
pi_138324717
quote:
1s.gif Op zondag 30 maart 2014 10:26 schreef robin007bond het volgende:

[..]

Heel erg bedankt Tijn. Held!

Zoiets dacht ik al, maar ik wist het dus niet zeker.

Kun je dan niet net zo goed dit doen?
[ code verwijderd ]

:@
Dat ben ik gewend uit andere talen en vind ik persoonlijk ook logischer en makkelijker te lezen. Daarnaast is het schaalbaarder omdat je dan niet bij alles wat je met itemCost doet zo'n "value || 0" moet gebruiken.
Zoals hierboven al is gezegd, is dat dus geen valide syntax in Javascript. Je zult het met de || operator moeten doen.

Jezelf herhalen is natuurlijk een grote nono (Don't Repeat Yourself!), dus als je op meerdere plaatsen deze variabele nodig hebt, dan zorg je bovenaan je functie dat de juiste waarde in wordt gevuld.

1
2
3
4
5
6
7
8
9
function something(x, y, z) {
  var defaultValue = 0;
  x = x || defaultValue;
  y = y || defaultValue;
  z = z || defaultValue;
  
  /* hier allerlei berekening waarbij je x, y en z gebruikt 
     en uiteindelijk iets teruggeeft */
}


[ Bericht 0% gewijzigd door Tijn op 30-03-2014 13:30:38 ]
pi_138325267
quote:
2s.gif Op zondag 30 maart 2014 13:21 schreef Tijn het volgende:

[..]

Zoals hierboven al is gezegd, is dat dus geen valide syntax in Javascript. Je zult het met de || operator moeten doen.

Jezelf herhalen is natuurlijk een grote nono (Don't Repeat Yourself!), dus als je op meerdere plaatsen deze variabele nodig hebt, dan zorg je bovenaan je functie dat de juiste waarde in wordt gevuld.
[ code verwijderd ]

Dat is inderdaad een mooie manier om herhaling te voorkomen.

Ik mis dan wel die manier van optionele parameters zoals je dat wel hebt in andere talen. Volgens mij introduceren ze dat niet in ECMAScript 6. :'(
  zondag 30 maart 2014 @ 13:59:10 #233
12221 Tijn
Powered by MS Paint
pi_138325635
quote:
0s.gif Op zondag 30 maart 2014 13:43 schreef robin007bond het volgende:

[..]

Dat is inderdaad een mooie manier om herhaling te voorkomen.

Ik mis dan wel die manier van optionele parameters zoals je dat wel hebt in andere talen. Volgens mij introduceren ze dat niet in ECMAScript 6. :'(
Het is ook niet nodig in Javascript, alle argumenten zijn standaard optioneel.
pi_138327405
quote:
2s.gif Op zondag 30 maart 2014 13:59 schreef Tijn het volgende:

[..]

Het is ook niet nodig in Javascript, alle argumenten zijn standaard optioneel.
Dat vind ik niet netjes!
  zondag 30 maart 2014 @ 20:24:11 #235
118161 maikel112
100% Radio Active
pi_138337456
Iemand die mij uit de brand kan helpen.
Toen ik mijn Wordpress website had opgezet een aantal jaar geleden werd automatisch bij elke pagina "| website naam" toegevoegd achter elke pagina titel.

Nu wil ik dit weer realiseren, met uitzondering van de homepage.
De code die ik nu heb is als volgt:
1<title><?php if (is_home () ) { bloginfo('name'); } elseif ( is_category() ) { single_cat_title(); echo ' - ' ; bloginfo('name'); } elseif (is_single() ) { single_post_title(); } elseif (is_page() ) { single_post_title(); } elseif ( is_404() ) { echo 'Pagina niet gevonden'; } else { wp_title('',true); } ?></title>

Waar voeg ik de statische titel toe....?
  zondag 30 maart 2014 @ 20:25:54 #236
84244 Scorpie
Abject en infaam!
pi_138337527
Niet in dit topic.
Op dinsdag 13 augustus schreef Xa1pt:
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.
  zondag 30 maart 2014 @ 20:51:10 #237
118011 BrainOverfloW
Fok! around the Clock!
pi_138338909
quote:
0s.gif Op zondag 30 maart 2014 20:24 schreef maikel112 het volgende:
Iemand die mij uit de brand kan helpen.
Toen ik mijn Wordpress website had opgezet een aantal jaar geleden werd automatisch bij elke pagina "| website naam" toegevoegd achter elke pagina titel.

Nu wil ik dit weer realiseren, met uitzondering van de homepage.
De code die ik nu heb is als volgt:
[ code verwijderd ]

Waar voeg ik de statische titel toe....?
Waarschijnlijk kunnen ze je hier beter helpen :)
DIG / [Wordpress] Algemeen topic deel 8
DIG / [PHP/(My)SQL] voor dummies #114
Whether or not you can become great at something, you can always become better.
And one day you'll wake up and find out how good you actually became, having transcended whatever limits you might have thought you couldn't pass.
Neil Degrasse Tyson
  zondag 30 maart 2014 @ 20:57:10 #238
118161 maikel112
100% Radio Active
pi_138339275
ok, bedankt
  zondag 30 maart 2014 @ 22:28:47 #239
12221 Tijn
Powered by MS Paint
pi_138344397
quote:
9s.gif Op zondag 30 maart 2014 15:05 schreef robin007bond het volgende:

[..]

Dat vind ik niet netjes!
De laatste video van Crockfords YUI Theater serie over Javascript gaat over hoe om te gaan met dit soort irrationele gevoelens ;)
pi_138344436
quote:
12s.gif Op zondag 30 maart 2014 22:28 schreef Tijn het volgende:

[..]

De laatste video van Crockfords YUI Theater serie over Javascript gaat over hoe om te gaan met dit soort irrationele gevoelens ;)
Ik vind het juist een heel rationeel gevoel. :@

Maar ik ben benieuwd! Ik heb het nog niet helemaal afgekeken.
pi_138346338
zitten hier nog mensen met ervaring met underscore.js?
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.
  zondag 30 maart 2014 @ 23:05:42 #242
56176 Catch22-
Ben je Blind?!
pi_138346502
quote:
11s.gif Op zondag 30 maart 2014 23:02 schreef esv7 het volgende:
zitten hier nog mensen met ervaring met underscore.js?
Heb de docs wel eens bekeken. Zoveel stelt t niet voor toch?
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_138349796
quote:
1s.gif Op zondag 30 maart 2014 23:05 schreef Catch22- het volgende:

[..]

Heb de docs wel eens bekeken. Zoveel stelt t niet voor toch?
Dit. Zit wel een aantal handige helper functies in, ik zie wel situaties waarin ik dat zou willen gebruiken.
pi_138353956
quote:
1s.gif Op zondag 30 maart 2014 23:05 schreef Catch22- het volgende:

[..]

Heb de docs wel eens bekeken. Zoveel stelt t niet voor toch?
quote:
14s.gif Op maandag 31 maart 2014 00:39 schreef picodealion het volgende:

[..]

Dit. Zit wel een aantal handige helper functies in, ik zie wel situaties waarin ik dat zou willen gebruiken.
Oké, ik ben namelijk bezig met mij te verdiepen in AngularJS, maar het wordt een beetje veel bij elkaar. Ik heb verder nog geen ervaring met yeoman et cetera. En er werd in een tutorial aangeraden om functional javascript te lezen, wat er weer vanuit gaat dat je met underscore.js kan werken.
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.
  maandag 31 maart 2014 @ 09:07:08 #245
56176 Catch22-
Ben je Blind?!
pi_138353979
Het is toch gewoon een uitgebreide string helper?
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_138358004
quote:
0s.gif Op maandag 31 maart 2014 09:07 schreef Catch22- het volgende:
Het is toch gewoon een uitgebreide string helper?
Een library met functies, wel meer dan alleen string's. Alleen op een van de eerste bladzijden van functional programming krijg je dit al:



En gaan ze ervan uit dat je dit al begrijpt, wat niet het geval is. Daarom laat ik functional programming nog maar even voor wat het is.
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.
  maandag 31 maart 2014 @ 12:12:57 #247
84244 Scorpie
Abject en infaam!
pi_138358049
quote:
0s.gif Op maandag 31 maart 2014 12:10 schreef esv7 het volgende:

[..]

Een library met functies, wel meer dan alleen string's. Alleen op een van de eerste bladzijden van functional programming krijg je dit al:

[ afbeelding ]

En gaan ze ervan uit dat je dit al begrijpt, wat niet het geval is. Daarom laat ik functional programming nog maar even voor wat het is.
Dat heeft niet zoveel met underscore of angular te maken. Daarnaast is je voorbeeld voor de meeste (ervaren) programmeurs wel te lezen.
Op dinsdag 13 augustus schreef Xa1pt:
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.
pi_138360816
quote:
7s.gif Op maandag 31 maart 2014 12:12 schreef Scorpie het volgende:

[..]

Dat heeft niet zoveel met underscore of angular te maken. Daarnaast is je voorbeeld voor de meeste (ervaren) programmeurs wel te lezen.
De structuur begrijp ik wel grotendeels, alleen de underscore functies ken ik niet, en die staan ook niet uitgelegd of beschreven oid. En ik kwam hier bij omdat er in een AngularJs tutorial werd geadviseerd om dit boek te lezen.
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.
  maandag 31 maart 2014 @ 14:03:30 #249
56176 Catch22-
Ben je Blind?!
pi_138361595
quote:
0s.gif Op maandag 31 maart 2014 13:40 schreef esv7 het volgende:

[..]

De structuur begrijp ik wel grotendeels, alleen de underscore functies ken ik niet, en die staan ook niet uitgelegd of beschreven oid. En ik kwam hier bij omdat er in een AngularJs tutorial werd geadviseerd om dit boek te lezen.
Gewoon in de docs checken wat die functies doen :) Dat heb ik namelijk net ook gedaan. Je moet voor jezelf als je iets niet snapt, het blokje code in stukjes opdelen en ze piece-by-piece opzoeken en proberen 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?
  maandag 31 maart 2014 @ 17:08:29 #250
268341 Xaryna
Ecchi yaoi
pi_138368236
Ik was aan het prutsen voor de lol, en ik heb een probleem ;(

Ik heb een pagina gemaakt met html/css waarbij er een zooi afbeeldingen naast elkaar staan, met float. Elke afbeelding staat in een eigen div, en alle divs met afbeeldingen staan in een div.

Nou heb ik met jQuery er een mooi dingetje opgepleurt waardoor de afbeeldingen faden naar 0,3 opacity, maar ik wil dat er achter die afbeeldingen een logo komt te staan. Dit lukt me niet! Ik heb een backgroundimg bij de afbeeldingen geprobeerd, en een afbeelding in de divs van de afbeeldingen. En het werkt niet.

Als ik height en width opgeef bij de backgroundimg, float de boel niet meer en is er nog steeds geen background. Wat doe ik verkeerd? :@

Voorbeeld html:
1
2
3
4
5
6
7
8
            <div class="producten">
                <div class="product1">
                    <img src="images/1p/1pbed_1.jpg" alt="" class="fade" />
                </div>
                <div class="product2">
                    <img src="images/1p/1pbed_2.jpg" alt="" class="fade" />
                </div>
            </div>
Voorbeeld CSS:
1
2
3
4
5
6
7
8
9
10
11
12
13
.producten img {
    display: block;
    height: 200px;
    width: 300px;
    margin: 10px 0px 10px 15px;
    float: left;
    background-image: url("../images/1p/product_bg.jpg") no-repeat top left;
}

.product1 {
    background-image: url("../images/1p/product_bg.jpg") no-repeat;
    display: block;
}
.producten div {} werkte ook niet en ik doe vast iets doms ergens.

[ Bericht 1% gewijzigd door Xaryna op 31-03-2014 17:18:19 ]
Chocoladetaartjes.
Op donderdag 25 juli 2013 18:44 schreef trovey het volgende: Evert, de vrouwelijke versie. :P
pi_138368340
Als alternatief voor Underscore kan ik SugarJS aanbevelen.
Heeft ook de mogelijkheid om een eigen download samen te stellen door onderdelen weg te laten.
When the student is ready, the teacher will appear.
When the student is truly ready, the teacher will disappear.
  maandag 31 maart 2014 @ 17:23:54 #252
12221 Tijn
Powered by MS Paint
pi_138368745
quote:
0s.gif Op maandag 31 maart 2014 17:08 schreef Xaryna het volgende:
Ik was aan het prutsen voor de lol, en ik heb een probleem ;(

Ik heb een pagina gemaakt met html/css waarbij er een zooi afbeeldingen naast elkaar staan, met float. Elke afbeelding staat in een eigen div, en alle divs met afbeeldingen staan in een div.

Nou heb ik met jQuery er een mooi dingetje opgepleurt waardoor de afbeeldingen faden naar 0,3 opacity, maar ik wil dat er achter die afbeeldingen een logo komt te staan. Dit lukt me niet! Ik heb een backgroundimg bij de afbeeldingen geprobeerd, en een afbeelding in de divs van de afbeeldingen. En het werkt niet. Als ik height en width opgeef bij de backgroundimg, float de boel niet meer. Wat doe ik verkeerd? :@

Voorbeeld html:
[ code verwijderd ]

Voorbeeld CSS:
[ code verwijderd ]

.producten div {} werkte ook niet en ik doe vast iets doms ergens.
Volgens mij is het probleem dat parents niet over hun children heen kunnen vallen qua z-index. Daarom staat je plaatje altijd over de achtergrond heen, waardoor je de achtergrond niet ziet.

Ik zou er zoiets van maken, dan heb je dit probleem niet:

1
2
3
4
5
6
7
8
9
10
<ul class="producten">
  <li>
    <img src="product1.jpg" alt="" />
    <img class="logo" src="logo.png" alt="" />
  </li>
  <li>
    <img src="product2.jpg" alt="" />
    <img class="logo" src="logo.png" alt="" />
  </li>
</ul>

1
2
3
4
5
6
7
8
9
10
11
12
13
.producten li
{
  position: relative;
  float: left;
  width: 300px;
  height: 200px;
}
  .producten li .logo
  {
    position: absolute;
    top: 10px;
    left: 10px;
  }
  maandag 31 maart 2014 @ 17:32:16 #253
12221 Tijn
Powered by MS Paint
pi_138369021
Of bedoel je dat je het logo echter ACHTER je plaatje wilt hebben? Is dat waarom je het plaatje ook doorzichtig maakt? In dat geval zou dit moeten werken:

1
2
3
4
5
6
7
8
9
10
11
12
13
.producten div {
    display: block;
    height: 200px;
    width: 300px;
    margin: 10px 0px 10px 15px;
    float: left;
    background-image: url("logo.png");
    background-repeat: no-repeat;
    background-position: 10px 10px;
}
.producten img {
  opacity: 0.3;
}

Er zat sowieso volgens mij een fout in de syntax van je background-image-regel. Ik weet niet uit m'n hoofd wat de shorthandnotatie daarvan is, maar ik vermoed dat het alleen werkt met de key "background" en niet met "background-image".
  maandag 31 maart 2014 @ 17:48:40 #254
268341 Xaryna
Ecchi yaoi
pi_138369534
quote:
3s.gif Op maandag 31 maart 2014 17:32 schreef Tijn het volgende:
Of bedoel je dat je het logo echter ACHTER je plaatje wilt hebben? Is dat waarom je het plaatje ook doorzichtig maakt? In dat geval zou dit moeten werken:
[ code verwijderd ]

Er zat sowieso volgens mij een fout in de syntax van je background-image-regel. Ik weet niet uit m'n hoofd wat de shorthandnotatie daarvan is, maar ik vermoed dat het alleen werkt met de key "background" en niet met "background-image".
Het werkt nu wel, ik heb nu idd de hele bups op de div gezet ipv de img. Dank je, hij doet het! ^O^
Chocoladetaartjes.
Op donderdag 25 juli 2013 18:44 schreef trovey het volgende: Evert, de vrouwelijke versie. :P
  maandag 31 maart 2014 @ 17:50:54 #255
12221 Tijn
Powered by MS Paint
pi_138369604
"display: block" is trouwens niet nodig als je een element float, want hij wordt dan automatisch een block.
  maandag 31 maart 2014 @ 17:51:29 #256
268341 Xaryna
Ecchi yaoi
pi_138369623
quote:
6s.gif Op maandag 31 maart 2014 17:50 schreef Tijn het volgende:
"display: block" is trouwens niet nodig als je een element float, want hij wordt dan automatisch een block.
Ik kwam dat tegen bij zoeken naar oplossingen. :@

Het resultaat is trouwens echt foeilelijk. *O*
Chocoladetaartjes.
Op donderdag 25 juli 2013 18:44 schreef trovey het volgende: Evert, de vrouwelijke versie. :P
pi_138412611
Ik mis toch wel multithreading in JavaScript. Ja, je hebt workers maar dan kun je niks doen met de DOM. Ik snap het wel, omdat het anders niet thread safe is, maar toch.

Een kaartenmap die een JSON uitleest en daarvan 60.000 markers op een kaart zit. Jullie kunnen je voorstellen dat die dan even hangt.

setTimeout was geen oplossing.
pi_138415970
Ik heb ooit een wrapper functie gemaakt die een for-loop nabootst maar op gezette intervals een setTimeout gebruikt om de browser even ruimte te geven. Je kan dan aangeven hoeveel iteraties per keer je wil laten draaien, heeft voor mij een bepaalde pagina waar duizenden records in moesten worden verwerkt een boel performance-problemen opgelost. Zal 'm even opzoeken.
pi_138416053
quote:
3s.gif Op dinsdag 1 april 2014 22:19 schreef picodealion het volgende:
Ik heb ooit een wrapper functie gemaakt die een for-loop nabootst maar op gezette intervals een setTimeout gebruikt om de browser even ruimte te geven. Je kan dan aangeven hoeveel iteraties per keer je wil laten draaien, heeft voor mij een bepaalde pagina waar duizenden records in moesten worden verwerkt een boel performance-problemen opgelost. Zal 'm even opzoeken.
Thanks! Dat zou mij erg helpen.
pi_138416637
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
function fragmentedFor(arguments)
{
    var fragmentLength, totalLoops, runEachLoop, runWhenDone, start;

    var init = function() {

        fragmentLength = arguments.fragmentLength || 10;
        totalLoops     = arguments.totalLoops;
        runEachLoop    = arguments.runEachLoop;
        runWhenDone    = arguments.runWhenDone;
        start          = arguments.start || 0;

        runNextFragment();
    }

    var runNextFragment = function()
    {
        var end = start + fragmentLength;

        for(var i = start; i < Math.min(end, getTotal()); i++) {
            runEachLoop( i );
        }

        start += fragmentLength;

        if(start < getTotal()) {
            setTimeout(runNextFragment, 1);
        } else { 
            runWhenDone();
        }
    }

    var getTotal = function() {
        // allows totalLoops argument to be either a variable or a function
        return typeof(mightBeAFunction) === 'function';
    }

    init();
}

Weet niet of 'ie een beetje netjes is, maar hij werkt als volgt:

ipv bijvoorbeeld
1
2
3
4
5
6
for(var i = 0; i < 10000; i++)
{
     console.log(i);
}

doeIetsNaDeForLoop();

doe je
1
2
3
4
5
6
7
8
9
fragmentedFor({
    fragmentLength: 100, // aantal iteraties door de for-loop per keer, optioneel. default is 10
    totalLoops: 10000,
    runEachLoop: function(i) {
        console.log(i);
    },
    runWhenDone: doeIetsNaDeForLoop,
    start: 0 // optioneel, default is al 0
});

runEachLoop is dus de functie die in de body van for() staat, runWhenDone is een callback functien= als 'ie klaar is.

totalLoops kan zowel een nummer als een functie zijn (die dus een getal moet returnen), dit had ik ooit nodig omdat het totaal werd verminderd doordat de runEachLoop elementen uit een array haalde en dus de loop onderweg korter werd.
  dinsdag 1 april 2014 @ 22:40:42 #261
56176 Catch22-
Ben je Blind?!
pi_138417197
quote:
9s.gif Op dinsdag 1 april 2014 21:19 schreef robin007bond het volgende:
Ik mis toch wel multithreading in JavaScript. Ja, je hebt workers maar dan kun je niks doen met de DOM. Ik snap het wel, omdat het anders niet thread safe is, maar toch.

Een kaartenmap die een JSON uitleest en daarvan 60.000 markers op een kaart zit. Jullie kunnen je voorstellen dat die dan even hangt.

setTimeout was geen oplossing.
Google maps? Dan kan je sowieso clusters gebruiken.

En dat zijn wel lomp veel markers. Ben benieuwd naar de use-case, want dat lijkt me geen werkbare situatie.
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?
  woensdag 2 april 2014 @ 00:22:25 #262
12221 Tijn
Powered by MS Paint
pi_138422667
quote:
1s.gif Op dinsdag 1 april 2014 22:40 schreef Catch22- het volgende:

[..]

Google maps? Dan kan je sowieso clusters gebruiken.

En dat zijn wel lomp veel markers. Ben benieuwd naar de use-case, want dat lijkt me geen werkbare situatie.
Ja, het lijkt mij op het eerste gezicht niet heel user friendly om 60.000 markers aan te bieden, los van de performance.

[ Bericht 0% gewijzigd door Tijn op 02-04-2014 00:47:10 ]
  woensdag 2 april 2014 @ 00:39:14 #263
84244 Scorpie
Abject en infaam!
pi_138423123
60k aan markers :D ik zou even teruggaan naar de klant.
Op dinsdag 13 augustus schreef Xa1pt:
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.
  woensdag 2 april 2014 @ 08:35:13 #264
137776 boem-dikkie
Jedi Mind Baby!
pi_138425924
Inderdaad. Hoe valt 60k markers in godsnaam te verantwoorden. :')
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
  woensdag 2 april 2014 @ 17:46:36 #265
118011 BrainOverfloW
Fok! around the Clock!
pi_138441729
SlexAxton twitterde op donderdag 13-03-2014 om 21:29:32 Great. I read the wrong <canvas> tutorial and now there's oil paint all over my monitor. reageer retweet
Het belang van goede tutorials om iets te leren O-)
Whether or not you can become great at something, you can always become better.
And one day you'll wake up and find out how good you actually became, having transcended whatever limits you might have thought you couldn't pass.
Neil Degrasse Tyson
  woensdag 2 april 2014 @ 18:00:54 #266
166255 Maringo
Bèhèhèhèh
pi_138442160
quote:
10s.gif Op woensdag 2 april 2014 08:35 schreef boem-dikkie het volgende:
Inderdaad. Hoe valt 60k markers in godsnaam te verantwoorden. :')
Waarom niet?

Je hebt databases met locaties van bomen, OV haltes, horecagelegenheden en zo nog veel meer. Dan kom je makkelijk aan de 60K. Dat het niet verstandig is om ze allemaal tegelijk te laden, dat is een ander verhaal.
Die volg topic-knop hè...
Op 02-06-2014 16:38 schreef Moeraskat
Je bent te goed voor de mensheid.
pi_138442245
quote:
2s.gif Op woensdag 2 april 2014 18:00 schreef Maringo het volgende:

[..]

Waarom niet?

Je hebt databases met locaties van bomen, OV haltes, horecagelegenheden en zo nog veel meer. Dan kom je makkelijk aan de 60K. Dat het niet verstandig is om ze allemaal tegelijk te laden, dat is een ander verhaal.
Daarom dus.
pi_138443161
quote:
1s.gif Op dinsdag 1 april 2014 22:40 schreef Catch22- het volgende:

[..]

Google maps? Dan kan je sowieso clusters gebruiken.

En dat zijn wel lomp veel markers. Ben benieuwd naar de use-case, want dat lijkt me geen werkbare situatie.
Clusters gebruik ik al. :)

En er komen nog filteropties en dergelijke. Dus dat komt wel goed. :P Die laden alleen op het moment dat de gebruiker kiest de gegevens op te halen. Maar als de gebruiker alles wil zien dan krijgt hij ook alles te zien.

Zat al te denken dat ik alleen markers uit een bepaald gebied ophaal om het voor tablets wat beter te maken.

[ Bericht 6% gewijzigd door #ANONIEM op 02-04-2014 18:55:12 ]
  woensdag 2 april 2014 @ 19:09:41 #269
12221 Tijn
Powered by MS Paint
pi_138444273
Je kunt een gebruiker nooit 60.000 markers presenteren op een kaart. Daar heeft niemand wat aan.
pi_138444345
quote:
2s.gif Op woensdag 2 april 2014 19:09 schreef Tijn het volgende:
Je kunt een gebruiker nooit 60.000 markers presenteren op een kaart. Daar heeft niemand wat aan.
In clusters maakt dat toch weinig uit. Voorbeeld:

http://leaflet.github.io/(...)realworld.50000.html

Tiles doen het niet in het voorbeeld.

[ Bericht 3% gewijzigd door #ANONIEM op 02-04-2014 19:12:16 ]
  woensdag 2 april 2014 @ 19:22:05 #271
12221 Tijn
Powered by MS Paint
pi_138444912
Maar dan presenteer je geen 60.000 markers, dat is juist het punt :P

De performance van je voorbeeld is trouwens best acceptabel toch? En dat is met 50.000 markers, dus waarom zou 60.000 dan een probleem zijn?
  woensdag 2 april 2014 @ 19:23:24 #272
84244 Scorpie
Abject en infaam!
pi_138444976
Geen gebruiker zit te wachten op 60.000 markers op zijn tablet of scherm. Geen enkele.
Op dinsdag 13 augustus schreef Xa1pt:
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.
pi_138446036
quote:
2s.gif Op woensdag 2 april 2014 19:22 schreef Tijn het volgende:
Maar dan presenteer je geen 60.000 markers, dat is juist het punt :P

De performance van je voorbeeld is trouwens best acceptabel toch? En dat is met 50.000 markers, dus waarom zou 60.000 dan een probleem zijn?
Oké, anders verwoord. 60.000 markers worden dus nooit in één keer gepresenteerd. Geen zorgen.

En de performance is wel acceptabel, maar probeer het maar even op een mobiel apparaat uit. ;) Daarnaast is het bij mij nog een JSON die via asynchroon wordt ingelezen en waar nog wat info bij zit.
  woensdag 2 april 2014 @ 20:01:33 #274
12221 Tijn
Powered by MS Paint
pi_138447034
quote:
0s.gif Op woensdag 2 april 2014 19:42 schreef robin007bond het volgende:

[..]

Oké, anders verwoord. 60.000 markers worden dus nooit in één keer gepresenteerd. Geen zorgen.

En de performance is wel acceptabel, maar probeer het maar even op een mobiel apparaat uit. ;) Daarnaast is het bij mij nog een JSON die via asynchroon wordt ingelezen en waar nog wat info bij zit.
Ik zou de hele boel filteren voordat je het aan de user presenteert. Bij voorkeur al in de service die de JSON genereert. Het is gewoon veel te veel data voor een persoon om te kunnen verwerken. Je kunt denk ik beter de service een paar keer aanroepen en nieuwe data opvragen dan dit allemaal in 1x naar de client te willen pushen, laat staan het in de DOM te gooien.
pi_138447302
quote:
2s.gif Op woensdag 2 april 2014 20:01 schreef Tijn het volgende:

[..]

Ik zou de hele boel filteren voordat je het aan de user presenteert. Bij voorkeur al in de service die de JSON genereert. Het is gewoon veel te veel data voor een persoon om te kunnen verwerken. Je kunt denk ik beter de service een paar keer aanroepen en nieuwe data opvragen dan dit allemaal in 1x naar de client te willen pushen, laat staan het in de DOM te gooien.
Dat is ook de bedoeling, maar er kan een user zijn die geen filteropties seelecteert. :)

En dit wordt nu al in de JSON gegenereerd server-side. Don't worry. Maar ik wil het enkel voor het zeldzame geval dat een gebruiker echt alle filteropties uitzet en vervolgens op "Gegevens ophalen" drukt o.i.d. De JSON wordt dynamisch gegenereerd op basis van de filteropties. Ik ga geen 60.000 items in een JSON iedere keer versturen. :P

[ Bericht 8% gewijzigd door #ANONIEM op 02-04-2014 20:07:09 ]
pi_138559276
1<font color=#FF0000>Value 1 must be a number</font><script>document.forms[0].value1.focus();</script>

Waar staat de [0] in forms voor?
  zondag 6 april 2014 @ 01:20:03 #277
84244 Scorpie
Abject en infaam!
pi_138559362
quote:
0s.gif Op zondag 6 april 2014 01:15 schreef Robuustheid het volgende:

[ code verwijderd ]

Waar staat de [0] in forms voor?
document.forms is een array van alle forms op een pagina. document.forms[0] is het eerste element in deze array aangezien een array een index heeft die begint bij 0.
Op dinsdag 13 augustus schreef Xa1pt:
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.
pi_138560319
Helder, bedankt. :)
  zondag 6 april 2014 @ 11:22:06 #279
56176 Catch22-
Ben je Blind?!
pi_138563234
Overigens veiliger om het form met zijn id te selecteren. Als je meerdere forms op een page krijgt kan het stuk gaan natuurlijk
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_138563331
Hoe zou dat kunnen? Als er meerdere forms zijn, dan selecteert-ie toch daarna bij 1 en verder?

Overigens zie ik dat de twee forms wel allebei waarde 0 hebben (alleen andere naam, that's it, value 1 en value 2)
  zondag 6 april 2014 @ 11:29:20 #281
56176 Catch22-
Ben je Blind?!
pi_138563361
Nee je itereert niet, dus je pakt alleen het form met index 0.

document.getElementById('userForm') wordt t dan
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_138684444
When the student is ready, the teacher will appear.
When the student is truly ready, the teacher will disappear.
pi_138719758
TypeScript Fiddle: http://typescript.io
When the student is ready, the teacher will appear.
When the student is truly ready, the teacher will disappear.
  zondag 13 april 2014 @ 13:57:16 #284
230788 n8n
Pragmatisch
pi_138824335
Protip: gebruik een svg afbeelding ipv css gradients. Werkt vanaf ie9. Met base64 heb je geen extra request en tegelijk gebruike je minder bits dan met een css-gradient met alle vendor-prefix versies. Is meteen een specifieke chrome bug weg die css gradients laat 'flikkeren' (zou de engine daarom blink heten) Skip dat, Chrome flikkert hoe dan ook.
Specialization is for insects”.—Robert Heinlein
  zondag 13 april 2014 @ 16:02:19 #285
12221 Tijn
Powered by MS Paint
pi_138828936
IE10 ondersteunt wel CSS gradients toch? Dat lijkt me uiteindelijk toch beter voor de toekomst dan een afbeelding, al is het svg. En vendor prefixes zijn voor gradients eigenlijk allang niet meer nodig.
  zondag 13 april 2014 @ 16:10:48 #286
230788 n8n
Pragmatisch
pi_138829308
quote:
2s.gif Op zondag 13 april 2014 16:02 schreef Tijn het volgende:
IE10 ondersteunt wel CSS gradients toch? Dat lijkt me uiteindelijk toch beter voor de toekomst dan een afbeelding, al is het svg. En vendor prefixes zijn voor gradients eigenlijk allang niet meer nodig.
Voor de 'toekomst' wel ja, ondersteunen hier helaas nog wel IE9, 8 en lager niet meer gelukkig.
Specialization is for insects”.—Robert Heinlein
  zondag 13 april 2014 @ 16:15:10 #287
12221 Tijn
Powered by MS Paint
pi_138829498
quote:
7s.gif Op zondag 13 april 2014 16:10 schreef n8n het volgende:

[..]

Voor de 'toekomst' wel ja, ondersteunen hier helaas nog wel IE9, 8 en lager niet meer gelukkig.
Ik zou denken dat iets als een gradient niet belangrijk is voor de functionaliteit en het daarom niet zo erg is als dat niet in oudere browsers werkt.
pi_138896862
Iemand hier ervaring met een postcode API die je adresgegevens aanvult op basis van je postcode en huisnummer? Ik heb er een nodig die potentieel honderdduizenden bezoekers krijgt in een korte periode dus ik ben me even aan het orienteren op wat er allemaal aanwezig is.
  dinsdag 15 april 2014 @ 10:27:30 #289
134533 donroyco
dus niet Donroyco
pi_138897018
quote:
5s.gif Op dinsdag 15 april 2014 10:22 schreef picodealion het volgende:
Iemand hier ervaring met een postcode API die je adresgegevens aanvult op basis van je postcode en huisnummer? Ik heb er een nodig die potentieel honderdduizenden bezoekers krijgt in een korte periode dus ik ben me even aan het orienteren op wat er allemaal aanwezig is.
http://www.postcodeapi.nu/
Op maandag 29 september 2008 11:45 schreef HostiMeister het volgende:
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
pi_138897134
quote:
Die had ik uiteraard al gevonden, maar bij "excessief gebruik" nemen ze contact met je op. Zou een gevalletje worden van zelf alvast even contact met ze opnemen vermoed ik. Maar heb je hier ervaring mee?
  dinsdag 15 april 2014 @ 10:54:05 #291
166255 Maringo
Bèhèhèhèh
pi_138897772
quote:
5s.gif Op dinsdag 15 april 2014 10:22 schreef picodealion het volgende:
Iemand hier ervaring met een postcode API die je adresgegevens aanvult op basis van je postcode en huisnummer? Ik heb er een nodig die potentieel honderdduizenden bezoekers krijgt in een korte periode dus ik ben me even aan het orienteren op wat er allemaal aanwezig is.
https://api.postcode.nl/
Die volg topic-knop hè...
Op 02-06-2014 16:38 schreef Moeraskat
Je bent te goed voor de mensheid.
pi_138897960
"alleen voor webshops".

Googlen kan ik zelf wel hoor, ik vroeg me alleen af of iemand ervaring met deze tools heeft en op basis daarvan dus nog nuttige tips kan geven :P.
  dinsdag 15 april 2014 @ 11:08:55 #293
91039 mstx
2x1/2 = 1/2 x 1/2
pi_138898182
quote:
5s.gif Op dinsdag 15 april 2014 10:22 schreef picodealion het volgende:
Iemand hier ervaring met een postcode API die je adresgegevens aanvult op basis van je postcode en huisnummer? Ik heb er een nodig die potentieel honderdduizenden bezoekers krijgt in een korte periode dus ik ben me even aan het orienteren op wat er allemaal aanwezig is.
http://www.webservices.nl(...)de-huisnummer-check/
Op donderdag 2 juli 2009 22:41 schreef RTB het volgende:
als ik elk rap"liedje" een kans moest geven was ik aan het eind van dit millennium nog bezig met het tempo waarin die kotshoop uitgebraakt wordt.
👾
  dinsdag 15 april 2014 @ 11:46:56 #294
56176 Catch22-
Ben je Blind?!
pi_138899405
webservices.nl is prima :) Gebruiken wij ook voor meerdere klanten (en meerdere api's)
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?
  dinsdag 15 april 2014 @ 19:06:28 #295
12221 Tijn
Powered by MS Paint
pi_138915611
Heeft iemand ervaring met het maken van desktop apps op basis van HTML/CSS/JS? Ik zoek tips, alles is welkom.
  dinsdag 15 april 2014 @ 19:15:49 #296
56176 Catch22-
Ben je Blind?!
pi_138916008
Voor de mordern ui? Of algemeen windows? Of zelfs multiplatform?
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?
  dinsdag 15 april 2014 @ 19:18:54 #297
12221 Tijn
Powered by MS Paint
pi_138916121
Ja, voor alle relevante platformen. Mac, Linux, Windows, de hele handel.

Ik heb dit gevonden:

https://github.com/rogerwang/node-webkit/
http://www.tidesdk.org/
http://appjs.com/
https://github.com/neam/webapp-xul-wrapper

Iemand ervaringen of tips? Het hoeft niet per se gratis te zijn.

[ Bericht 7% gewijzigd door Tijn op 15-04-2014 19:34:39 ]
pi_138916993
quote:
2s.gif Op dinsdag 15 april 2014 19:18 schreef Tijn het volgende:
Ja, voor alle relevante platformen. Mac, Linux, Windows, de hele handel.

Ik heb dit gevonden:

https://github.com/rogerwang/node-webkit/
http://www.tidesdk.org/
http://appjs.com/
https://github.com/neam/webapp-xul-wrapper

Iemand ervaringen of tips? Het hoeft niet per se gratis te zijn.
https://wiki.gnome.org/JavaScript

GTK werkt op alle platformen. :)
pi_138923315
Chris Coyier is een fan (hij is van CSS-tricks en codepen) :+

Lekker happen
  dinsdag 15 april 2014 @ 23:09:20 #300
12221 Tijn
Powered by MS Paint
pi_138928439
Kheb wat met dat TideSDK zitten spelen en dat werkt eigenlijk verbazend goed :o ^O^
  woensdag 16 april 2014 @ 20:47:32 #301
230788 n8n
Pragmatisch
pi_138955436
quote:
2s.gif Op zondag 13 april 2014 16:15 schreef Tijn het volgende:

[..]

Ik zou denken dat iets als een gradient niet belangrijk is voor de functionaliteit en het daarom niet zo erg is als dat niet in oudere browsers werkt.
De svg zit er nu voor ie9, kan ik m net zo goed voor andere browsers gebruiken. Was niet op de hoogte dat verder prefixen al obsolete was. Hele specifieke use-case dan maar so be it.

Edit: sorry zit mobiel, Anyone please?
Specialization is for insects”.—Robert Heinlein
abonnement Unibet Coolblue
Forum Opties
Forumhop:
Hop naar:
(afkorting, bv 'KLB')