DIG Digital Corner
Alles wat je altijd al over computers, hardware, software, internet en elektronische gadgets had willen weten, maar niet op Tweakers.net durft te vragen.
[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 (
, 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
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 (
, 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.
When the student is truly ready, the teacher will disappear.
Kwam deze op GitHub tegen: https://github.com/sindresorhus/multiline
Geeft de mogelijkheid om multiline strings te gebruiken in JavaScript.
Iets als:
Kan worden geschreven als:
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>' + ''; |
| 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.
When the student is truly ready, the teacher will disappear.
Handig als je een js compressor gebruikt die comments weg gooitquote: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 ]
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.
👾
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.
👾
Hebben ze gelukkig aan gedacht; van de link:quote:Op vrijdag 14 maart 2014 18:57 schreef mstx het volgende:
[..]
Handig als je een js compressor gebruikt die comments weg gooit
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.
When the student is truly ready, the teacher will disappear.
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?
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?
Wie schrijft er nou hele lappen HTML in z'n Javascript... Gebruik dan Mustache of een andere templating engine.
Nee.
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?
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?
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. :'(
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
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
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?
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?
Thanks!quote: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
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. :'(
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
http://www.abookapart.com/products/sass-for-web-designersquote:
Ik ben op zoek naar een goede introductie voor Sass / Compass die het naar behoren uitlegt, ik zie te veel crap voorbij komen.
Kan het ebook wel even delen als je wil?
dit komt van google. De eerste drie resultaten als je zoekt op sass getting startedquote:
[..]
Thanks!
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?
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?
Niet nodig, dank je wel.quote: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?
Ah, ik zat de hele tijd met 'introduction' etc. te klooienquote:
[..]
dit komt van google. De eerste drie resultaten als je zoekt op sass getting started
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. :'(
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
Haha getting started is de standaard titel voor introducties
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?
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?
Interessante link: jQuery standards: http://lab.abhinayrathore.com/jquery-standards/
http://javascriptweekly.com/ van de Javascript Weekly newsletter.
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?
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?
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
http://www.thinkbroadband(...)-jquery-website.html
Nee.
Lees eens 1 regel verderquote:
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
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?
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?
En voor die 0,01% kans dat dat gebeurt bouw je dus een fallback in, zoals op regel 2 staat.quote:
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
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.
👾
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.
👾
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.quote:
Ik ben op zoek naar een goede introductie voor Sass / Compass die het naar behoren uitlegt, ik zie te veel crap voorbij komen.
Oo ik zie dat iemand mij al voor was
.
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.
Een aantal zaken die worden aangestipt zijn inderdaad een goed idee, maar niet alles snijdt hout imho.quote:Op maandag 17 maart 2014 09:42 schreef Catch22- het volgende:
Interessante link: jQuery standards: http://lab.abhinayrathore.com/jquery-standards/
Waar slaat deze bijvoorbeeld op?
Waarom zou je niet een kortere syntax gebruiken die bovendien de leesbaarheid verhoogt?quote:Avoid using .getJson() or .get(), simply use the $.ajax() as that's what gets called internally.
Omdat dat weer 1 functioncall scheelt.quote: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?
So what?quote:
[..]
Omdat dat weer 1 functioncall scheelt.
Thanksquote:
[..]
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
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. :'(
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
Dat klopt. Maar de meeste van wat er staat snijdt wel hout, helemaal voor beginners.quote:
[..]
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?
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?
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?
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.
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
Cool. Zet het boven je main CSS en het scheelt je ook een FOUT.quote:
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.
FOUT of FOUC? Sowieso altijd eerst de fonts, dat betekend dat je het ook simpelweg als eerst in de main css kan zettenquote:
[..]
Cool. Zet het boven je main CSS en het scheelt je ook een FOUT.
“Specialization is for insects”.—Robert Heinlein
When the student is ready, the teacher will appear.
When the student is truly ready, the teacher will disappear.
When the student is truly ready, the teacher will disappear.
Oud nieuws.quote:
PayPal plukt vruchten van inruilen Java voor node.js.
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. :'(
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
Is dat niet wat Google Fonts min of meer ook doet?quote:
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.
Die gebruikt externe .woff's, zie http://fonts.googleapis.c(...)no:400,700,400italicquote:
[..]
Is dat niet wat Google Fonts min of meer ook doet?
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.
👾
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.
👾
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. -_-.
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/quote:
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. -_-.
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. :'(
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
Zelf heb ik recent iets soortgelijks gemaakt:quote:
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. -_-.
| 1 2 3 | $('html, body').animate({ scrollTop: that.page_holder[id].y }, 1000); |
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.
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.
+ 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 aanquote:
[..]
Die gebruikt externe .woff's, zie http://fonts.googleapis.c(...)no:400,700,400italic
Als iemand nou ff een gulp node/sass mixin schrijft
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
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?
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?
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>
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>
Een dropdown is gemaakt voor maar één inputselectie.quote:
Ik heb een vraagje;
Hoe kan ik een inputveld maken met een ''dropdown'' waarbij je meerdere criteria kan kiezen?
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. :'(
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
Ow... Hoe zou ik dit kunnen oplossen?quote:
[..]
Een dropdown is gemaakt voor maar één inputselectie.
Kan dat ook met html en css of komt hier echt JS en Jquery bij kijken? Want dat begrijp ik namelijk niet..quote:
Het is gewoon HTML:quote:
[..]
Kan dat ook met html en css of komt hier echt JS en Jquery bij kijken? Want dat begrijp ik namelijk niet..
| 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> |
Veelal weten users niet dat ze CRTL moeten gebruiken.quote:
[..]
Het is gewoon HTML:
[ code verwijderd ]
Dan gebruik je checkboxes, dat snapt iedereen.quote:
[..]
Veelal weten users niet dat ze CRTL moeten gebruiken.
Wordt het scherm dan niet overdreven vol? Want het betreft autowebsite, er moeten ook checkboxes komen voor de opties van de auto etc etc.quote:
[..]
Dan gebruik je checkboxes, dat snapt iedereen.
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?
Ja klopt, maar zo'n ''show more'' functie is volgens mij JS/Jquery en daar heb ik vrij weinig verstand van.quote:Op woensdag 19 maart 2014 15:50 schreef Tijn het volgende:
Dat zijn gewoon meerdere selects onder elkaar. Niet moeilijker dan eentje toch?
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).
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.quote:
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).
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.
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?
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?
Precies. Het is een beetje raar om te zeggen dat je het nut van Javascript niet begrijpt, maar wel van jQuery. jQuery IS Javascript.quote:
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..quote:
Ofwel: je kan met jquery niets meer of minder dan wat je met javascript kan. Het gaat alleen makkelijker.
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
Ik bedoelde de "basis/geavanceerde JS" hieronder, dus zonder frameworks.
http://www.w3schools.com/js/DEFAULT.asp
http://thenewboston.org/list.php?cat=10
http://www.w3schools.com/js/DEFAULT.asp
http://thenewboston.org/list.php?cat=10
quote:
[..]
Precies. Het is een beetje raar om te zeggen dat je het nut van Javascript niet begrijpt, maar wel van jQuery. jQuery IS Javascript.
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.quote:
Ik bedoelde de "basis/geavanceerde JS" hieronder, dus zonder frameworks.
http://www.w3schools.com/js/DEFAULT.asp
http://thenewboston.org/list.php?cat=10
[..]
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?
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?
Heus? Schrijf een boek! Ik ben dit in geen 1 boek of tut tegengekomen...quote:
[..]
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.
Kun je een voorbeeld code posten?
verzameling?! Ik dacht uitbreiding!quote:
Alsnog is een framework niets anders dan een verzameling javacriptcode.
Nee.quote:
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?
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?
Je kunt Javascript niet uitbreiden. Elke browser heeft min of meer dezelfde Javascript-functionaliteit aan boord en daar zul je het mee moeten doen.quote:
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.quote:
[..]
Heus? Schrijf een boek! Ik ben dit in geen 1 boek of tut tegengekomen...
Kun je een voorbeeld code posten?
dom is die innerhtml etc? Die dingen die automatisch veranderen?quote:
[..]
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.
een beetje zelf zoeken kan geen kwaad hoorquote:
[..]
dom is die innerhtml etc? Die dingen die automatisch veranderen?
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?
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?
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.quote:
[..]
dom is die innerhtml etc? Die dingen die automatisch veranderen?
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.
Wat je er allemaal mee doet ligt helemaal aan jouw fantasie, binnen de mogelijkheden van de taal natuurlijk.
Dan vraag ik mij af welke boeken jij leestquote:
[..]
Heus? Schrijf een boek! Ik ben dit in geen 1 boek of tut tegengekomen...
Kun je een voorbeeld code posten?
.| 1 2 3 4 5 | for(var i in lijst) { if(lijst[i] > 5) { return; } } |
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.
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?
*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> |
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) geef "false" terug
3) geef de output van validatieform() terug (false dus).
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.
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?quote:
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).
3. Dat is toch dubbelop? In de functie zelf staat al return false.
Hoe zou jij het doen Tijn?quote:
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.
Het wordt in dit geval gebruikt om de het submit event te stoppenquote:
[..]
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?
Nee, hiermee wordt gezorgd dat de functie wordt aangeroepen op het moment dat het formulier wordt verstuurd.quote:3. Dat is toch dubbelop? In de functie zelf staat al return false.
2. Waar verwijst die false naar eigenlijk dan?quote:
[..]
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.
3. Wordt verstuurd? Er moet niks verstuurd worden als er niks ingevuld is...
Hoe bedoel je "verwijst"?quote:
[..]
2. Waar verwijst die false naar eigenlijk dan?
Nee, dat is wat "return false" voorkomt in dit geval.quote:3. Wordt verstuurd? Er moet niks verstuurd worden als er niks ingevuld is...
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.quote:
Ik heb een goede channel gevonden!quote:
[..]
Hoe bedoel je "verwijst"?
[..]
Nee, dat is wat "return false" voorkomt in dit geval.
Hij legt het duidelijk uit..
Misschien vinden jullie het ook handig?
Link doet het nietquote:
[..]
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.
Thanks:quote:
[..]
http://afarkas.github.io/webshim/demos/
2:30
''Errormessage += ''enter your last name \n'';
waarvoor die += ? en waarom die \n ?
+= is een gecombineerde operator om iets toe te voegen aan een variabele.
Het is hetzelfde als:
\n is een newline oftewel een nieuwe regel (hetzelfde wat er gebeurt als je op enter drukt).
| 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).
Ow... Ik ben </ br> gewend..quote:
+= 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).
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.
!= dat betekent toch IF NOT EMPTY.quote:
Hoe kom je erbij dat het getoond wordt als er niks is ingevuld?
Nee. != betekent 'niet gelijk aan'. In dit geval: 'indien de error message niet gelijk is aan een lege string, toon hem op het scherm'.quote:
[ Bericht 4% gewijzigd door #ANONIEM op 20-03-2014 10:33:34 ]
quote:
[..]
Nee. != betekent 'niet gelijk aan'.
Nou dan als het niet empty is waarom zou er een alert box moeten komen en vervolgens ''return false'' moeten staan?quote:
[..]
Zeker. Althans, '!= ""' betekent dat.
Als wát niet empty is?quote:
[..]
[..]
Nou dan als het niet empty is waarom zou er een alert box moeten komen en vervolgens ''return false'' moeten staan?
| 1 2 3 4 5 | var arrList = new Array(); while(var i = 1; i != 100) { arrList.push("Cijfer "+ i ); i++; } |
Waarom werkt dit niet?quote:99
| 1 2 3 4 5 6 | var arrList = new Array(); var i=1; while(i <= 10) { arrList.push("Cijfer "+ i ); i++; } |
De code die je post werkt prima hoor, Robuustheid. Sterker nog, het is veel beter om i buiten je 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.quote:
En waarom zou het beter zijn om de i buiten de while te declareren?
Zie bv dit voor meer info: http://www.adequatelygood(...)ng-and-Hoisting.html
Omdat je niet controleert of de er een naam is ingevuld maar of er een error message is.quote:
[..]
[..]
Nou dan als het niet empty is waarom zou er een alert box moeten komen en vervolgens ''return false'' moeten staan?
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
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
