Aether | vrijdag 14 maart 2014 @ 18:53 | |||||||||
[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 | ||||||||||
Scorpie | vrijdag 14 maart 2014 @ 18:55 | |||||||||
Groeien TT. | ||||||||||
Aether | vrijdag 14 maart 2014 @ 18:56 | |||||||||
Kwam deze op GitHub tegen: https://github.com/sindresorhus/multiline Geeft de mogelijkheid om multiline strings te gebruiken in JavaScript. Iets als:
| ||||||||||
mstx | vrijdag 14 maart 2014 @ 18:57 | |||||||||
Handig als je een js compressor gebruikt die comments weg gooit | ||||||||||
Aether | vrijdag 14 maart 2014 @ 18:59 | |||||||||
Hebben ze gelukkig aan gedacht; van de link:
| ||||||||||
Catch22- | vrijdag 14 maart 2014 @ 19:32 | |||||||||
Goede oplossing voor iets wat je niet moet willen doen. | ||||||||||
PimD | zaterdag 15 maart 2014 @ 12:12 | |||||||||
Wie schrijft er nou hele lappen HTML in z'n Javascript... Gebruik dan Mustache of een andere templating engine. | ||||||||||
Catch22- | zaterdag 15 maart 2014 @ 12:25 | |||||||||
Idd. Of pure ofzo. | ||||||||||
donroyco | zaterdag 15 maart 2014 @ 12:27 | |||||||||
Ik ben op zoek naar een goede introductie voor Sass / Compass die het naar behoren uitlegt, ik zie te veel crap voorbij komen. | ||||||||||
Catch22- | zaterdag 15 maart 2014 @ 12:34 | |||||||||
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 | ||||||||||
donroyco | zaterdag 15 maart 2014 @ 12:35 | |||||||||
Thanks! Google geeft alleen maar shitresultaten terug. | ||||||||||
picodealion | zaterdag 15 maart 2014 @ 13:34 | |||||||||
http://www.abookapart.com/products/sass-for-web-designers Kan het ebook wel even delen als je wil? | ||||||||||
Maringo | zaterdag 15 maart 2014 @ 13:41 | |||||||||
Props voor de TT. | ||||||||||
Catch22- | zaterdag 15 maart 2014 @ 14:02 | |||||||||
dit komt van google. De eerste drie resultaten als je zoekt op sass getting started | ||||||||||
donroyco | zaterdag 15 maart 2014 @ 17:04 | |||||||||
Niet nodig, dank je wel. Ah, ik zat de hele tijd met 'introduction' etc. te klooien | ||||||||||
Catch22- | zaterdag 15 maart 2014 @ 17:59 | |||||||||
Haha getting started is de standaard titel voor introducties | ||||||||||
Catch22- | maandag 17 maart 2014 @ 09:42 | |||||||||
Interessante link: jQuery standards: http://lab.abhinayrathore.com/jquery-standards/ http://javascriptweekly.com/ van de Javascript Weekly newsletter. | ||||||||||
PimD | maandag 17 maart 2014 @ 10:06 | |||||||||
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 | ||||||||||
Catch22- | maandag 17 maart 2014 @ 10:10 | |||||||||
Lees eens 1 regel verder Implement a fallback to your locally hosted library of same version as shown above. More Info | ||||||||||
mstx | maandag 17 maart 2014 @ 10:10 | |||||||||
En voor die 0,01% kans dat dat gebeurt bouw je dus een fallback in, zoals op regel 2 staat. edit: spuit 11 | ||||||||||
esv7 | maandag 17 maart 2014 @ 11:10 | |||||||||
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 . | ||||||||||
Tijn | maandag 17 maart 2014 @ 17:09 | |||||||||
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? | ||||||||||
Maringo | maandag 17 maart 2014 @ 17:12 | |||||||||
Omdat dat weer 1 functioncall scheelt. | ||||||||||
Tijn | maandag 17 maart 2014 @ 17:14 | |||||||||
So what? | ||||||||||
donroyco | maandag 17 maart 2014 @ 17:17 | |||||||||
Thanks | ||||||||||
Catch22- | maandag 17 maart 2014 @ 17:24 | |||||||||
Dat klopt. Maar de meeste van wat er staat snijdt wel hout, helemaal voor beginners. | ||||||||||
Maringo | maandag 17 maart 2014 @ 17:41 | |||||||||
Maakt mij ook niks uit, maar dat is wat er staat. | ||||||||||
n8n | maandag 17 maart 2014 @ 20:53 | |||||||||
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. | ||||||||||
Crutch | maandag 17 maart 2014 @ 20:58 | |||||||||
Goeie TT | ||||||||||
KomtTijd... | maandag 17 maart 2014 @ 21:54 | |||||||||
Cool. Zet het boven je main CSS en het scheelt je ook een FOUT. | ||||||||||
n8n | maandag 17 maart 2014 @ 22:28 | |||||||||
FOUT of FOUC? Sowieso altijd eerst de fonts, dat betekend dat je het ook simpelweg als eerst in de main css kan zetten | ||||||||||
Aether | dinsdag 18 maart 2014 @ 10:23 | |||||||||
PayPal plukt vruchten van inruilen Java voor node.js. | ||||||||||
picodealion | dinsdag 18 maart 2014 @ 10:38 | |||||||||
Iemand hier ervaring met Foundation? Hoe verhoudt zich dat tot Bootstrap, in jullie ervaring? | ||||||||||
donroyco | dinsdag 18 maart 2014 @ 10:45 | |||||||||
Oud nieuws. | ||||||||||
Scorpie | dinsdag 18 maart 2014 @ 11:50 | |||||||||
Is dat niet wat Google Fonts min of meer ook doet? | ||||||||||
mstx | dinsdag 18 maart 2014 @ 11:56 | |||||||||
Die gebruikt externe .woff's, zie http://fonts.googleapis.c(...)no:400,700,400italic | ||||||||||
Crientj | dinsdag 18 maart 2014 @ 21:20 | |||||||||
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. -_-. | ||||||||||
donroyco | dinsdag 18 maart 2014 @ 21:21 | |||||||||
http://css-tricks.com/snippets/jquery/smooth-scrolling/ | ||||||||||
esv7 | dinsdag 18 maart 2014 @ 21:25 | |||||||||
Zelf heb ik recent iets soortgelijks gemaakt:
| ||||||||||
esv7 | dinsdag 18 maart 2014 @ 22:20 | |||||||||
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? | ||||||||||
n8n | woensdag 19 maart 2014 @ 07:23 | |||||||||
+ 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 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 ] | ||||||||||
Catch22- | woensdag 19 maart 2014 @ 09:10 | |||||||||
Met less kan je less of css bestanden ook echt importeren ipv een include die een losse call doet | ||||||||||
RustCohle | woensdag 19 maart 2014 @ 15:28 | |||||||||
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> | ||||||||||
donroyco | woensdag 19 maart 2014 @ 15:30 | |||||||||
Een dropdown is gemaakt voor maar één inputselectie. | ||||||||||
RustCohle | woensdag 19 maart 2014 @ 15:31 | |||||||||
Ow... Hoe zou ik dit kunnen oplossen? | ||||||||||
KomtTijd... | woensdag 19 maart 2014 @ 15:32 | |||||||||
Met een multiple select? | ||||||||||
RustCohle | woensdag 19 maart 2014 @ 15:33 | |||||||||
Kan dat ook met html en css of komt hier echt JS en Jquery bij kijken? Want dat begrijp ik namelijk niet.. | ||||||||||
Tijn | woensdag 19 maart 2014 @ 15:36 | |||||||||
Het is gewoon HTML:
| ||||||||||
RustCohle | woensdag 19 maart 2014 @ 15:43 | |||||||||
Veelal weten users niet dat ze CRTL moeten gebruiken. | ||||||||||
Tijn | woensdag 19 maart 2014 @ 15:46 | |||||||||
Dan gebruik je checkboxes, dat snapt iedereen. | ||||||||||
RustCohle | woensdag 19 maart 2014 @ 15:48 | |||||||||
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? | ||||||||||
Tijn | woensdag 19 maart 2014 @ 15:50 | |||||||||
Dat zijn gewoon meerdere selects onder elkaar. Niet moeilijker dan eentje toch? | ||||||||||
RustCohle | woensdag 19 maart 2014 @ 15:51 | |||||||||
Ja klopt, maar zo'n ''show more'' functie is volgens mij JS/Jquery en daar heb ik vrij weinig verstand van. | ||||||||||
Tijn | woensdag 19 maart 2014 @ 15:53 | |||||||||
Dat is dan ook weer een andere vraag. | ||||||||||
RustCohle | woensdag 19 maart 2014 @ 15:54 | |||||||||
Klopt, maar dat komt doordat ik niet weet hoe ik mijn probleem/gap kan oplossen. | ||||||||||
KomtTijd... | woensdag 19 maart 2014 @ 16:41 | |||||||||
Misschien is dit wat voor je: http://davidstutz.github.io/bootstrap-multiselect/ | ||||||||||
Sucuk | woensdag 19 maart 2014 @ 17:58 | |||||||||
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). | ||||||||||
Tijn | woensdag 19 maart 2014 @ 18:02 | |||||||||
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. | ||||||||||
Catch22- | woensdag 19 maart 2014 @ 18:06 | |||||||||
Ofwel: je kan met jquery niets meer of minder dan wat je met javascript kan. Het gaat alleen makkelijker. | ||||||||||
Tijn | woensdag 19 maart 2014 @ 18:09 | |||||||||
Precies. Het is een beetje raar om te zeggen dat je het nut van Javascript niet begrijpt, maar wel van jQuery. jQuery IS Javascript. | ||||||||||
Sucuk | woensdag 19 maart 2014 @ 18:11 | |||||||||
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 | ||||||||||
Sucuk | woensdag 19 maart 2014 @ 18:13 | |||||||||
Ik bedoelde de "basis/geavanceerde JS" hieronder, dus zonder frameworks. http://www.w3schools.com/js/DEFAULT.asp http://thenewboston.org/list.php?cat=10
| ||||||||||
Scorpie | woensdag 19 maart 2014 @ 18:16 | |||||||||
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. | ||||||||||
Catch22- | woensdag 19 maart 2014 @ 18:17 | |||||||||
Alsnog is een framework niets anders dan een verzameling javacriptcode. | ||||||||||
Sucuk | woensdag 19 maart 2014 @ 18:22 | |||||||||
Heus? Schrijf een boek! Ik ben dit in geen 1 boek of tut tegengekomen... Kun je een voorbeeld code posten? | ||||||||||
Sucuk | woensdag 19 maart 2014 @ 18:23 | |||||||||
verzameling?! Ik dacht uitbreiding! | ||||||||||
Catch22- | woensdag 19 maart 2014 @ 18:25 | |||||||||
Nee. | ||||||||||
Tijn | woensdag 19 maart 2014 @ 18:25 | |||||||||
Je kunt Javascript niet uitbreiden. Elke browser heeft min of meer dezelfde Javascript-functionaliteit aan boord en daar zul je het mee moeten doen. | ||||||||||
Tijn | woensdag 19 maart 2014 @ 18:30 | |||||||||
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. | ||||||||||
Sucuk | woensdag 19 maart 2014 @ 18:34 | |||||||||
dom is die innerhtml etc? Die dingen die automatisch veranderen? | ||||||||||
Catch22- | woensdag 19 maart 2014 @ 18:35 | |||||||||
een beetje zelf zoeken kan geen kwaad hoor | ||||||||||
Tijn | woensdag 19 maart 2014 @ 18:44 | |||||||||
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. | ||||||||||
Darkomen | woensdag 19 maart 2014 @ 19:15 | |||||||||
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. | ||||||||||
esv7 | woensdag 19 maart 2014 @ 19:18 | |||||||||
Dan vraag ik mij af welke boeken jij leest .
| ||||||||||
Sucuk | donderdag 20 maart 2014 @ 10:06 | |||||||||
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?
| ||||||||||
KomtTijd... | donderdag 20 maart 2014 @ 10:09 | |||||||||
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). | ||||||||||
Tijn | donderdag 20 maart 2014 @ 10:10 | |||||||||
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. | ||||||||||
Sucuk | donderdag 20 maart 2014 @ 10:10 | |||||||||
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. | ||||||||||
Sucuk | donderdag 20 maart 2014 @ 10:11 | |||||||||
Hoe zou jij het doen Tijn? | ||||||||||
Tijn | donderdag 20 maart 2014 @ 10:12 | |||||||||
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. | ||||||||||
Sucuk | donderdag 20 maart 2014 @ 10:14 | |||||||||
2. Waar verwijst die false naar eigenlijk dan? 3. Wordt verstuurd? Er moet niks verstuurd worden als er niks ingevuld is... | ||||||||||
Tijn | donderdag 20 maart 2014 @ 10:16 | |||||||||
Hoe bedoel je "verwijst"? Nee, dat is wat "return false" voorkomt in dit geval. | ||||||||||
Tijn | donderdag 20 maart 2014 @ 10:17 | |||||||||
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. | ||||||||||
Sucuk | donderdag 20 maart 2014 @ 10:17 | |||||||||
Ik heb een goede channel gevonden! Hij legt het duidelijk uit.. Misschien vinden jullie het ook handig? | ||||||||||
Sucuk | donderdag 20 maart 2014 @ 10:17 | |||||||||
Link doet het niet | ||||||||||
Tijn | donderdag 20 maart 2014 @ 10:20 | |||||||||
http://afarkas.github.io/webshim/demos/ | ||||||||||
Sucuk | donderdag 20 maart 2014 @ 10:21 | |||||||||
Thanks: 2:30 ''Errormessage += ''enter your last name \n''; waarvoor die += ? en waarom die \n ? | ||||||||||
Tijn | donderdag 20 maart 2014 @ 10:24 | |||||||||
+= 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). | ||||||||||
Sucuk | donderdag 20 maart 2014 @ 10:26 | |||||||||
Ow... Ik ben </ br> gewend.. 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. | ||||||||||
Tijn | donderdag 20 maart 2014 @ 10:27 | |||||||||
Hoe kom je erbij dat het getoond wordt als er niks is ingevuld? | ||||||||||
Sucuk | donderdag 20 maart 2014 @ 10:31 | |||||||||
!= dat betekent toch IF NOT EMPTY. | ||||||||||
Scorpie | donderdag 20 maart 2014 @ 10:32 | |||||||||
Nee. != betekent 'niet gelijk aan'. In dit geval: 'indien de error message niet gelijk is aan een lege string, toon hem op het scherm'. | ||||||||||
Tijn | donderdag 20 maart 2014 @ 10:32 | |||||||||
Zeker. Althans, '!= ""' betekent dat. | ||||||||||
Sucuk | donderdag 20 maart 2014 @ 10:33 | |||||||||
Nou dan als het niet empty is waarom zou er een alert box moeten komen en vervolgens ''return false'' moeten staan? | ||||||||||
Tijn | donderdag 20 maart 2014 @ 10:34 | |||||||||
Als wát niet empty is? | ||||||||||
Robuustheid | donderdag 20 maart 2014 @ 10:35 | |||||||||
Waarom werkt dit niet?
| ||||||||||
Tijn | donderdag 20 maart 2014 @ 10:39 | |||||||||
De code die je post werkt prima hoor, Robuustheid. Sterker nog, het is veel beter om i buiten je while te declareren. | ||||||||||
Robuustheid | donderdag 20 maart 2014 @ 10:40 | |||||||||
Ah, ik zie het al. Foutje. En waarom zou het beter zijn om de i buiten de while te declareren? | ||||||||||
Tijn | donderdag 20 maart 2014 @ 10:43 | |||||||||
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 | ||||||||||
BrainOverfloW | donderdag 20 maart 2014 @ 10:48 | |||||||||
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. | ||||||||||
Scorpie | donderdag 20 maart 2014 @ 10:48 | |||||||||
Ik zou niet != gebruiken daarvoor. | ||||||||||
Robuustheid | donderdag 20 maart 2014 @ 11:16 | |||||||||
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.
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. | ||||||||||
Scorpie | donderdag 20 maart 2014 @ 11:19 | |||||||||
Wie geeft jou de garantie dat i altijd een integer zal zijn? | ||||||||||
Robuustheid | donderdag 20 maart 2014 @ 11:21 | |||||||||
Omdat Javascript dynamisch is? Als de i een getal bevat zonder quotes, dan wordt-ie ook als integer behandeld. | ||||||||||
Scorpie | donderdag 20 maart 2014 @ 11:23 | |||||||||
Nee hoor. http://stackoverflow.com/(...)t-with-leading-zeros | ||||||||||
Scorpie | donderdag 20 maart 2014 @ 11:30 | |||||||||
Ook een leuke:
| ||||||||||
Scorpie | donderdag 20 maart 2014 @ 11:33 | |||||||||
Of typeof(new String("foo")) , wat denk je dat daar uit komt? | ||||||||||
Scorpie | donderdag 20 maart 2014 @ 11:34 | |||||||||
Overigens zou je in for loops e.d. deze tabel kunnen aanhouden voor comparators: http://www.w3schools.com/js/js_comparisons.asp | ||||||||||
Catch22- | donderdag 20 maart 2014 @ 11:35 | |||||||||
everything is an object!
| ||||||||||
Scorpie | donderdag 20 maart 2014 @ 11:36 | |||||||||
Dat is dan ook waar de meeste nieuwe programmeurs nat op gaan helaas. | ||||||||||
Scorpie | donderdag 20 maart 2014 @ 11:36 | |||||||||
| ||||||||||
Scorpie | donderdag 20 maart 2014 @ 11:36 | |||||||||
Javascript | ||||||||||
Catch22- | donderdag 20 maart 2014 @ 11:38 | |||||||||
Nothing but love | ||||||||||
Scorpie | donderdag 20 maart 2014 @ 11:39 | |||||||||
| ||||||||||
BrainOverfloW | donderdag 20 maart 2014 @ 11:41 | |||||||||
Ik krijg toch gewoon 8 en 9 terug in plaats van 0. | ||||||||||
Scorpie | donderdag 20 maart 2014 @ 11:42 | |||||||||
Ja, doe het nu eens in een IE8 browser krijg je heel wat anders terug. | ||||||||||
BrainOverfloW | donderdag 20 maart 2014 @ 11:43 | |||||||||
Ok, zo uitgebreid had ik het ook weer niet getest | ||||||||||
Catch22- | donderdag 20 maart 2014 @ 11:44 | |||||||||
in fx
| ||||||||||
Scorpie | donderdag 20 maart 2014 @ 11:45 | |||||||||
Chrome ook. Gotta love this shit. | ||||||||||
KomtTijd... | donderdag 20 maart 2014 @ 11:49 | |||||||||
Klopt, is gedocumenteerd gedrag:
| ||||||||||
GoldenHeart | donderdag 20 maart 2014 @ 12:04 | |||||||||
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? | ||||||||||
KomtTijd... | donderdag 20 maart 2014 @ 12:08 | |||||||||
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 | ||||||||||
GoldenHeart | donderdag 20 maart 2014 @ 12:14 | |||||||||
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 | ||||||||||
KomtTijd... | donderdag 20 maart 2014 @ 12:15 | |||||||||
is google down? http://www.w3schools.com/tags/tag_label.asp | ||||||||||
GoldenHeart | donderdag 20 maart 2014 @ 12:18 | |||||||||
Ik heb hem niet begrepen. Anders had ik niks gepost als ik dat had begrepen. | ||||||||||
KomtTijd... | donderdag 20 maart 2014 @ 12:20 | |||||||||
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
| ||||||||||
Scorpie | donderdag 20 maart 2014 @ 12:51 | |||||||||
Label is een tag . Name is een attribuut van een tag. | ||||||||||
Catch22- | donderdag 20 maart 2014 @ 12:52 | |||||||||
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... | ||||||||||
Scorpie | donderdag 20 maart 2014 @ 12:53 | |||||||||
Laten we van het goede in de mens uitgaan en net doen alsof we heul complex en moeilijk werk doen. | ||||||||||
Catch22- | donderdag 20 maart 2014 @ 13:02 | |||||||||
Het goede in de mens of arrogantie.. | ||||||||||
Robuustheid | donderdag 20 maart 2014 @ 13:08 | |||||||||
0 is ook een lege waarde, toch? Dan staat er object. Zou toch niet zo gek zijn, aangezien alles in JS een object is, lijkt mij? Waarom is typeof("foo") een string, en typeof(new String("foo")) een object? | ||||||||||
GoldenHeart | donderdag 20 maart 2014 @ 13:10 | |||||||||
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. | ||||||||||
Catch22- | donderdag 20 maart 2014 @ 13:12 | |||||||||
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./ | ||||||||||
KomtTijd... | donderdag 20 maart 2014 @ 13:13 | |||||||||
Ga je Catch22- nou vertellen dat hij HTML niet beheerst? ___________ Sowieso bedoel je het (hopelijk) andersom, door alleen boeken te lezen leer je niets. | ||||||||||
GoldenHeart | donderdag 20 maart 2014 @ 13:22 | |||||||||
Ik heb het over JS. | ||||||||||
GoldenHeart | donderdag 20 maart 2014 @ 13:23 | |||||||||
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.. | ||||||||||
KomtTijd... | donderdag 20 maart 2014 @ 13:26 | |||||||||
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. | ||||||||||
GoldenHeart | donderdag 20 maart 2014 @ 13:27 | |||||||||
Zie mijn post overnieuw, had hem nog niet volledig. | ||||||||||
KomtTijd... | donderdag 20 maart 2014 @ 13:28 | |||||||||
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. | ||||||||||
GoldenHeart | donderdag 20 maart 2014 @ 13:30 | |||||||||
http://thenewboston.org/list.php?cat=10 Alles hier is zo easy als wat... Maar voor wat ik wil is dit zeker niet genoeg? | ||||||||||
KomtTijd... | donderdag 20 maart 2014 @ 13:32 | |||||||||
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. | ||||||||||
Catch22- | donderdag 20 maart 2014 @ 13:34 | |||||||||
Dat dus. Je moet stap voor stap uitvogelen wat je moet gaan doen en dat dan stap voor stap oplossen. | ||||||||||
Scorpie | donderdag 20 maart 2014 @ 14:43 | |||||||||
+1 | ||||||||||
Catch22- | donderdag 20 maart 2014 @ 14:45 | |||||||||
Oja goldenheart, als je dit begrijpt, dan mag je opnieuw zeggen dat ik er niets van snap
| ||||||||||
Scorpie | donderdag 20 maart 2014 @ 14:46 | |||||||||
Responsive content slider. | ||||||||||
picodealion | donderdag 20 maart 2014 @ 14:46 | |||||||||
En waar heb je dat vandaan gecopypaste? | ||||||||||
Catch22- | donderdag 20 maart 2014 @ 14:47 | |||||||||
HEET JIJ SOMS GOLDENHEART w3schools :$ | ||||||||||
xzaz | donderdag 20 maart 2014 @ 14:49 | |||||||||
| ||||||||||
Scorpie | donderdag 20 maart 2014 @ 14:49 | |||||||||
Sorry ik heb je ssh keys gejat en zit mee te loeren in je broncode | ||||||||||
KomtTijd... | donderdag 20 maart 2014 @ 14:52 | |||||||||
Nou is pochen met hoe ingewikkeld je code eruit ziet natuurlijk ook wel behoorlijk " ". | ||||||||||
Scorpie | donderdag 20 maart 2014 @ 14:53 | |||||||||
Volgens mij vroeg Catch22- gewoon hulp bij zijn code. | ||||||||||
Catch22- | donderdag 20 maart 2014 @ 15:04 | |||||||||
Ja ik snap het zelf ook niet meer. Het ging mij er meer om dat ik niet compleet achterlijk ben | ||||||||||
picodealion | donderdag 20 maart 2014 @ 15:09 | |||||||||
Welk smaakje PHP is dat überhaupt? | ||||||||||
Tijn | donderdag 20 maart 2014 @ 15:26 | |||||||||
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. | ||||||||||
KomtTijd... | donderdag 20 maart 2014 @ 15:29 | |||||||||
LESS ofzo. In een FOK! [php]-tag bij gebrek aan syntax-highlighting in de [code]-tag. | ||||||||||
picodealion | donderdag 20 maart 2014 @ 15:30 | |||||||||
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. | ||||||||||
Robuustheid | donderdag 20 maart 2014 @ 15:45 | |||||||||
Ziet ingewikkelder uit dan CSS zelf. Kan toch nooit de bedoeling zijn. | ||||||||||
mstx | donderdag 20 maart 2014 @ 15:46 | |||||||||
Als je het eenmaal doorhebt scheelt het een hoop typwerk en is het juist makkelijker. | ||||||||||
Tijn | donderdag 20 maart 2014 @ 15:56 | |||||||||
Nee, ik bedoel alleen declaratie "var i;". Dat hoort bovenin. Vervolgens hoog je i natuurlijk op daar waar je wil dat dat gebeurt.
Nou, eerst voorbeeld 1: true is natuurlijk true, dus dat is logisch, toch?
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:
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. | ||||||||||
RustCohle | donderdag 20 maart 2014 @ 16:43 | |||||||||
Ik heb een aantal onduidelijkheden met betrekking tot de volgende Jquery code:
Heeft het dezelfde werking als er in plaats van dit
Tenslotte ; wat betekenen die lege waarden rondom search_names, ofwel waarvoor dienen ze?
Is dit ook mogelijk?:
Alvast bedankt | ||||||||||
KomtTijd... | donderdag 20 maart 2014 @ 16:49 | |||||||||
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. | ||||||||||
RustCohle | donderdag 20 maart 2014 @ 16:53 | |||||||||
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.. | ||||||||||
Scorpie | donderdag 20 maart 2014 @ 16:55 | |||||||||
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. | ||||||||||
RustCohle | donderdag 20 maart 2014 @ 16:57 | |||||||||
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? | ||||||||||
Tijn | donderdag 20 maart 2014 @ 16:58 | |||||||||
Ja, je wil ook $(varname). Daarom breek je de quotes af en plak je de variabele ertussen met plusjes.
| ||||||||||
Scorpie | donderdag 20 maart 2014 @ 16:59 | |||||||||
$(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. | ||||||||||
RustCohle | donderdag 20 maart 2014 @ 17:02 | |||||||||
Woops het is harstikke logisch wat je zegt, maar op dit moment volg ik het totaal niet. Wat is het nou in dit geval ? Want wat ik nu zie, is dat zowel de twee " als de ' wegkunnen zodat je gewoon (searchname) hebt. | ||||||||||
Tijn | donderdag 20 maart 2014 @ 17:03 | |||||||||
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:
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.
| ||||||||||
Scorpie | donderdag 20 maart 2014 @ 17:04 | |||||||||
Je vertelt het duidelijker dan ik deed. | ||||||||||
Tijn | donderdag 20 maart 2014 @ 17:06 | |||||||||
Dank u | ||||||||||
Robuustheid | donderdag 20 maart 2014 @ 19:31 | |||||||||
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) { .. }. Dit volg ik niet helemaal.
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? | ||||||||||
Tijn | donderdag 20 maart 2014 @ 19:36 | |||||||||
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. | ||||||||||
TwyLight | donderdag 20 maart 2014 @ 22:29 | |||||||||
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 | ||||||||||
PimD | donderdag 20 maart 2014 @ 22:33 | |||||||||
Door geen tabel voor layout te gebruiken. | ||||||||||
esv7 | donderdag 20 maart 2014 @ 22:34 | |||||||||
Post even de relevante HTML structuur, en horizontaal opgerekt? | ||||||||||
Crutch | donderdag 20 maart 2014 @ 22:37 | |||||||||
Hahaha, ik snap geen fuck van wat je bedoelt! Ironisch he? Want je probeert het uit te leggen. | ||||||||||
TwyLight | donderdag 20 maart 2014 @ 22:42 | |||||||||
Ja, grappig, kan er weinig aan veranderen aangezien het niet mijn website is. 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) 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 | ||||||||||
esv7 | donderdag 20 maart 2014 @ 22:51 | |||||||||
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. | ||||||||||
TwyLight | donderdag 20 maart 2014 @ 22:59 | |||||||||
Hmm, ik ben dom, ik zat met de verkeerde class te kloten. No shit dat het niet werkte. Het werkt nu
| ||||||||||
Robuustheid | donderdag 20 maart 2014 @ 23:14 | |||||||||
Je geeft height 70% van movie-list_details-row mee. De rest 30%. | ||||||||||
BroodjeKebab | vrijdag 21 maart 2014 @ 00:27 | |||||||||
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. | ||||||||||
Catch22- | vrijdag 21 maart 2014 @ 00:59 | |||||||||
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. | ||||||||||
#ANONIEM | zondag 23 maart 2014 @ 21:07 | |||||||||
Die filmpjes van Crockford 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 ] | ||||||||||
Catch22- | zondag 23 maart 2014 @ 21:39 | |||||||||
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 | ||||||||||
#ANONIEM | zondag 23 maart 2014 @ 21:47 | |||||||||
Daar ben ik het mee eens. Een strictere standaard zou niet zo slecht zijn. | ||||||||||
Sitethief | maandag 24 maart 2014 @ 08:46 | |||||||||
In hoeverre kun je kennis over ECMAScript inzetten bij het gebruiken van javascript? | ||||||||||
Catch22- | maandag 24 maart 2014 @ 08:47 | |||||||||
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. | ||||||||||
Sitethief | maandag 24 maart 2014 @ 08:47 | |||||||||
-Edit oeps- | ||||||||||
Robuustheid | dinsdag 25 maart 2014 @ 11:11 | |||||||||
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 | ||||||||||
Catch22- | dinsdag 25 maart 2014 @ 11:14 | |||||||||
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. | ||||||||||
esv7 | dinsdag 25 maart 2014 @ 11:15 | |||||||||
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:
| ||||||||||
Tijn | dinsdag 25 maart 2014 @ 13:22 | |||||||||
Er is geen praktisch verschil tussen ECMAScript en Javascript. Javascript is de naam voor de implementatie van ECMAScript in de browser. | ||||||||||
Robuustheid | dinsdag 25 maart 2014 @ 13:44 | |||||||||
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. | ||||||||||
picodealion | dinsdag 25 maart 2014 @ 13:45 | |||||||||
Dat is hoe js in elkaar zit.
Zijn uiteindelijk gewoon hetzelfde. | ||||||||||
Tijn | dinsdag 25 maart 2014 @ 13:55 | |||||||||
Ook hier komt het hoisten in Javascript weer om de hoek kijken. Omdat functiedefinities boven assignments worden geplaatst, werkt dit zo:
Wat er in feite gebeurt is dit:
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 | ||||||||||
Catch22- | dinsdag 25 maart 2014 @ 14:00 | |||||||||
dat laatste is wel erg belangrijk. Je moet aan de naam van een variabele gelijk zien wat het is, boolean, string, functie etc. | ||||||||||
Robuustheid | dinsdag 25 maart 2014 @ 14:21 | |||||||||
Tijn, waar zouden we toch zijn zonder jou. . Thanks, many thanks, thanks. . | ||||||||||
maikel112 | dinsdag 25 maart 2014 @ 20:42 | |||||||||
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? | ||||||||||
PimD | dinsdag 25 maart 2014 @ 20:58 | |||||||||
Oh oh oh
| ||||||||||
esv7 | dinsdag 25 maart 2014 @ 21:02 | |||||||||
En dan voor de normale links gewoon:
| ||||||||||
maikel112 | dinsdag 25 maart 2014 @ 21:13 | |||||||||
Bedankt! Ik heb je code iets aan moeten passen, maar nu werkt hij! Met deze code heb ik het werkend gekregen:
| ||||||||||
esv7 | dinsdag 25 maart 2014 @ 21:17 | |||||||||
Ja het was een voorbeeldje voor hoe je het kan aanpakken, mooi dat je het werkend hebt gekregen. | ||||||||||
Deeltjesversneller | donderdag 27 maart 2014 @ 02:03 | |||||||||
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:
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 ] | ||||||||||
Catch22- | donderdag 27 maart 2014 @ 08:23 | |||||||||
D3 is de place to go idd | ||||||||||
#ANONIEM | donderdag 27 maart 2014 @ 08:52 | |||||||||
ECMAScript 6. Goed OOP, let variabelen, modules. | ||||||||||
#ANONIEM | donderdag 27 maart 2014 @ 18:39 | |||||||||
http://github.hubspot.com/pace/docs/welcome/ Super handig! | ||||||||||
Aether | donderdag 27 maart 2014 @ 18:48 | |||||||||
En nu te emuleren met TypeScript | ||||||||||
#ANONIEM | vrijdag 28 maart 2014 @ 15:02 | |||||||||
| ||||||||||
#ANONIEM | vrijdag 28 maart 2014 @ 15:03 | |||||||||
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 ] | ||||||||||
#ANONIEM | vrijdag 28 maart 2014 @ 17:51 | |||||||||
Ah helder. De verschillende cases in switch statements worden niet gezien als een apart blok.
Vandaar dus. | ||||||||||
Tijn | vrijdag 28 maart 2014 @ 18:03 | |||||||||
Blocks zijn dingen tussen curly braces. | ||||||||||
#ANONIEM | vrijdag 28 maart 2014 @ 18:08 | |||||||||
Tsja. Dat is inderdaad zo. Ik wist niet dat let-variabelen daar zo nauw naar zouden luisteren. | ||||||||||
TwenteFC | vrijdag 28 maart 2014 @ 21:45 | |||||||||
Gewoon even een ordinaire linkdump omdat ik vandaag erg blij was toen ik dit tegenkwam. http://www.chartjs.org/docs/ | ||||||||||
Catch22- | vrijdag 28 maart 2014 @ 21:48 | |||||||||
Ik heb onlangs een project met highcharts gedaan, ook een lekkere library | ||||||||||
#ANONIEM | vrijdag 28 maart 2014 @ 22:02 | |||||||||
Ziet er goed uit, maar helaas geen interactie. Ach, is ook niet altijd nodig. | ||||||||||
#ANONIEM | vrijdag 28 maart 2014 @ 22:06 | |||||||||
Kost je voor commercieel gebruik wel geld helaas. Ach, het bedrijf waar je werkt zal die kleine licentie wel kunnen bekostigen. Zo duur is het niet. | ||||||||||
TwenteFC | vrijdag 28 maart 2014 @ 22:08 | |||||||||
Ziet er ook fraai uit ja, een een bookmarkje waard. | ||||||||||
Catch22- | vrijdag 28 maart 2014 @ 22:08 | |||||||||
Was een project voor een multinational met een miljardenomzet, dus dan is die 3k niet zon probleem | ||||||||||
#ANONIEM | vrijdag 28 maart 2014 @ 22:42 | |||||||||
Tof. Lijkt me best spannend, zo'n verantwoordelijkheid. | ||||||||||
Catch22- | vrijdag 28 maart 2014 @ 22:46 | |||||||||
Is t ook. Maar ik doe alleen dingen waarvan ik weet dat ik t kan | ||||||||||
#ANONIEM | zaterdag 29 maart 2014 @ 19:14 | |||||||||
Zat eens te kijken op CodeCademy en zag wat vreemds in de code.
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:
zijn? Het gaat om deze opdracht: http://www.codecademy.com(...)24b3a7dffd00020bf661 Wel goed dat ze je de object literal notation leren. [ Bericht 3% gewijzigd door #ANONIEM op 29-03-2014 19:22:04 ] | ||||||||||
#ANONIEM | zaterdag 29 maart 2014 @ 19:39 | |||||||||
Wat is Leaflet trouwens echt een heerlijke library. http://leafletjs.com/ Mijn project met Leaflet gaat echt zeer soepeltjes. | ||||||||||
Tijn | zaterdag 29 maart 2014 @ 23:20 | |||||||||
"|| 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 [ Bericht 2% gewijzigd door Tijn op 29-03-2014 23:34:10 ] | ||||||||||
#ANONIEM | zondag 30 maart 2014 @ 10:26 | |||||||||
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?
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 ] | ||||||||||
boem-dikkie | zondag 30 maart 2014 @ 10:58 | |||||||||
Haha flexibility power. | ||||||||||
boem-dikkie | zondag 30 maart 2014 @ 10:59 | |||||||||
Ik doe het ook zo inderdaad. | ||||||||||
Tijn | zondag 30 maart 2014 @ 13:05 | |||||||||
Dat is bijzonder, want het is geen valide syntax in Javascript. | ||||||||||
boem-dikkie | zondag 30 maart 2014 @ 13:12 | |||||||||
Oh ik bedoelde in PHP. | ||||||||||
Tijn | zondag 30 maart 2014 @ 13:13 | |||||||||
Ja, dat is ook een programmeertaal. | ||||||||||
boem-dikkie | zondag 30 maart 2014 @ 13:16 | |||||||||
Tijn | zondag 30 maart 2014 @ 13:21 | |||||||||
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.
[ Bericht 0% gewijzigd door Tijn op 30-03-2014 13:30:38 ] | ||||||||||
#ANONIEM | zondag 30 maart 2014 @ 13:43 | |||||||||
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. | ||||||||||
Tijn | zondag 30 maart 2014 @ 13:59 | |||||||||
Het is ook niet nodig in Javascript, alle argumenten zijn standaard optioneel. | ||||||||||
#ANONIEM | zondag 30 maart 2014 @ 15:05 | |||||||||
Dat vind ik niet netjes! | ||||||||||
maikel112 | zondag 30 maart 2014 @ 20:24 | |||||||||
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:
Waar voeg ik de statische titel toe....? | ||||||||||
Scorpie | zondag 30 maart 2014 @ 20:25 | |||||||||
Niet in dit topic. | ||||||||||
BrainOverfloW | zondag 30 maart 2014 @ 20:51 | |||||||||
Waarschijnlijk kunnen ze je hier beter helpen DIG / [Wordpress] Algemeen topic deel 8 DIG / [PHP/(My)SQL] voor dummies #114 | ||||||||||
maikel112 | zondag 30 maart 2014 @ 20:57 | |||||||||
ok, bedankt | ||||||||||
Tijn | zondag 30 maart 2014 @ 22:28 | |||||||||
De laatste video van Crockfords YUI Theater serie over Javascript gaat over hoe om te gaan met dit soort irrationele gevoelens | ||||||||||
#ANONIEM | zondag 30 maart 2014 @ 22:29 | |||||||||
Ik vind het juist een heel rationeel gevoel. Maar ik ben benieuwd! Ik heb het nog niet helemaal afgekeken. | ||||||||||
esv7 | zondag 30 maart 2014 @ 23:02 | |||||||||
zitten hier nog mensen met ervaring met underscore.js? | ||||||||||
Catch22- | zondag 30 maart 2014 @ 23:05 | |||||||||
Heb de docs wel eens bekeken. Zoveel stelt t niet voor toch? | ||||||||||
picodealion | maandag 31 maart 2014 @ 00:39 | |||||||||
Dit. Zit wel een aantal handige helper functies in, ik zie wel situaties waarin ik dat zou willen gebruiken. | ||||||||||
esv7 | maandag 31 maart 2014 @ 09:05 | |||||||||
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. | ||||||||||
Catch22- | maandag 31 maart 2014 @ 09:07 | |||||||||
Het is toch gewoon een uitgebreide string helper? | ||||||||||
esv7 | maandag 31 maart 2014 @ 12:10 | |||||||||
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. | ||||||||||
Scorpie | maandag 31 maart 2014 @ 12:12 | |||||||||
Dat heeft niet zoveel met underscore of angular te maken. Daarnaast is je voorbeeld voor de meeste (ervaren) programmeurs wel te lezen. | ||||||||||
esv7 | maandag 31 maart 2014 @ 13:40 | |||||||||
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. | ||||||||||
Catch22- | maandag 31 maart 2014 @ 14:03 | |||||||||
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. | ||||||||||
Xaryna | maandag 31 maart 2014 @ 17:08 | |||||||||
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:
[ Bericht 1% gewijzigd door Xaryna op 31-03-2014 17:18:19 ] | ||||||||||
Aether | maandag 31 maart 2014 @ 17:11 | |||||||||
Als alternatief voor Underscore kan ik SugarJS aanbevelen. Heeft ook de mogelijkheid om een eigen download samen te stellen door onderdelen weg te laten. | ||||||||||
Tijn | maandag 31 maart 2014 @ 17:23 | |||||||||
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:
| ||||||||||
Tijn | maandag 31 maart 2014 @ 17:32 | |||||||||
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:
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". | ||||||||||
Xaryna | maandag 31 maart 2014 @ 17:48 | |||||||||
Het werkt nu wel, ik heb nu idd de hele bups op de div gezet ipv de img. Dank je, hij doet het! | ||||||||||
Tijn | maandag 31 maart 2014 @ 17:50 | |||||||||
"display: block" is trouwens niet nodig als je een element float, want hij wordt dan automatisch een block. | ||||||||||
Xaryna | maandag 31 maart 2014 @ 17:51 | |||||||||
Ik kwam dat tegen bij zoeken naar oplossingen. Het resultaat is trouwens echt foeilelijk. | ||||||||||
#ANONIEM | dinsdag 1 april 2014 @ 21:19 | |||||||||
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. | ||||||||||
picodealion | dinsdag 1 april 2014 @ 22:19 | |||||||||
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. | ||||||||||
#ANONIEM | dinsdag 1 april 2014 @ 22:21 | |||||||||
Thanks! Dat zou mij erg helpen. | ||||||||||
picodealion | dinsdag 1 april 2014 @ 22:30 | |||||||||
Weet niet of 'ie een beetje netjes is, maar hij werkt als volgt: ipv bijvoorbeeld
doe je
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. | ||||||||||
Catch22- | dinsdag 1 april 2014 @ 22:40 | |||||||||
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. | ||||||||||
Tijn | woensdag 2 april 2014 @ 00:22 | |||||||||
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 ] | ||||||||||
Scorpie | woensdag 2 april 2014 @ 00:39 | |||||||||
60k aan markers ik zou even teruggaan naar de klant. | ||||||||||
boem-dikkie | woensdag 2 april 2014 @ 08:35 | |||||||||
Inderdaad. Hoe valt 60k markers in godsnaam te verantwoorden. | ||||||||||
BrainOverfloW | woensdag 2 april 2014 @ 17:46 | |||||||||
Het belang van goede tutorials om iets te leren | ||||||||||
Maringo | woensdag 2 april 2014 @ 18:00 | |||||||||
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. | ||||||||||
KomtTijd... | woensdag 2 april 2014 @ 18:04 | |||||||||
Daarom dus. | ||||||||||
#ANONIEM | woensdag 2 april 2014 @ 18:36 | |||||||||
Clusters gebruik ik al. En er komen nog filteropties en dergelijke. Dus dat komt wel goed. 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 ] | ||||||||||
Tijn | woensdag 2 april 2014 @ 19:09 | |||||||||
Je kunt een gebruiker nooit 60.000 markers presenteren op een kaart. Daar heeft niemand wat aan. | ||||||||||
#ANONIEM | woensdag 2 april 2014 @ 19:11 | |||||||||
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 ] | ||||||||||
Tijn | woensdag 2 april 2014 @ 19:22 | |||||||||
Maar dan presenteer je geen 60.000 markers, dat is juist het punt 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? | ||||||||||
Scorpie | woensdag 2 april 2014 @ 19:23 | |||||||||
Geen gebruiker zit te wachten op 60.000 markers op zijn tablet of scherm. Geen enkele. | ||||||||||
#ANONIEM | woensdag 2 april 2014 @ 19:42 | |||||||||
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. | ||||||||||
Tijn | woensdag 2 april 2014 @ 20:01 | |||||||||
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. | ||||||||||
#ANONIEM | woensdag 2 april 2014 @ 20:06 | |||||||||
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. [ Bericht 8% gewijzigd door #ANONIEM op 02-04-2014 20:07:09 ] | ||||||||||
Robuustheid | zondag 6 april 2014 @ 01:15 | |||||||||
Waar staat de [0] in forms voor? | ||||||||||
Scorpie | zondag 6 april 2014 @ 01:20 | |||||||||
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. | ||||||||||
Robuustheid | zondag 6 april 2014 @ 03:07 | |||||||||
Helder, bedankt. | ||||||||||
Catch22- | zondag 6 april 2014 @ 11:22 | |||||||||
Overigens veiliger om het form met zijn id te selecteren. Als je meerdere forms op een page krijgt kan het stuk gaan natuurlijk | ||||||||||
Robuustheid | zondag 6 april 2014 @ 11:27 | |||||||||
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) | ||||||||||
Catch22- | zondag 6 april 2014 @ 11:29 | |||||||||
Nee je itereert niet, dus je pakt alleen het form met index 0. document.getElementById('userForm') wordt t dan | ||||||||||
Aether | woensdag 9 april 2014 @ 11:34 | |||||||||
Verzameling diverse JavaScript-links @ SuperHero.JS. | ||||||||||
Aether | donderdag 10 april 2014 @ 10:55 | |||||||||
TypeScript Fiddle: http://typescript.io | ||||||||||
n8n | zondag 13 april 2014 @ 13:57 | |||||||||
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. | ||||||||||
Tijn | zondag 13 april 2014 @ 16:02 | |||||||||
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. | ||||||||||
n8n | zondag 13 april 2014 @ 16:10 | |||||||||
Voor de 'toekomst' wel ja, ondersteunen hier helaas nog wel IE9, 8 en lager niet meer gelukkig. | ||||||||||
Tijn | zondag 13 april 2014 @ 16:15 | |||||||||
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. | ||||||||||
picodealion | dinsdag 15 april 2014 @ 10:22 | |||||||||
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. | ||||||||||
donroyco | dinsdag 15 april 2014 @ 10:27 | |||||||||
http://www.postcodeapi.nu/ | ||||||||||
picodealion | dinsdag 15 april 2014 @ 10:31 | |||||||||
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? | ||||||||||
Maringo | dinsdag 15 april 2014 @ 10:54 | |||||||||
https://api.postcode.nl/ | ||||||||||
picodealion | dinsdag 15 april 2014 @ 11:00 | |||||||||
"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 . | ||||||||||
mstx | dinsdag 15 april 2014 @ 11:08 | |||||||||
http://www.webservices.nl(...)de-huisnummer-check/ | ||||||||||
Catch22- | dinsdag 15 april 2014 @ 11:46 | |||||||||
webservices.nl is prima Gebruiken wij ook voor meerdere klanten (en meerdere api's) | ||||||||||
Tijn | dinsdag 15 april 2014 @ 19:06 | |||||||||
Heeft iemand ervaring met het maken van desktop apps op basis van HTML/CSS/JS? Ik zoek tips, alles is welkom. | ||||||||||
Catch22- | dinsdag 15 april 2014 @ 19:15 | |||||||||
Voor de mordern ui? Of algemeen windows? Of zelfs multiplatform? | ||||||||||
Tijn | dinsdag 15 april 2014 @ 19:18 | |||||||||
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 ] | ||||||||||
#ANONIEM | dinsdag 15 april 2014 @ 19:37 | |||||||||
https://wiki.gnome.org/JavaScript GTK werkt op alle platformen. | ||||||||||
-Datdus- | dinsdag 15 april 2014 @ 21:42 | |||||||||
Chris Coyier is een fan (hij is van CSS-tricks en codepen) | ||||||||||
Tijn | dinsdag 15 april 2014 @ 23:09 | |||||||||
Kheb wat met dat TideSDK zitten spelen en dat werkt eigenlijk verbazend goed | ||||||||||
n8n | woensdag 16 april 2014 @ 20:47 | |||||||||
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? |