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
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?
Er zit ook gewoon een "Open nieuw deel" linkje in de mobiele layout hoor
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
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?
klopt dan is de op alleen wegquote:Op woensdag 16 april 2014 20:50 schreef Catch22- het volgende:
Er zit ook gewoon een "Open nieuw deel" linkje in de mobiele layout hoor
“Specialization is for insects”.—Robert Heinlein
Neehoor. Ik zit ook mobielquote:
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?
Voor deze keer.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?
Lieve jongens en meisjes, ik ben bezig met jQuery leren, heb wat tuts gedaan en ben nou aan het prutsen met een image slider (aan de hand van deze tutorial maar het lukt me niet om de slider te pauzeren als je hovert, en ik weet niet wat ik verkeerd doe.
Als beginner kan het dus best zijn dat ik ergens een syntax foutje over het hoofd zie, maar misschien is het wat gecompliceerder. Ik kom er niet uit!
Hij loopt, hij slide, maar hij pauzeert niet als je hovert.
Als beginner kan het dus best zijn dat ik ergens een syntax foutje over het hoofd zie, maar misschien is het wat gecompliceerder. Ik kom er niet uit!
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 | function slideSwitch() { var $active = $('#slideshow div.active'); if ( $active.length == 0 ) $active = $('#slideshow div:last'); var $next = $active.next('div').length ? $active.next() : $('#slideshow div:first'); $active.addClass('last-active'); $next.css({opacity: 0.0}) .addClass('active') .animate({opacity: 1.0}, 1000, function() { $active.removeClass('active last-active'); }); } var playSlideshow = setInterval( "slideSwitch()", 2000 ); $('#slideshow').hover(function() { clearInterval(playSlideshow); }, function() { playSlideshow = setInterval( "slideSwitch()", 2000 ); }); |
Chocoladetaartjes.
Op donderdag 25 juli 2013 18:44 schreef trovey het volgende: Evert, de vrouwelijke versie. :P
Op donderdag 25 juli 2013 18:44 schreef trovey het volgende: Evert, de vrouwelijke versie. :P
Triggert hij de hover callbacks wel? Even breakpoints zetten of loggen dus. Is de clearinterval wel een wrapper voor de divs? Als de elementen er absoluut gepositioneerd staan en hij geen breedte en hoogte heeft dan is heeft hij geen grootte
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?
Wat wat wat? #slideshow is waar de hele handel in staat. De divs in #slideshow worden geslide. Met CSS heb ik #slideshow een hoogte en breedte gegeven. De rest snap ik niet.quote:
Triggert hij de hover callbacks wel? Even breakpoints zetten of loggen dus. Is de clearinterval wel een wrapper voor de divs? Als de elementen er absoluut gepositioneerd staan en hij geen breedte en hoogte heeft dan is heeft hij geen grootte
Chocoladetaartjes.
Op donderdag 25 juli 2013 18:44 schreef trovey het volgende: Evert, de vrouwelijke versie. :P
Op donderdag 25 juli 2013 18:44 schreef trovey het volgende: Evert, de vrouwelijke versie. :P
Zet eens console.log("in") en console.log("uit") in de twee callbacks van de hover.
En als je het inspect, welke grootte rapporteert hij dan?
En als je het inspect, welke grootte rapporteert hij dan?
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
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?
Hij logt niets, idd. En grootte zit schijnbaar alleen op de #slideshow, bij de andere divs geeft hij geen afmetingen.
Maar mijn cursor verandert wel. Ik had bij css #slideshow div.active { cursor: pointer;} gezet.
Ik mik er even afmetingen in, de divs zijn idd absoluut. Momentje.
Edit: nope, werkte niet.
Maar mijn cursor verandert wel. Ik had bij css #slideshow div.active { cursor: pointer;} gezet.
Ik mik er even afmetingen in, de divs zijn idd absoluut. Momentje.
Edit: nope, werkte niet.
Chocoladetaartjes.
Op donderdag 25 juli 2013 18:44 schreef trovey het volgende: Evert, de vrouwelijke versie. :P
Op donderdag 25 juli 2013 18:44 schreef trovey het volgende: Evert, de vrouwelijke versie. :P
De hover wordt niet getriggerd omdat je divs over de slideshow liggen.
Doe eens $("#slideshow").on("mousein", "div.active", function{});
Doe eens $("#slideshow").on("mousein", "div.active", function{});
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?
Nog steeds niets. Ik kan wel een linkje doen?quote:
De hover wordt niet getriggerd omdat je divs over de slideshow liggen.
Doe eens $("#slideshow").on("mousein", "div.active", function{});
Chocoladetaartjes.
Op donderdag 25 juli 2013 18:44 schreef trovey het volgende: Evert, de vrouwelijke versie. :P
Op donderdag 25 juli 2013 18:44 schreef trovey het volgende: Evert, de vrouwelijke versie. :P
doe maarquote:
[..]
Nog steeds niets. Ik kan wel een linkje 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?
-quote:
-
Chocoladetaartjes.
Op donderdag 25 juli 2013 18:44 schreef trovey het volgende: Evert, de vrouwelijke versie. :P
Op donderdag 25 juli 2013 18:44 schreef trovey het volgende: Evert, de vrouwelijke versie. :P
Document ready er om heen dus. Je include je js bovenin en bind die actie daar gelijk. Dan is de dom nog niet geladen en wordt die event handler dus niet opgelijmd
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?
Het werkt inmiddels, dank je wel Catch22- 
Nou op naar m'n volgende dingetje, werkende bolletjes zodat je kan zien hoeveel slides en welke actief is.
Nou op naar m'n volgende dingetje, werkende bolletjes zodat je kan zien hoeveel slides en welke actief is.
Chocoladetaartjes.
Op donderdag 25 juli 2013 18:44 schreef trovey het volgende: Evert, de vrouwelijke versie. :P
Op donderdag 25 juli 2013 18:44 schreef trovey het volgende: Evert, de vrouwelijke versie. :P
Sowieso het best om je js onderaan je body te definieren idd.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?
Leuk artikel, dank jequote:
http://bradfrostweb.com/blog/post/carousels/
Dit al gelezen? #sliders
Chocoladetaartjes.
Op donderdag 25 juli 2013 18:44 schreef trovey het volgende: Evert, de vrouwelijke versie. :P
Op donderdag 25 juli 2013 18:44 schreef trovey het volgende: Evert, de vrouwelijke versie. :P
Ik ben er ook geen fan van. Heb t principe onlangs wel toegepast, maar dat was scrollable content, dat is wat anders
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?
Kan iemand mij vertellen hoe ik kan uitvissen of een pagina een submit heeft.
Uitleg, onderstaand stuk code gebruik ik als iemand een formulier invult maar niet verzend en naar een andere pagina gaat, dan krijg je een confirm te zien met de vraag of je de gewijzigde data wilt opslaan of juist verder wilt gaan. Nu wil ik wanneer een pagina gesubmit wordt (form submit) dat ik deze melding niet krijg... en eventueel als mogelijk ook een 'zoek' veld waarbij met enter gezocht kan worden niet mee genomen wordt... How do i do this?
Uitleg, onderstaand stuk code gebruik ik als iemand een formulier invult maar niet verzend en naar een andere pagina gaat, dan krijg je een confirm te zien met de vraag of je de gewijzigde data wilt opslaan of juist verder wilt gaan. Nu wil ik wanneer een pagina gesubmit wordt (form submit) dat ik deze melding niet krijg... en eventueel als mogelijk ook een 'zoek' veld waarbij met enter gezocht kan worden niet mee genomen wordt... How do i do this?
| 1 2 3 | $('input').live("change", function () { window.onbeforeunload = function () { return "De wijzigingen zijn nog niet opgeslagen, weet u zeker dat u verder gaat?" }; }); |
Just say hi!
Doen browsers dit niet al zelf?
Anyway, je kunt het form submit event gebruiken om te kijken of je je waarschuwing wel of niet moet geven
Anyway, je kunt het form submit event gebruiken om te kijken of je je waarschuwing wel of niet moet geven
Wat tijn zegt inderdaad. Houd ergens een variabele bij die standaard op false staat, en hang een functie aan het submit-event dat die variabele op true zet. Dan hoef je bij je bovenstaande functie alleen te checken welke waarde die variabele heeft.
Bedenk je wel dat als ze na het submitten weer dingen aanpassen de variabele weer terug op false moet, totdat er natuurlijk weer opnieuw wordt gesubmit.
Bedenk je wel dat als ze na het submitten weer dingen aanpassen de variabele weer terug op false moet, totdat er natuurlijk weer opnieuw wordt gesubmit.
Iemand nog goede artikel resources zoals zeldman, Brad frost, informaton architects, signal vs noise maar ook dingen als alistapart, smashing, 24ways etc?
“Specialization is for insects”.—Robert Heinlein
Website aan het optimaliseren. Van 3,2MB en 142 requests naar 1,3MB met 19 requests 
Pats
Pats
“Specialization is for insects”.—Robert Heinlein
Dan moet je wel je best doen.
Heb nu altijd 1 jsfile, 1 cssfile en 1 iconfont. Scheelt al onwijs
Heb nu altijd 1 jsfile, 1 cssfile en 1 iconfont. Scheelt al onwijs
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?
moet er wel bij zeggen dat 46 van de js was die nog niet samengevoegd was, maar alsnog heb ik geen idee waarom er 42 snippets/libraries nodig zijnquote:
Geen verstand van js enzo maar daar ga ik het nog ff over hebben met de dev[ Bericht 0% gewijzigd door n8n op 21-04-2014 20:46:19 ]
“Specialization is for insects”.—Robert Heinlein
fonts kan je als base64 in de main css zetten, geen FOUT meer, 1 request voor alle fonts. Deze site heeft er 6 wat al vrij riant is.quote:
Dan moet je wel je best doen.
Heb nu altijd 1 jsfile, 1 cssfile en 1 iconfont. Scheelt al onwijs
van ySlow
Moet nog de JS en gMaps toevoegen. Bij de JS zie ik nog genoeg mogelijkheden de size omlaag te halen. Voor gMaps ga ik waarschijnlijk over op afbeeldingen ipv. de Google API omdat het niet echt nodig is om een interactieve kaart te krijgen (plus dat er nu meteen bij het openen van de single page website wordt gevraagd om locatie-permissies).
In de Css zitten dus ook de fonts, zonder gzip is 371KB fonts van de 397
[ Bericht 2% gewijzigd door n8n op 22-04-2014 00:45:05 ]
“Specialization is for insects”.—Robert Heinlein
Iemand fatsoenlijke library om naar een volgende div te scrollen bij mousescroll of touch? Ik wil geen gebloate libraries waar ik weer drie andere libraries voor nodig heb. Kan zo even niet iets wat okay is vinden eigenlijk.
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
Script je zelf toch net zo makkelijk?
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?
Dan issie wel 33% groter dan als-ie niet base64 encoded is.quote:Op maandag 21 april 2014 20:40 schreef n8n het volgende:
[..]
iconfonts kan je als base64 in de main css zetten
Is ook de moeite niet. Ik heb liever elke request minder load dan 1x een fout minder. Daarbij gaat t dus niet eens per se sneller als de fontfile in hetzelfde requestblock meegaat.
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?
dat doe je weer teniet met gzip compressie.quote:Op maandag 21 april 2014 21:50 schreef Tijn het volgende:
[..]
Dan issie wel 33% groter dan als-ie niet base64 encoded is.
http://davidbcalhoun.com/(...)ges-and-when-not-to/
[ Bericht 13% gewijzigd door n8n op 22-04-2014 00:32:34 ]
“Specialization is for insects”.—Robert Heinlein
dat wel ja, single pager met alles er op en er aan dan krijg je datquote:Op maandag 21 april 2014 21:58 schreef KomtTijd... het volgende:
1,3MB voor een website vind ik nog steeds wel bizar veel.
“Specialization is for insects”.—Robert Heinlein
Dan nog. Je laadt alles in 1x in?quote:Op dinsdag 22 april 2014 00:15 schreef n8n het volgende:
[..]
dat wel ja, single pager met alles er op en er aan dan krijg je dat
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?
nee ik heb de css over 2 files verdeeld met main en extra content zodat ze naast elkaar geladen worden. De afbeeldingen zullen na de onload geladen worden. Er zijn ~300kb en 4 requests nodig om de pagina te zien opbouwen. Blijf mobiel daarvoor meestal wel onder de 3 sec. (800ms voor requests, 1200ms zou met 1mbs genoeg moeten zijn voor 300 kb). Wellicht de eerste css nog in 2en hakken.quote:
“Specialization is for insects”.—Robert Heinlein
Stroek: Sitethief, die is heel groot en sterk :Y.
Faat: *zucht* zoals gewoonlijk hoor Sitethief weer in de bocht >:)
Faat: *zucht* zoals gewoonlijk hoor Sitethief weer in de bocht >:)
Was hier al eens besprokenquote:
Jarenlang braaf allerlei frameworks gebruikt, krijg je dit: http://vanilla-js.com/
Vanilla JS
var s = document.getElementById('thing').style;
s.opacity = 1;
(function fade(){(s.opacity-=.1)<0?s.display="none":setTimeout(fade,40)})();
jQuery
<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script>
$('#thing').fadeOut();
</script>
Wel knap dat vanilla js zonder <script> tag werkt
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.
👾
Laat ze developmenttijd en user experience impact ook meenemen.
Dat eerste is veel lager en het tweede nihiel
Dat eerste is veel lager en het tweede nihiel
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?
animeren met js/query libquote:
[..]
Was hier al eens besproken
Vanilla JS
var s = document.getElementById('thing').style;
s.opacity = 1;
(function fade(){(s.opacity-=.1)<0?s.display="none":setTimeout(fade,40)})();
jQuery
<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script>
$('#thing').fadeOut();
</script>
Wel knap dat vanilla js zonder <script> tag werkt
but why.
“Specialization is for insects”.—Robert Heinlein
Iemand hier al naar gekeken/is dit wat? http://component.io
“Specialization is for insects”.—Robert Heinlein
wordt zonder na te denken een lib gepakt van 100kb, soms alleen om een formulier te valideren. Is het niet zo dat veel net als bij css veel van de syntax al browser compatibele is. Css frameworks zijn helemaal verschrikkelijk, laadt honderden kb's aan de lelijkste troep in die je dwingt van je html troep te maken en je website gijzelt lelijke code te blijven gebruiken. Bahquote:
“Specialization is for insects”.—Robert Heinlein
Ik bedoel, dat de selectie van elementen op tags en ID sneller zijn in vanilla is niet zo raar. Maar dat fadeout voorbeeldje gaat dan niet zozeer meer om snelheid lijkt me... juist voor dat soort 'complexere' dingen zijn frameworks fijn imho.
Stroek: Sitethief, die is heel groot en sterk :Y.
Faat: *zucht* zoals gewoonlijk hoor Sitethief weer in de bocht >:)
Faat: *zucht* zoals gewoonlijk hoor Sitethief weer in de bocht >:)
Node 
Op dinsdag 13 augustus schreef Xa1pt:
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.
Dus niet 'fuck frameworks' maar 'fuck de developers die zonder na te denken een framework pakken'.quote:
[..]
wordt zonder na te denken een lib gepakt van 100kb, soms alleen om een formulier te valideren. Is het niet zo dat veel net als bij css veel van de syntax al browser compatibele is. Css frameworks zijn helemaal verschrikkelijk, laadt honderden kb's aan de lelijkste troep in die je dwingt van je html troep te maken en je website gijzelt lelijke code te blijven gebruiken. Bah
Op dinsdag 13 augustus schreef Xa1pt:
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.
dat moet k nog ff inlezen ja, gebruik het nu alleen om gulp te draaienquote:
“Specialization is for insects”.—Robert Heinlein
touche maar alsnog. Die developers zie ik vaak niet, alleen de troep die ze achterlatenquote:
[..]
Dus niet 'fuck frameworks' maar 'fuck de developers die zonder na te denken een framework pakken'.
“Specialization is for insects”.—Robert Heinlein
Sowieso is performance niet het hoogste doel in software ontwikkeling. Maar bedoelen we hier nou dingen als jQuery? Dat is toch helemaal geen framework?quote:
Ik bedoel, dat de selectie van elementen op tags en ID sneller zijn in vanilla is niet zo raar. Maar dat fadeout voorbeeldje gaat dan niet zozeer meer om snelheid lijkt me... juist voor dat soort 'complexere' dingen zijn frameworks fijn imho.
Als ik 2 functies nodig heb die ik zonder na te denken in jquery uit mijn mouw kan schudden pak ik gewoon jquery hoor, fuck moeilijk doen als het makkelijk kan.
Als je een bekend CDN gebruikt valt dat inladen ook wel mee.
Als je een bekend CDN gebruikt valt dat inladen ook wel mee.
De projecten waar ik aan werk hebben over het algemeen dusdanig veel javascript nodig dat jQuery sowieso uit kan.
En daarbij zijn dat 9 van de 10 keer webapplicaties die op desktops worden gebruikt. Dus die 95kb maakt dan ook niet uit.
jQuery ui gebruik ik trouwens bijna nooit meer. Bootstrap vind ik toch fijner
En daarbij zijn dat 9 van de 10 keer webapplicaties die op desktops worden gebruikt. Dus die 95kb maakt dan ook niet uit.
jQuery ui gebruik ik trouwens bijna nooit meer. Bootstrap vind ik toch fijner
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?
Volgens de Nederlandse Wikipedia wel, de Engelse vind dat het een library isquote:Op maandag 28 april 2014 09:57 schreef Tijn het volgende:
[..]
Sowieso is performance niet het hoogste doel in software ontwikkeling. Maar bedoelen we hier nou dingen als jQuery? Dat is toch helemaal geen framework?
.Zelf zeggen ze:
MooTools daarentegen:quote:jQuery is a fast, small, and feature-rich JavaScript library.
Terwijl het verschil nou weer niet zo heel groot is.quote:MooTools is a compact, modular, Object-Oriented JavaScript framework
Wat is eigenlijk het verschil tussen een Library en een Framework?
Stroek: Sitethief, die is heel groot en sterk :Y.
Faat: *zucht* zoals gewoonlijk hoor Sitethief weer in de bocht >:)
Faat: *zucht* zoals gewoonlijk hoor Sitethief weer in de bocht >:)
Ik zou zeggen dat een framework de structuur van je project voorschrijft, terwijl een library niet meer is dan een set functies die je in elke projectstructuur kunt gebruiken.quote:
[..]
Wat is eigenlijk het verschil tussen een Library en een Framework?
Ik heb jQuery UI serieus nog nooit gebruikt.quote:Op maandag 28 april 2014 10:01 schreef Catch22- het volgende:
De projecten waar ik aan werk hebben over het algemeen dusdanig veel javascript nodig dat jQuery sowieso uit kan.
En daarbij zijn dat 9 van de 10 keer webapplicaties die op desktops worden gebruikt. Dus die 95kb maakt dan ook niet uit.
jQuery ui gebruik ik trouwens bijna nooit meer. Bootstrap vind ik toch fijner
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
Ik vond het wel handig. Maar het was hoofdzakelijk de datepicker die ik gebruikte eigenlijk.quote:
[..]
Ik heb jQuery UI serieus nog nooit gebruikt.
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 jQuery UI altijd al een verschrikkelijk project gevonden. Echt niks dan lompheid.quote:
jQuery ui gebruik ik trouwens bijna nooit meer. Bootstrap vind ik toch fijner
met websites is snelheid een van de belangrijkste punten.quote:
[..]
Sowieso is performance niet het hoogste doel in software ontwikkeling. Maar bedoelen we hier nou dingen als jQuery? Dat is toch helemaal geen framework?
“Specialization is for insects”.—Robert Heinlein
Het is wel wat log. Maar er zaten genoeg functies in die ik nodig had in mijn applicaties.quote:Op maandag 28 april 2014 10:08 schreef Tijn het volgende:
[..]
Ik heb jQuery UI altijd al een verschrikkelijk project gevonden. Echt niks dan lompheid.
In websites heb je het inderdaad zelden nodig.
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 moet je altijd bewust blijven van de performance, maar om je nou in allerlei bochten te wringen om het includen van 30K aan code te vermijden gaat mij wat te ver.quote:
[..]
met websites is snelheid een van de belangrijkste punten.
dat is waar maar daarom leek mij die component.io wel interessant omdat het eigenlijk alleen maar functies zijn die je (met node?) samenvoegt waardoor je wel alleen gebruikt wat je nodig hebt. Als zulke componenten getest zijn en je roept alleen aan wat nodig is ben je in principe net zo snel klaar of zie ik het nu verkeerd?quote:
[..]
Je moet je altijd bewust blijven van de performance, maar om je nou in allerlei bochten te wringen om het includen van 30K aan code te vermijden gaat mij wat te ver.
“Specialization is for insects”.—Robert Heinlein
Conceptueel niet, qua performance wellicht wel omdat de functies kleiner (en sneller) zijnquote:
Maar dat is conceptueel niet heel anders dan een paar jQuery plugins gebruiken, toch?
“Specialization is for insects”.—Robert Heinlein
Dat ligt maar net aan welke plugins je gebruikt.quote:
[..]
Conceptueel niet, qua performance wellicht wel omdat de functies kleiner (en sneller) zijn
Ok dat is waar, is niet allemaal (library-)dependency free wat ik dacht.quote:
[..]
Dat ligt maar net aan welke plugins je gebruikt.
“Specialization is for insects”.—Robert Heinlein
ik ben wat aan het testen en heb de volgende CSS:
op Chrome werkt dit goed.
op IE10 krijg ik geen ronde hoeken, terwijl IE10 wel border-radius ondersteund (als ik de voorbeeld pagina van w3schools erbij pak werkt het wel goed)
doe ik wat verkeerd, zie ik b.v. iets over het hoofd? of moet dit gewoon werken?
| 1 2 3 4 5 6 7 8 | div{ margin-left: 10px; margin-right: 10px; padding-left: 10px; background-color: #F50004; border:2px solid; border-radius:7px; } |
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 | <!DOCTYPE html> <html> <head> <title></title> <link rel="stylesheet" href="index.css" /> </head> <body> <div> <form action=""> <select> <option> </option> <option>optie 1</option> </select> </form> </div> </body> </html> |
op Chrome werkt dit goed.
op IE10 krijg ik geen ronde hoeken, terwijl IE10 wel border-radius ondersteund (als ik de voorbeeld pagina van w3schools erbij pak werkt het wel goed)
doe ik wat verkeerd, zie ik b.v. iets over het hoofd? of moet dit gewoon werken?
Als een keer naar http://www.cssmatic.com/border-radius gekeken.quote:
ik ben wat aan het testen en heb de volgende CSS:
[ code verwijderd ]
[ code verwijderd ]
op Chrome werkt dit goed.
op IE10 krijg ik geen ronde hoeken, terwijl IE10 wel border-radius ondersteund (als ik de voorbeeld pagina van w3schools erbij pak werkt het wel goed)
doe ik wat verkeerd, zie ik b.v. iets over het hoofd? of moet dit gewoon werken?
Deze muziek smaakt naar bier :)
Es bedarf keiner Psychoanalyse, um festzustellen, dass das Leben ein einziger Friedhof gescheiterter Pläne ist!
Es bedarf keiner Psychoanalyse, um festzustellen, dass das Leben ein einziger Friedhof gescheiterter Pläne ist!
dat werkt ook goed..quote:
[..]
Als een keer naar http://www.cssmatic.com/border-radius gekeken.
ik zie nu, in de IE developer toolbar, dat hij om de een of andere reden bij deze lokale site op quirks document mode stond..
dan gaat het niet werken nee
problem solved
Ik zit even vast, waarschijnlijk te lang erna gekeken,
Ik probeer een callback functie aan te roepen nav een parameter.
Maar deze geeft een foutmelding die ik niet snap:
SyntaxError: missing] after element list
handleFooReturn([object Object])
Of
SyntaxError: missing] after element list
handleBarReturn([object Object])
Ik probeer een callback functie aan te roepen nav een parameter.
Maar deze geeft een foutmelding die ik niet snap:
SyntaxError: missing] after element list
handleFooReturn([object Object])
Of
SyntaxError: missing] after element list
handleBarReturn([object Object])
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 | $(".foo").click(function(){ var params = { authField: $(this) callBack: 'handleFooReturn' }; var data = executeAjax(params); }); $(".bar").click(function(){ var params = { authField: $(this) callBack: 'handleBarReturn' }; var data = executeAjax(params) ; }); function executeAjax(params){ $.ajax({ type: "POST", url: baseUrl, data: $.param(params), dataType: "json", success:function(data){ if(params.callBack){ var callBack = ""+params.callBack+"("+data+","+params+")"; eval(callBack); } } }); } function handleFooReturn(data, params){ console.log('Foo'); console.log(data); console.log(params); } function handleBarReturn(data, params){ console.log('Bar'); console.log(data); console.log(params); } |
Is er iets zoals html5doctor voor JavaScript?
http://html5doctor.com
Dus een overzichtelijke documentatie met up to date best practice voorbeelden?
http://html5doctor.com
Dus een overzichtelijke documentatie met up to date best practice voorbeelden?
“Specialization is for insects”.—Robert Heinlein
Qua documentatie is denk ik MDN de beste bron.
Qua best practice voorbeelden blijft de videoserie van Douglas Crockford een aanrader: http://yuiblog.com/crockford/
En verder natuurlijk de documentatie van je library/framework/wat je ook gebruikt
Qua best practice voorbeelden blijft de videoserie van Douglas Crockford een aanrader: http://yuiblog.com/crockford/
En verder natuurlijk de documentatie van je library/framework/wat je ook gebruikt
Maar kun je al programmeren? Heb je de basisprincipes door en beheers je een andere taal? Want als dat niet zo is, zou ik eerst dat leren voordat je in Javascript duikt. Er zijn tegenwoordig allerlei MOOCs waarin je bv in C of Python prima de essentie leer te begrijpen.
Probeer een komma tussen verschillende elementen van je object:quote:
Ik zit even vast, waarschijnlijk te lang erna gekeken,
Ik probeer een callback functie aan te roepen nav een parameter.
Maar deze geeft een foutmelding die ik niet snap:
SyntaxError: missing] after element list
handleFooReturn([object Object])
Of
SyntaxError: missing] after element list
handleBarReturn([object Object])
[ code verwijderd ]
| 1 2 3 4 | var params = { authField: $(this), callBack: 'handleBarReturn' }; |
Overigens is die eval echt vies. Volgens mij kan je ook gewoon dit doen in je success function:
| 1 2 3 | if(typeof(params.callBack) === "function") { params.callBack(data, params); } |
[ Bericht 2% gewijzigd door picodealion op 05-05-2014 09:34:27 ]
Ow mn komma's ware weggevallen tijdens het uitkleden van de functie, die vergeet ik gelukkig niet.quote:
[..]
Probeer een komma tussen verschillende elementen van je object:
[ code verwijderd ]
Overigens is die eval echt vies. Volgens mij kan je ook gewoon dit doen in je success function:
[ code verwijderd ]
Normaal zijn de params bijvoorbeeld
| 1 2 3 4 5 6 | var params = { authField: $authType, authValue: authValue, authId: $authId, callBack: 'changeAuthCallback' }; |
Ik vind Eval ook vies maar wist geen andere manier, daar zat ook de echte fout, ik ga je code vanmiddag even proberen.
Je kunt ook .call() of .apply() gebruiken.quote:
[..]
Ik vind Eval ook vies maar wist geen andere manier
Nee. Weet de basis van php en nu dan ook js. Arrays, loops, objecten en wat principes rondom DRY/modulair te werk gaan. In principe zal ik nu wel aardig ver komen door te doen en uit te zoeken. Mijn beef met programmeren is alleen dat de voorbeelden vaak van bedroevende kwaliteit zijn. Als ik kijk naar css/html voorbeelden (zelfs van gerenommeerde websites) is het meestal om te janken.quote:
Maar kun je al programmeren? Heb je de basisprincipes door en beheers je een andere taal? Want als dat niet zo is, zou ik eerst dat leren voordat je in Javascript duikt. Er zijn tegenwoordig allerlei MOOCs waarin je bv in C of Python prima de essentie leer te begrijpen.
Php voorbeelden zijn meestal volgens verouderde modellen. Javascript vind ik überhaupt lastig omdat 99,6% tegenwoordig jQuery is
zelfs hele simpele zut als een class wijzigen na input. Wat maakt JS (en evt. php) minder geschikt dan.
En bedankt voor je resources op mdn staan er ook nog veel.
“Specialization is for insects”.—Robert Heinlein
Er is niks mis met jQuery imho, maar als beginner zou ik eerst zorgen dat je Javascript zelf echt begrijpt voordat je met allerlei libraries en frameworks aan de slag gaat.
Er is idd een hoop troep te vinden op internet. Ik zou zelf ook zo 123 geen website weten waar het wel goed wordt uitgelegd.
Er is idd een hoop troep te vinden op internet. Ik zou zelf ook zo 123 geen website weten waar het wel goed wordt uitgelegd.
ja jQuery is prima natuurlijk maar niet als je net komt kijken bij JS al zie ik meestal beginners gewoon de library inladen en vervolgens 5 scripts er bovenop gooien, dat wil ik zelf dus niet. Daardoor gaan dus ook 99% van stackoverflow vragen en artikelen over jQuery en dat is nogal irritant.quote:
Er is niks mis met jQuery imho, maar als beginner zou ik eerst zorgen dat je Javascript zelf echt begrijpt voordat je met allerlei libraries en frameworks aan de slag gaat.
Er is idd een hoop troep te vinden op internet. Ik zou zelf ook zo 123 geen website weten waar het wel goed wordt uitgelegd.
“Specialization is for insects”.—Robert Heinlein
Je kunt in elk geval die video's van Douglas Crockford kijken en misschien z'n boek lezen, da's sowieso goed materiaal.
quote:
quote:
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 | $(document).ready(function(){ $(".foo").click(function(){ var params = { authField: $(this), callBack: handleFooReturn }; executeAjax(params); }); $(".bar").click(function(){ var params = { authField: $(this), callBack: handleBarReturn }; executeAjax(params) ; }); }); function executeAjax(params){ var data = { success: 'yay', error: 'ahw' }; var returnData = { data: data, params: params }; if(params.callBack){ params.callBack.apply( returnData ); } } function handleFooReturn(data, params){ console.log('Foo'); console.log( this ); console.log(this.data); console.log(this.params); console.log(this.data.success); console.log(this.data.error); this.params.authField.css('border', '2px solid red'); } function handleBarReturn(data, params){ console.log('Bar'); console.log( this ); console.log(this.data); console.log(this.params); console.log(this.data.success); console.log(this.data.error); this.params.authField.css('border', '2px solid red'); } |
Dit is het uiteindelijk geworden, ten eerste had ik dus quotes om mn functienaam waardoor het een string was en dus geen functie.
En ten tweede de eval ipv apply.
Die 'returnData' kan vast beter, maar het werkt iig.
Bedankt alle twee
Inderdaad, erg vervelend. Ik probeer ook standaard vragen te beantwoorden in vanilla JS, en comment vaak ook wel bij de jQuery antwoorden dat ze die alleen moeten gebruiken als jQuery sowieso al werd ingeladen. Onbegonnen werk natuurlijk, maar als ik er ook maar 1 of 2 kan laten inzien dat je lang niet altijd jQuery nodig hebt ben ik al tevreden..quote:
[..]
ja jQuery is prima natuurlijk maar niet als je net komt kijken bij JS al zie ik meestal beginners gewoon de library inladen en vervolgens 5 scripts er bovenop gooien, dat wil ik zelf dus niet. Daardoor gaan dus ook 99% van stackoverflow vragen en artikelen over jQuery en dat is nogal irritant.
Ps, ben het met jullie eens, eerst vanilla leren, dat maakt jquery gebruiken veel makkelijker.
Je leert ook de DOM beter kennen.
Ik schreef vroeger greasemonkey userscripts volledig in vanilla (4 jaar geleden), daarna leerde ik pas het bestaan van jquery.
Je leert ook de DOM beter kennen.
Ik schreef vroeger greasemonkey userscripts volledig in vanilla (4 jaar geleden), daarna leerde ik pas het bestaan van jquery.
ja dankjewel. Sowieso altijd goed om het kaf op te zoeken. Ben somehow enthousiaster over js dan php terwijl ik er altijd (mede door jQueryquote:
Je kunt in elk geval die video's van Douglas Crockford kijken en misschien z'n boek lezen, da's sowieso goed materiaal.
) wat afstandelijk naar was on te leren
“Specialization is for insects”.—Robert Heinlein
Javascript is echt een ontzettend toffe taal.quote:
[..]
ja dankjewel. Sowieso altijd goed om het kaf op te zoeken. Ben somehow enthousiaster over js dan php terwijl ik er altijd (mede door jQuery
Maakt iemand trouwens gebruik van Google closure? Is een template systeem, library en compiler voor js. Had de io presentatie gekeken maar het lijkt nooit echt te zijn aangeslagen terwijl het toch een soort sass/compass is voor js waarmee je alleen compiled wat gebruikt wordt.
“Specialization is for insects”.—Robert Heinlein
heb bijna m'n codeacedemy diploma vind het erg tof, is ook de eerste course die ik af ga maken. Voor php zit ik toch te denken me juist wel op een frameworks (laravel) te storten maar dat terzijde.quote:
[..]
Javascript is echt een ontzettend toffe taal.
“Specialization is for insects”.—Robert Heinlein
Diploma?quote:
[..]
heb bijna m'n codeacedemy diploma vind het erg tof, is ook de eerste course die ik af ga maken. Voor php zit ik toch te denken me juist wel op een frameworks (laravel) te storten maar dat terzijde.
Op dinsdag 13 augustus schreef Xa1pt:
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.
Aankomende tien jaar programmeer ik er nog wel in.quote:
[..]
Javascript is echt een ontzettend toffe taal.
Op dinsdag 13 augustus schreef Xa1pt:
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.
'diploma'. Introductiecursus die me bekend maakt met de syntax, modellen en gebruik. Elk hoofdstuk heeft ook een bruikbare oefening op het eind waardoor de toepassing duidelijker is.quote:
“Specialization is for insects”.—Robert Heinlein
Mja, er is ook weinig andere keusquote:
[..]
Aankomende tien jaar programmeer ik er nog wel in.
Klopt, het is alleen soms wel wennen als je het rechtlijnige PHP gewend bentquote:
[..]
Javascript is echt een ontzettend toffe taal.
.
Stroek: Sitethief, die is heel groot en sterk :Y.
Faat: *zucht* zoals gewoonlijk hoor Sitethief weer in de bocht >:)
Faat: *zucht* zoals gewoonlijk hoor Sitethief weer in de bocht >:)
Ah oke.quote:
[..]
'diploma'. Introductiecursus die me bekend maakt met de syntax, modellen en gebruik. Elk hoofdstuk heeft ook een bruikbare oefening op het eind waardoor de toepassing duidelijker is.
Ja true. Als ik kijk hoe gemakkelijk ik nu een volledige applicatie bouw in node met express en handlebars als templating machine en hoe geweldig dat schaalt terwijl de codebase echt klein blijft, dan is dat echt wonderbaarlijk.quote:
Op dinsdag 13 augustus schreef Xa1pt:
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.
Zijn hier toevallig geen mensen die mij kunnen helpen met dit issue: DIG / [Wordpress] Algemeen topic deel 8
?
?
Is het weer om te lachen?
De header wordt ergens gewijzigd, dit moet echter als allerallerallereerste in je code staan, zelfs geen witregel. Dat is de fout waarnaar je moet zoeken.quote:
Zijn hier toevallig geen mensen die mij kunnen helpen met dit issue: DIG / [Wordpress] Algemeen topic deel 8
?
Hier meer info voor de zoektocht en hoe het te fixen:
http://stackoverflow.com/(...)dy-sent-error-in-php
Sorry, ben eigenlijk niet zo'n held in PHP, maar vaak kom ik met een beetje lezen en proberen wel een aardig eind. Ik heb bij dit probleem het idee dat het betreffende bestand pluggable.php gewoon goed is, ook al geeft ie hierin een foutmelding. Ik heb namelijk geen spaties gevonden, de code begint gewoon met <?php en de codering aanpassen naar zonder BOM helpt ook niet. Het probleem doet zich ook voor bij de quickscan, wat een plugin is. Kan het niet zijn dat één van de plugin-bestanden het probleem in pluggable.php veroorzaakt?quote:
[..]
De header wordt ergens gewijzigd, dit moet echter als allerallerallereerste in je code staan, zelfs geen witregel. Dat is de fout waarnaar je moet zoeken.
Hier meer info voor de zoektocht en hoe het te fixen:
http://stackoverflow.com/(...)dy-sent-error-in-php
Is het weer om te lachen?
Hou dat even in dat topic of in het php topic ajb
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?
Excuus, wist niet dat er een specifiek PHP-topic was, maar heb inmiddels al hulp in het Wordpress-topic.quote:
Hou dat even in dat topic of in het php topic ajb
Is het weer om te lachen?
Ik compileer per breakpoint een apart css-bestand zodat ik het inladen van stijlen beperk tot wat relevant is. Nu heb ik een media-attibuut in de link gezet maar toch laden browsers beide bestanden in. What gives?
Weet iemand hier een nette oplossing voor of is het wat het is? (met px als unit werkt het ook niet)
Weet iemand hier een nette oplossing voor of is het wat het is? (met px als unit werkt het ook niet)
“Specialization is for insects”.—Robert Heinlein
quote:
my life. Maar nee dat verhelpt het niet, jammer wel.
“Specialization is for insects”.—Robert Heinlein
Is t niet max-screen-width?
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?
Ja ik had meteen de fml/fuckyeah mixed feelings maar helaas. Wellicht ook niet de moeite waard voor uiteindelijk ~20KB aan extra styles, was meer dat het met gulp wel heel makkelijk wordt gemaakt specifieke css-bestanden te compileren.quote:
Hmm, jammer altijd leuk als het van die kleine fuckups zijn
“Specialization is for insects”.—Robert Heinlein
Lijkt er niet op, dan pakt ie geen enkele stylesheet meerquote:
“Specialization is for insects”.—Robert Heinlein
Op welke resolutie heb je het getest?quote:
[..]
Lijkt er niet op, dan pakt ie geen enkele stylesheet meer
"You know what Hell really is? It's not lakes of burning oil or chains of ice. It's being removed from God's sight."
Ik heb Javascript beetje geleerd via codeacademy.
Maar als ik dan in een willekeurige Javascript of Jquery duik, begrijp ik er geen ene hol van, i.t.t. de Javascript op codeacademy.
Weet iemand hoe ik het beste kan beginnen met de basics in Javascript. Ben redelijk thuis in programmeren (OO PHP).
Maar als ik dan in een willekeurige Javascript of Jquery duik, begrijp ik er geen ene hol van, i.t.t. de Javascript op codeacademy.
Weet iemand hoe ik het beste kan beginnen met de basics in Javascript. Ben redelijk thuis in programmeren (OO PHP).
Als je kunt programmeren zal een gemiddeld javascript-script geen enkel probleem voor je zijn.
Programmeren leer je uiteraard niet door codeacademy te volgen, maar door het te doen.
Programmeren leer je uiteraard niet door codeacademy te volgen, maar door het te doen.
Had ik de Javascriptvideo's van Douglas Crockford wel eens genoemd?quote:
Ik heb Javascript beetje geleerd via codeacademy.
Maar als ik dan in een willekeurige Javascript of Jquery duik, begrijp ik er geen ene hol van, i.t.t. de Javascript op codeacademy.
Weet iemand hoe ik het beste kan beginnen met de basics in Javascript. Ben redelijk thuis in programmeren (OO PHP).
Maar serieus, het is de beste introductie van Javascript die ik ken. Dus daar gaat-ie weer: http://yuiblog.com/crockford/
Mwah, Javascript heeft wel een beetje een eigen stijl met al die closures, object literals etc.quote:
Als je kunt programmeren zal een gemiddeld javascript-script geen enkel probleem voor je zijn.
Ik snap wel dat als je verder alleen PHP kent, Javascript niet direct duidelijk is.
1280*800 en dan een beetje heen en weer met de breedte.quote:Op zondag 11 mei 2014 14:10 schreef Devolution het volgende:
[..]
Op welke resolutie heb je het getest?
“Specialization is for insects”.—Robert Heinlein
Vraagje: ik heb een pagina gemaakt met verschillende 'sections', elk met een eigen background-color. In de 'wrapper' div heb ik een transparante background-image (PNG). Maar om een of andere reden krijg ik de background-image niet te zien. Hoe komt dat? Ik kom er niet uit..
Hier onder de relevante HTML en CSS. Bij voorbaat dank!
Hier onder de relevante HTML en CSS. Bij voorbaat dank!
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 | <div id="wrapper"> <nav></nav> <section id="home"> </section> <section id="about"> </section> <section id="portfolio"> </section> <section id="cv"> </section> <section id="contact"> </section> <footer></footer> </div> |
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 | #wrapper { position:relative; background-image:url(images/ruis.png); z-index:10; } nav { background-color:#2e2e2e; position:fixed; width:100%; left:0px; top:0px; z-index:10; } section { position:relative; display:block; width:100%; min-height:800px; z-index:-1; } #home { background-color:#ffffff; min-height:600px; margin-top:40px; } #about { background-color:#67C59F; } #portfolio { background-color:#EC896B; } #cv { background-color:#FFE158; } #contact { background-color:#092A97; } footer { background-color:#2e2e2e; min-height:250px; background-image:url(images/ruis.png); } |
Ja, daar heb ik los naar verwezen in de CSS en die werkt wel gewoon.
Voor diegenen die trouwens de hele code willen zien: www.floriskoch.com
Voor diegenen die trouwens de hele code willen zien: www.floriskoch.com
Ja wellicht, maar ik dacht dat je dat met de z-index kon oplossen. Ik zit namelijk met die 3hoeks divs onderaan elke section, die moeten ook dezelfde achtergrond-image krijgen als de sections. Maar aangezien die voor een deel transparant zijn lever dat problemen op..
je kan een element niet onder de parent zettenquote:
Ja wellicht, maar ik dacht dat je dat met de z-index kon oplossen. Ik zit namelijk met die 3hoeks divs onderaan elke section, die moeten ook dezelfde achtergrond-image krijgen als de sections. Maar aangezien die voor een deel transparant zijn lever dat problemen op..
“Specialization is for insects”.—Robert Heinlein
Eigenlijk wil ik alleen dat de driehoeken bovenaan de sections dezelfde background-image krijgen als de sections. Maar dat lukt niet, ook niet met border-image. Dan verdwijnt de kleur weer namelijk.
voor update zie www.floriskoch.com
voor update zie www.floriskoch.com
En wat had je dan gebruikt als max-width? Probeer daar eens een max-width van 1200px neer te zetten en dan te schakelen tussen een resolutie van 1100x800 en 1280x800 pixels. Zie je dan geen verandering in styling?quote:
[..]
1280*800 en dan een beetje heen en weer met de breedte.
"You know what Hell really is? It's not lakes of burning oil or chains of ice. It's being removed from God's sight."
De breakpoints werken wel, dacht alleen dat wanneer je media in de link als attribuut zet de bestanden alleen zouden worden gedownload wanneer er aan de eisen voldaan werd maar blijkbaar pakt ie alsnog alle gelinkte bestanden.quote:
[..]
En wat had je dan gebruikt als max-width? Probeer daar eens een max-width van 1200px neer te zetten en dan te schakelen tussen een resolutie van 1100x800 en 1280x800 pixels. Zie je dan geen verandering in styling?
“Specialization is for insects”.—Robert Heinlein
Misschien kun je hier iets mee. Conditional loading of resources with mediaqueriesquote:
[..]
De breakpoints werken wel, dacht alleen dat wanneer je media in de link als attribuut zet de bestanden alleen zouden worden gedownload wanneer er aan de eisen voldaan werd maar blijkbaar pakt ie alsnog alle gelinkte bestanden.
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
Ben geen voorstander van het conditioneel inladen van CSS met JavaScript. Dan liever die paar honderd extra regels code in de main stylesheet die ik vrijwel altijd in toch onder de 12Kb minified gzipped hou. Een referentie naar een artikel kon me wel bekoren dus in ieder geval bedankt. Is echt een luxeprobleem om uiteindelijk 1Kb ofzo te besparenquote:
[..]
Misschien kun je hier iets mee. Conditional loading of resources with mediaqueries
“Specialization is for insects”.—Robert Heinlein
Het leek mij ook wat overbodig gezien de bestandsgrootte waar je het over had maar ik wou toch even laten zien dat er wel mogelijkheden beschikbaar zijn als je het zou willen.quote:
[..]
Ben geen voorstander van het conditioneel inladen van CSS met JavaScript. Dan liever die paar honderd extra regels code in de main stylesheet die ik vrijwel altijd in toch onder de 12Kb minified gzipped hou. Een referentie naar een artikel kon me wel bekoren dus in ieder geval bedankt. Is echt een luxeprobleem om uiteindelijk 1Kb ofzo te besparen
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
Ja inderdaad, was met name omdat het tegenwoordig zo makkelijk is aparte versies te compilen maar het is inderdaad vrij overbodig.quote:
[..]
Het leek mij ook wat overbodig gezien de bestandsgrootte waar je het over had maar ik wou toch even laten zien dat er wel mogelijkheden beschikbaar zijn als je het zou willen.
“Specialization is for insects”.—Robert Heinlein
| 1 2 3 4 5 6 7 8 9 | saveFormEvent: function(closeAfterSave,customSave,mailDialog,closedDialog){ var customSave = typeof customSave !== 'undefined' ? customSave : false; var mailDialog = typeof mailDialog !== 'undefined' ? mailDialog : true; var closeAfterSave = typeof closeAfterSave !== 'undefined' ? closeAfterSave : true; var closedDialog = typeof closedDialog !== 'undefined' ? closedDialog : true; var elements = this.gatherElementsForSave(); var properties = this.gatherPropertiesForSave(); return this.saveForm(elements,properties,closeAfterSave,customSave,mailDialog,closedDialog); }, |
Is er een betere manier om default values voor variabelen te zetten?
Stroek: Sitethief, die is heel groot en sterk :Y.
Faat: *zucht* zoals gewoonlijk hoor Sitethief weer in de bocht >:)
Faat: *zucht* zoals gewoonlijk hoor Sitethief weer in de bocht >:)
ja. extenden
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 | <?php saveFormevent({ customSave: "jaja", closedDialog: "jaja" }) saveFormevent = function(options) { var defaults = { customSave: "jaja", closedDialog: "jaja", trekken: "lekker" } $.extend(defaults,options); } ?> |
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?
JS
Moet toch de string 'click' loggen waneer ik op een element met de className toggle klik of zie ik scheel?
| 1 2 3 4 5 | document.getElementsByClassName('toggle').onclick = function toggle() { console.log('click'); }; |
Moet toch de string 'click' loggen waneer ik op een element met de className toggle klik of zie ik scheel?
“Specialization is for insects”.—Robert Heinlein
probeer dit eens:quote:
JS
[ code verwijderd ]
Moet toch de string 'click' loggen waneer ik op een element met de className toggle klik of zie ik scheel?
| 1 2 3 4 5 | document.getElementsByClassName('toggle').onclick = function() { console.log('click'); }; |
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.
👾
Neen, helaas. Zou toch ook niet uit moeten maken? Dacht dat het best practice was om je fucntions te beschermen met een naam, vandaar dat ie er zat.quote:
“Specialization is for insects”.—Robert Heinlein
http://jsfiddle.net/LGEku/quote:
[..]
Neen, helaas. Zou toch ook niet uit moeten maken? Dacht dat het best practice was om je fucntions te beschermen met een naam, vandaar dat ie er zat.
zo dan
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.
👾
getElementsByClassName retourneert een array.
Op dinsdag 13 augustus schreef Xa1pt:
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.
Ja, zoiets.quote:
Op dinsdag 13 augustus schreef Xa1pt:
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.
Hey het werktquote:
is trouwens iets sneller omdat anders per ronde opnieuw de index berekend moet worden.quote:( var i=0, total = togglebuttons.length; i < total; i++ )
Bedankt!
“Specialization is for insects”.—Robert Heinlein
Kreeg net een undefined is not a function error, ga nu verder met de werkende selectors van mtsxquote:
getElementsByClassName retourneert een array.
“Specialization is for insects”.—Robert Heinlein
Ik heb een vraagje.
Weet iemand waarom de active class er meteen weer wordt afgehaald als ik de knop loslaat? En is er een methode waarmee je de aanpassingen permanent kan maken?
| 1 2 3 4 5 | $('#search').keyup(function(e){ if(e.which === '40'){ $('.item').addClass('.active'); } }); |
Weet iemand waarom de active class er meteen weer wordt afgehaald als ik de knop loslaat? En is er een methode waarmee je de aanpassingen permanent kan maken?
Lekker happen
Dan zit er ergens anders in je script een actie die die class weghaalt want in dit stukje code gebeurt dat niet.quote:Op dinsdag 20 mei 2014 13:29 schreef -Datdus- het volgende:
Ik heb een vraagje.
[ code verwijderd ]
Weet iemand waarom de active class er meteen weer wordt afgehaald als ik de knop loslaat? En is er een methode waarmee je de aanpassingen permanent kan maken?
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.
👾
Oh, ja! je hebt gelijk! Dankjewel voor de helderheid.quote:
[..]
Dan zit er ergens anders in je script een actie die die class weghaalt want in dit stukje code gebeurt dat niet.
EDIT: en het werkt.
Lekker happen
Zo! En nu eerst een Bavaria. M'n eerste praktische JavaScript.
Heb vanaf vanmorgen met die toggle zitten klooien omdat ik wat foefjes nodig had.
Ik heb een .toggle en een .menu. Wanneer de .toggle geklikt wordt krijgt deze een .open. Wil natuurlijk wel dat de andere menu's gesloten zijn als er een menu geopend wordt.
De functie kijkt nu eerst naar de huidige staat van de .toggle wanneer er op geklikt wordt. Dan reset de loop alle .toggle's zodat alle menu's dicht gaan. Als laatst wordt op basis van de voorgaande staat bepaald of het menu bij klikken open of dicht moet.
Ben best trots op mezelf, helemaal geLint. Feedback is welkom.
* De eerste functie is een soort framework ding om makkelijk elementen te selecteren.
[ Bericht 0% gewijzigd door n8n op 20-05-2014 23:39:22 ]
Heb vanaf vanmorgen met die toggle zitten klooien omdat ik wat foefjes nodig had.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 | // returns an object containing elements with an id, class or tag name function get(query) { var attribute = query.substring(1, 0), // isolate attribute identifier content = query.substring(1); // remove attribute identifier // create and return object from matching elements if (attribute === '.') { return document.getElementsByClassName(content); // todo: add <IE9 polyfill } else if (attribute === '#') { return document.getElementById(content); } else { return document.getElementsByTagName(query); } } // adjust (parents’) class on dropdown menu’s to toggle visibility function toggleMenu(name) { var elements = get(name), navigation = get('.primary'), amount = elements.length; function toggleEvent(current) { "use strict"; return function() { // see if clicked .toggle was .open at point of clicking var open = (elements[current].classList.contains('open')) ? true : false; // reset all .toggle elements accros page for (i = 0; i < amount; i++) { elements[i].classList.remove('open'); } // see if .toggle was .open, adds class otherwise if (!open) { elements[current].classList.add('open'); } }; } for (i = 0; i < amount; i++) { elements[i].addEventListener("click", toggleEvent(i)); } } // initialise toggleMenu('.toggle'); |
Ik heb een .toggle en een .menu. Wanneer de .toggle geklikt wordt krijgt deze een .open. Wil natuurlijk wel dat de andere menu's gesloten zijn als er een menu geopend wordt.
De functie kijkt nu eerst naar de huidige staat van de .toggle wanneer er op geklikt wordt. Dan reset de loop alle .toggle's zodat alle menu's dicht gaan. Als laatst wordt op basis van de voorgaande staat bepaald of het menu bij klikken open of dicht moet.
Ben best trots op mezelf, helemaal geLint. Feedback is welkom.
* De eerste functie is een soort framework ding om makkelijk elementen te selecteren.
[ Bericht 0% gewijzigd door n8n op 20-05-2014 23:39:22 ]
“Specialization is for insects”.—Robert Heinlein
Leuk. Maar waarom gebruik geen jquery of tenminste sizzle? Omdat t kan?
Denk dat ik gauw 20-40% minder werk zou verzetten zonder jQuery
Denk dat ik gauw 20-40% minder werk zou verzetten zonder jQuery
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?
Komt een hele waslijst naar boven, korte versie is omdat ik JavaScript wil leren, ook omdat ik node.js en Google Closure een keer wil gaan gebruiken. Lange versie is omdat ik een haat/haat verhouding heb met jQuery. Vind de syntax niet mooi, het is traag, het geeft geen voldoening als iets lukt (heel belangrijk in deze fase) en ik wil slimmer leren denken als ‘programmeur’ om zo ook makkelijker andere talen op te pakken.quote:
Leuk. Maar waarom gebruik geen jquery of tenminste sizzle? Omdat t kan?
Denk dat ik gauw 20-40% minder werk zou verzetten zonder jQuery
Vind JS ook gewoon heel leuk sinds ik de rauwe taal een beetje ben leren kennen.
* Dit is geen All jQuery Must Die-post, zal het ook gaan gebruiken omdat het in de long run inderdaad vaak veel tijd en moeite kost die beter anders besteed kan worden.
Speaking of Closure, zijn er hier mensen die dat gebruiken, ervaringen? Wat ik heb begrepen is dat het een library en template framework is met een compiler die (aan de hand van conditionals) alleen parsed wat gebruikt zal worden van de library. Volgens de I/O-talk scheelt het gigantisch veel overhead.
[ Bericht 15% gewijzigd door n8n op 21-05-2014 08:03:21 ]
“Specialization is for insects”.—Robert Heinlein
Nu even m'n get() uitbreiden zodat je ook get('e.class') kan doen
“Specialization is for insects”.—Robert Heinlein
tip: https://developer.mozilla(...)cument.querySelectorquote:Op woensdag 21 mei 2014 08:06 schreef n8n het volgende:
Nu even m'n get() uitbreiden zodat je ook get('e.class') kan doen
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.
👾
Ah nice, moet de Web API nog leren kennen, straks weer een vaste bezoeker van caniusequote:
[..]
tip: https://developer.mozilla(...)cument.querySelector
“Specialization is for insects”.—Robert Heinlein
Ik vind het slim om eerst Javascript zelf te leren voordat je met frameworks en libraries aan de gang gaat, maar wat je hier zegt over jQuery is echt niet waar. De syntax is gewoon standaard Javascript, jQuery dwingt verder geen structuur af, dus je kunt je programma's schrijven zoals je wil. Verder is jQuery helemaal niet traag, waarom denk je dat? De manier waarop het soms gebruikt wordt in de praktijk is misschien traag, maar jQuery zelf zit hartstikke goed in elkaar.quote:
[..]
Lange versie is omdat ik een haat/haat verhouding heb met jQuery. Vind de syntax niet mooi, het is traag
Dat heb je zelf in de hand. En een DOM-selector zoals jij die schrijft kan je nooit sneller & completer maken dan jQuery (Sizzle, eigenlijk).
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?
Het is gewoon >90kb aan script die op elke pagina geparst moet worden, voor elke call die je maakt wordt een gigantische functie aangeroepen.quote:
[..]
Ik vind het slim om eerst Javascript zelf te leren voordat je met frameworks en libraries aan de gang gaat, maar wat je hier zegt over jQuery is echt niet waar. De syntax is gewoon standaard Javascript, jQuery dwingt verder geen structuur af, dus je kunt je programma's schrijven zoals je wil. Verder is jQuery helemaal niet traag, waarom denk je dat? De manier waarop het soms gebruikt wordt in de praktijk is misschien traag, maar jQuery zelf zit hartstikke goed in elkaar.
Ik zal waarschijnlijk ook nooit zo goed worden als de developers van libraries, vaak is de compleetheid van een library alleen veel meer dan ik ooit nodig zal hebben. Waarom zou het niet sneller zijn dan?quote:
Dat heb je zelf in de hand. En een DOM-selector zoals jij die schrijft kan je nooit sneller & completer maken dan jQuery (Sizzle, eigenlijk).
* Zal deze post later nog een keer terug lezen en mezelf voor m'n kop slaan omdat ik zo eigenwijs was tegen JS-veteranen
[ Bericht 16% gewijzigd door n8n op 21-05-2014 09:29:12 ]
“Specialization is for insects”.—Robert Heinlein
jQuery is echt hartstikke efficiënt geschreven. Je doet net alsof het allemaal retezwaar is, maar in de praktijk merk je de overhead van jQuery niet eens bij het laden van een pagina.quote:
[..]
Het is gewoon >90kb aan script die op elke pagina geparst moet worden, voor elke call die je maakt wordt een gigantische functie aangeroepen.
jQuery is minified en gzipped 19kb. Dat merk je echt nooit. Ik denk dat als jij 3x jouw "ineffeciente" dom-selector aanroept het al trager is.quote:
Ik zal waarschijnlijk ook nooit zo goed worden als de developers van libraries, vaak is de compleetheid van een library alleen veel meer dan ik ooit nodig zal hebben. Waarom zou het niet sneller zijn dan?
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
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?
jQuery wordt ook gecached dus vrijwel geen laadtijd.
Voor mobiele websites gebruikt ik meestal een kleinere library zoals Intel AppFramework dat voor een groot deel compatible is met jQuery (minder selectors) en wat sneller is.
Voor mobiele websites gebruikt ik meestal een kleinere library zoals Intel AppFramework dat voor een groot deel compatible is met jQuery (minder selectors) en wat sneller is.
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.
jQuery laadt retesnel, helemaal als je het van een CDN trekt. Waar het traag van wordt is als je een rommelige DOM hebt en ineffeciente code schrijft, al dan niet in combinatie met jQuery ui.
Ik moest gisteren een aanpassing doen in een grote applicatie met veel JS. Zonder jQuery had me dat zonder te overdrijven 2x zoveel tijd gekost denk ik.
[ Bericht 15% gewijzigd door Catch22- op 21-05-2014 10:38:50 ]
Ik moest gisteren een aanpassing doen in een grote applicatie met veel JS. Zonder jQuery had me dat zonder te overdrijven 2x zoveel tijd gekost denk ik.
[ Bericht 15% gewijzigd door Catch22- op 21-05-2014 10:38:50 ]
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?
jQuery is juist een perfecte tool als je weet wat je aan het doen bent.
Op dinsdag 13 augustus schreef Xa1pt:
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.
Nu ik m'n code aan het abstraheren ben zie ik alweer het nut van jQuery omdat ik uiteindelijk gewoon een framework aan het maken ben. Ga dan toch kijken naar de Closure library omdat deze een compiler heeft.
quote:
* Zal deze post later nog een keer terug lezen en mezelf voor m'n kop slaan omdat ik zo eigenwijs was tegen JS-veteranen
“Specialization is for insects”.—Robert Heinlein
Google today released Chrome version 35 for Windows, Mac, and Linux
[...]
Next, Chrome 35 adds new JavaScript functionality defined in the ECMAScript 6 standard. There are three of them:
• Promise, a value that may not be available yet but will be known at some point in future, and is meant to help writing cleaner asynchronous code.
• WeakMaps and WeakSets allow developers to create efficient, garbage-collected data structures. In both, references to objects are held weakly: if there is no other reference to an object stored in the WeakSet, it can be garbage collected. This helps avoid memory leaks.
• Object.observe lets developers observe changes to JavaScript objects. Callbacks can observe multiple objects and will receive all changes to any objects in a single asynchronous call.
• Google has also added support for unprefixed Shadow DOM; the prefixed implementation of Shadow DOM was made available with the release of Chrome 25. The addition brings reliable composition of user interface elements by allowing developers to scope their HTML markup, CSS, and hide the implementation details of complex components, as well as build their own first-class elements and APIs with Custom Elements.
• CSS Font Loading has been added for dynamically loading font resources.
• The SVG ‘paint-order’ property lets developers control the order in which fill, stroke, and markers are painted.
[...]
Next, Chrome 35 adds new JavaScript functionality defined in the ECMAScript 6 standard. There are three of them:
• Promise, a value that may not be available yet but will be known at some point in future, and is meant to help writing cleaner asynchronous code.
• WeakMaps and WeakSets allow developers to create efficient, garbage-collected data structures. In both, references to objects are held weakly: if there is no other reference to an object stored in the WeakSet, it can be garbage collected. This helps avoid memory leaks.
• Object.observe lets developers observe changes to JavaScript objects. Callbacks can observe multiple objects and will receive all changes to any objects in a single asynchronous call.
• Google has also added support for unprefixed Shadow DOM; the prefixed implementation of Shadow DOM was made available with the release of Chrome 25. The addition brings reliable composition of user interface elements by allowing developers to scope their HTML markup, CSS, and hide the implementation details of complex components, as well as build their own first-class elements and APIs with Custom Elements.
• CSS Font Loading has been added for dynamically loading font resources.
• The SVG ‘paint-order’ property lets developers control the order in which fill, stroke, and markers are painted.
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.
Netflix: Improving the performance of our JavaScript inheritance model
As can be seen from the graph above, after running our application for one minute the memory savings is close to about 12.2MB. We could pull the line back to the beginning and the memory savings would be even more because after one minute the application code has long been interpreted, and the classes have been created.
As can be seen from the graph above, after running our application for one minute the memory savings is close to about 12.2MB. We could pull the line back to the beginning and the memory savings would be even more because after one minute the application code has long been interpreted, and the classes have been created.
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.
Je kunt eventueel nog require JS gebruiken, die laadt alleen bijvoorbeeld jQuery en andere plugins in waar nodig.quote:
[..]
Het is gewoon >90kb aan script die op elke pagina geparst moet worden, voor elke call die je maakt wordt een gigantische functie aangeroepen.
[..]
Ik zal waarschijnlijk ook nooit zo goed worden als de developers van libraries, vaak is de compleetheid van een library alleen veel meer dan ik ooit nodig zal hebben. Waarom zou het niet sneller zijn dan?
* Zal deze post later nog een keer terug lezen en mezelf voor m'n kop slaan omdat ik zo eigenwijs was tegen JS-veteranen
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
Klopt, sommige mensen hebben geen idee hoe het DOM eigenlijk werkt, overigens ben ik groot voorstander om overal JQuery te gebruiken al was het alleen maar als abstractie laag.quote:
[..]
Ik vind het slim om eerst Javascript zelf te leren voordat je met frameworks en libraries aan de gang gaat, maar wat je hier zegt over jQuery is echt niet waar. De syntax is gewoon standaard Javascript, jQuery dwingt verder geen structuur af, dus je kunt je programma's schrijven zoals je wil. Verder is jQuery helemaal niet traag, waarom denk je dat? De manier waarop het soms gebruikt wordt in de praktijk is misschien traag, maar jQuery zelf zit hartstikke goed in elkaar.
🕰️₿🕰️₿🕰️₿🕰️₿🕰️₿🕰️ TikTok next Block
thanks, zal het een keer bekijken.quote:
[..]
Je kunt eventueel nog require JS gebruiken, die laadt alleen bijvoorbeeld jQuery en andere plugins in waar nodig.
“Specialization is for insects”.—Robert Heinlein
Ik ben nu serieus aan het bouwen met AngularJS (icm ionic framework). En ik moet zeggen dat het wel heel vet is. Je moet even wennen aan de structuur, maar als je het goed doet, dan is het echt heel tof.
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?
Heeft iemand hier al iets voor in het wild gezien, CSS/JS scrollen met velocity physics zoals in iMessage en deze animatie?
“Specialization is for insects”.—Robert Heinlein
Ionic heeft wel zoiets volgens mij
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?
Framerjs.com kan het wel, maar dat is een prototype tool.quote:
[ afbeelding ]
Heeft iemand hier al iets voor in het wild gezien, CSS/JS scrollen met velocity physics zoals in iMessage en deze animatie?
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. :'(
Jammer wel proto/app tools, ff kijken of ik het kan ontleden (en dan of het performance-wise haalbaar is )
)
“Specialization is for insects”.—Robert Heinlein
Dat laatste zal problematisch worden. Zulke dingen staan gebruiksgemak, snelheid en beleving vaak nogal in de weg
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?
ja hoop dan op hardwareacceleratie. Leek me een leuk projectje.quote:
Dat laatste zal problematisch worden. Zulke dingen staan gebruiksgemak, snelheid en beleving vaak nogal in de weg
“Specialization is for insects”.—Robert Heinlein
Als je zelf iets gaat bouwen, zou ik iig http://julian.com/research/velocity/ gebruiken voor de animaties.
wat een geweldige website. Staat voor de verandering een keer duidelijk omschreven wat iets is, wat het doet en waarom. Dank.quote:
Als je zelf iets gaat bouwen, zou ik iig http://julian.com/research/velocity/ gebruiken voor de animaties.
“Specialization is for insects”.—Robert Heinlein
Inderdaad. Superhip om in je portfolio te zetten dat je het kan, maar de eerste de beste serieuze gebruiker gaat gelijk over zijn nek. En anders zijn telefoon wel.quote:
Dat laatste zal problematisch worden. Zulke dingen staan gebruiksgemak, snelheid en beleving vaak nogal in de weg
Famo.usquote:
[ afbeelding ]
Heeft iemand hier al iets voor in het wild gezien, CSS/JS scrollen met velocity physics zoals in iMessage en deze animatie?
Op dinsdag 13 augustus schreef Xa1pt:
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.
Angular, das toch met die extra attributen op je DOM ?quote:
Ik ben nu serieus aan het bouwen met AngularJS (icm ionic framework). En ik moet zeggen dat het wel heel vet is. Je moet even wennen aan de structuur, maar als je het goed doet, dan is het echt heel tof.
Op dinsdag 13 augustus schreef Xa1pt:
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.
Zoiets jaquote:
[..]
Angular, das toch met die extra attributen op je DOM ?
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?
dat is de uitdaging wel dan, telefoon ga ik maar even niet van uit. Overigens denk ik dat AngularJS nu meer de shit is in je portfolioquote:
[..]
Inderdaad. Superhip om in je portfolio te zetten dat je het kan, maar de eerste de beste serieuze gebruiker gaat gelijk over zijn nek. En anders zijn telefoon wel.
“Specialization is for insects”.—Robert Heinlein
Ik heb dat nooit zo goed begrepen. Kan je misschien vertellen wat er zo handig aan is?quote:
Op dinsdag 13 augustus schreef Xa1pt:
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.
Het is niet zoals jQuery een DOM-tool, het is echt een MVC framework. Je kan je hele frontend, pageflow, viewcomponenten, eventhandling, binding etc erin bouwen.quote:
[..]
Ik heb dat nooit zo goed begrepen. Kan je misschien vertellen wat er zo handig aan is?
Als je eens 2 uurtjes tijd hebt, loop dan eens rustig deze tutorial door, het is echt de moeite waard https://docs.angularjs.org/tutorial/step_00
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?
dit is dan weer zo'n the best framework ever for any and everyone ever website die niks duidelijk maakt en alleen maar wat hippe termen roeptquote:
ff naar kijken als ik achter m'n computer zit
“Specialization is for insects”.—Robert Heinlein
is dit dan—noob2represent—waarmee je templates en functionaliteit maakt wanneer je Node gebruikt voor je backend? Of is dat dan weer meer in de hoek Handlebarsquote:
[..]
Het is niet zoals jQuery een DOM-tool, het is echt een MVC framework. Je kan je hele frontend, pageflow, viewcomponenten, eventhandling, binding etc erin bouwen.
Als je eens 2 uurtjes tijd hebt, loop dan eens rustig deze tutorial door, het is echt de moeite waard https://docs.angularjs.org/tutorial/step_00
“Specialization is for insects”.—Robert Heinlein
Nee, je hoeft node niet te gebruiken. Je hebt wel iets nodig voor je data, ik gebruik een REST-api. Die kan je in Node bouwen. Ik gebruik er een Java-Jersey applet voorquote:
[..]
is dit dan—noob2represent—waarmee je templates en functionaliteit maakt wanneer je Node gebruikt voor je backend? Of is dat dan weer meer in de hoek Handlebars
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?
Mja ik ben altijd een beetje huiverig voor ng-data, ng-app, ng-* attributen die je in html elementen plaatst. Call me crazy maar ik vind niet dat je de HTML specificatie zo moet 'uitbreiden'.quote:
[..]
Het is niet zoals jQuery een DOM-tool, het is echt een MVC framework. Je kan je hele frontend, pageflow, viewcomponenten, eventhandling, binding etc erin bouwen.
Als je eens 2 uurtjes tijd hebt, loop dan eens rustig deze tutorial door, het is echt de moeite waard https://docs.angularjs.org/tutorial/step_00
Maar zal de tutorial eens doen
Op dinsdag 13 augustus schreef Xa1pt:
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.
Mja, dat valt wel te overzien hoor, zie het probleem niet zo. Het kan wel anders denk ik, maar dan wordt je code complexer en logger, weet niet of je dat moet willen.quote:
[..]
Mja ik ben altijd een beetje huiverig voor ng-data, ng-app, ng-* attributen die je in html elementen plaatst. Call me crazy maar ik vind niet dat je de HTML specificatie zo moet 'uitbreiden'.
Maar zal de tutorial eens doen
Je hoeft het niet te gebruiken van mij hoor, denk alleen wel dat je in ieder geval even moet weten wat het is en wat het kan, als je een beetje serieus bent met frontenddevelopment.
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?
Wat een kutsite op desktop, twee keer scrollen en disco deluxe.quote:
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
dat hele JS all-round webdevelopment is wel echt de shit nu. Beetje spijt dat ik pas net op de boot gesprongen ben. Wellicht eens tijd voor een JS front- en backend noobtopicquote:
[..]
Nee, je hoeft node niet te gebruiken. Je hebt wel iets nodig voor je data, ik gebruik een REST-api. Die kan je in Node bouwen. Ik gebruik er een Java-Jersey applet voor
“Specialization is for insects”.—Robert Heinlein
Het is dan ook bedoeld voor de mobile gebruikerquote:Op dinsdag 27 mei 2014 11:02 schreef boem-dikkie het volgende:
[..]
Wat een kutsite op desktop, twee keer scrollen en disco deluxe.
Op dinsdag 13 augustus schreef Xa1pt:
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.
quote:
[..]
Het is dan ook bedoeld voor de mobile gebruiker
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
op desktop ook al, op m'n iPhone ook, heb echt een schijthekel aan scroll handlers die de native scroll neuken. Fuck niet met m'n velocity OS X/iOS 60fps precisie tot de pixel smijt&go scrolling.quote:
[..]
Wat een kutsite op desktop, twee keer scrollen en disco deluxe.
“Specialization is for insects”.—Robert Heinlein
Ik moet wel zeggen dat voorkennis bij AngularJS wel handig is. Het is niet klik klik copy paste copy paste klaar. Maargoed, ik heb nu even wat tijd om R&D te doen en dat gebruik ik nuttig.quote:
[..]
dat hele JS all-round webdevelopment is wel echt de shit nu. Beetje spijt dat ik pas net op de boot gesprongen ben. Wellicht eens tijd voor een JS front- en backend noobtopic
Ik word er ook heel blij van moet ik zeggen, het is gewoon weer even lekker rammen, nieuwe shit uitzoeken. En het scheelt dat ik behoorlijk wat backendervaring heb, want dat komt wel terug.
wat een teringsite zeg, allejezus. Ik trek het sowieso niet als mijn scroll wordt afgevangen en door een "leuk" script wordt geinterpreteerd.quote:
[..]
Wat een kutsite op desktop, twee keer scrollen en disco deluxe.
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?
Hey niet haten op de site jongens, ik gaf alleen een framework aan he.
Op dinsdag 13 augustus schreef Xa1pt:
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.
THE HATE IS IMMINENTquote:
Hey niet haten op de site jongens, ik gaf alleen een framework aan he.
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
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?
Haha, nee hoor, don't shoot the messenger, maar een kut site is het wel.quote:
Hey niet haten op de site jongens, ik gaf alleen een framework aan he.
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
Pardon my language waardeer de suggestie maar ben echt een native freak. Word op stage ook n8n native genoemd
waardeer de suggestie maar ben echt een native freak. Word op stage ook n8n native genoemd
“Specialization is for insects”.—Robert Heinlein
Dit stukje javascript begrijp ik niet.
De array bevat dus 3 waarden, Javascript telt het dus als 1,2,3 en niet als 0,1,2. .
Als je het vervolgens de 3 notatie koppelt aan een string, krijg je het volgende:
De 3e waarde is toch gekoppeld aan de string 'five'. Dan zou er toch 1, 2, 'five' moeten staan 
| 1 2 3 4 5 | >var a = [1, 2, 3] >a; [ 1, 2, 3 ] > a.length 3 |
. Als je het vervolgens de 3 notatie koppelt aan een string, krijg je het volgende:
| 1 2 3 4 | >a[3] = "five"; 'five' >a [ 1, 2, 3, 'five'] |
Het bevat drie waarden (1,2,3) die gekoppeld zijn aan de indices 0, 1 en 2.quote:
Dit stukje javascript begrijp ik niet.
[ code verwijderd ]
De array bevat dus 3 waarden, Javascript telt het dus als 1,2,3 en niet als 0,1,2.
Er is nog geen index 3, dus five wordt het vierde element met index 3.quote:Als je het vervolgens de 3 notatie koppelt aan een string, krijg je het volgende:
[ code verwijderd ]
De 3e waarde is toch gekoppeld aan de string 'five'. Dan zou er toch 1, 2, 'five' moeten staan
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.
Rare constatering, 0,1,2 zijn toch ook 3 waarden?quote:
De array bevat dus 3 waarden, Javascript telt het dus als 1,2,3 en niet als 0,1,2.
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.
👾
Ik denk dat je de zin verkeerd interpreteerd. Met dus bedoelt ie enkelt de bevestiging van het stukje code vooraf.quote:
[..]
Rare constatering, 0,1,2 zijn toch ook 3 waarden?
1, 2, 3 zijn in dit geval de waarden (values), 0, 1, 2 zijn de keys/indices.
Of je nou ['a', 'b', 'c'], [1, 2, 3] of [3, 2, 1] hebt, dat zijn allemaal de inhoud van de array, dus de waarden. De keys zie je hier niet, maar die zijn altijd oplopend beginnend bij 0. Van de drie bovenstaande arrays is dus a[0] respectievelijk 'a', 1 en 3.
Als a bijvoorbeeld een object zou zijn ipv een array (inb4 een array is een object in js) krijg je:
Waarbij het dus telkens key:value is
Of je nou ['a', 'b', 'c'], [1, 2, 3] of [3, 2, 1] hebt, dat zijn allemaal de inhoud van de array, dus de waarden. De keys zie je hier niet, maar die zijn altijd oplopend beginnend bij 0. Van de drie bovenstaande arrays is dus a[0] respectievelijk 'a', 1 en 3.
Als a bijvoorbeeld een object zou zijn ipv een array (inb4 een array is een object in js
) krijg je:| 1 2 3 4 5 | { 0: 1 1: 2 2: 3 } |
Array.length zegt sowieso niets over het aantal elementen in een array. Voorbeeld met een array a met één element:
https://developer.mozilla(...)Global_Objects/Array
| 1 2 3 4 5 6 7 | > var a = Array(); > a[3] = 'foo'; > a.length; 4 > a.length = 10 ; > a.length; 10 |
In principe heeft de array dan gewoon 9 undefined values. Ze bestaan wel, er zit alleen niks in.quote:
Array.length zegt sowieso niets over het aantal elementen in een array. Voorbeeld met een array a met één element:
[ code verwijderd ]
https://developer.mozilla(...)Global_Objects/Array
Find the index of the smallest element in a JavaScript array
The problem statement is as follows: Given a nonempty JavaScript array of numbers, find the index of the smallest value. (If the smallest value appears more than once, then any such index is acceptable.)
One solution is simply to do the operation manually, simulating how you would perform the operation with paper and pencil: You start by saying that the first element is the winner, and then you go through the rest of the elements. If the next element is smaller than the one you have, you declare that element the new provisional winner.
Another solution is to use the reduce intrinsic to run the loop, so you merely have to provide the business logic of the initial guess and the if statement.
A third solution is to use JavaScript intrinsics to find the smallest element and then convert the element to its index.
Which one is fastest?
The problem statement is as follows: Given a nonempty JavaScript array of numbers, find the index of the smallest value. (If the smallest value appears more than once, then any such index is acceptable.)
One solution is simply to do the operation manually, simulating how you would perform the operation with paper and pencil: You start by saying that the first element is the winner, and then you go through the rest of the elements. If the next element is smaller than the one you have, you declare that element the new provisional winner.
| 1 2 3 4 5 6 7 | function indexOfSmallest(a) { var lowest = 0; for (var i = 1; i < a.length; i++) { if (a[i] < a[lowest]) lowest = i; } return lowest; } |
| 1 2 3 4 5 | function indexOfSmallest(a) { return a.reduce(function(lowest, next, index) { return next < a[lowest] : index ? lowest; }, 0); } |
| 1 2 3 | function indexOfSmallest(a) { return a.indexOf(Math.min.apply(Math, a)); } |
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.
http://blog.korynunn.com/javascript/the-dom-isnt-slow-you-are/
DOM is niet sloom maar jij wel. Machtig mooi artikel.
DOM is niet sloom maar jij wel. Machtig mooi artikel.
“Specialization is for insects”.—Robert Heinlein
Iemand een idee hoe ik de witte rand onder het plaatje in de header weg kan krijgen van de site japansesushi.nl? Ik kom niet helemaal uit de css van de theme.
Als het een afbeelding is kan vertical-align: bottom; wel eens helpen.
“Specialization is for insects”.—Robert Heinlein
Er af snijden? Die witte rand zit in de pngquote:
Iemand een idee hoe ik de witte rand onder het plaatje in de header weg kan krijgen
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
quote:
Ja ik zat ook al te kijken en het ligt aan het plaatje zelf, als je hem een margin-bottom: -30px geeft staat die wel goed, alleen dat is geen nette oplossingquote:
[..]
Er af snijden? Die witte rand zit in de png
.
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.
Waarom zou je ook in gódsnaam zulke oplossingen doen als het gewoon aan de afbeelding ligt.quote:
[..]
[..]
Ja ik zat ook al te kijken en het ligt aan het plaatje zelf, als je hem een margin-bottom: -30px geeft staat die wel goed, alleen dat is geen nette oplossing
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
Als je geen zin zou hebben om het plaatje aan te passenquote:
[..]
Waarom zou je ook in gódsnaam zulke oplossingen doen als het gewoon aan de afbeelding ligt.
.
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.
quote:
[..]
Als je geen zin zou hebben om het plaatje aan te passen
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
Oepsquote:
[..]
Er af snijden? Die witte rand zit in de png
Is het not done om custom attributes toe te voegen aan je html elements? Laatst heb ik namelijk een form validate functie geschreven die hier gebruik van maakt.quote:
[..]
Mja ik ben altijd een beetje huiverig voor ng-data, ng-app, ng-* attributen die je in html elementen plaatst. Call me crazy maar ik vind niet dat je de HTML specificatie zo moet 'uitbreiden'.
Maar zal de tutorial eens doen
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.
Not done is een groot woord, ik ben er persoonlijk niet zo`n fan van om custom attributen toe te voegenquote:
[..]
Is het not done om custom attributes toe te voegen aan je html elements? Laatst heb ik namelijk een form validate functie geschreven die hier gebruik van maakt.
Op dinsdag 13 augustus schreef Xa1pt:
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.
Het kan ook via classes. Maarja, ik kan geen reden bedenken waarom je dat niet zou willen. Het is gewoon een onwijs fijn framework met zieke opties die je met vanilla of jquery niet voorelkaar kan krijgen op eenzelfde manier.
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?
Oké want het werkt nu vrij aardig, ik geef een input field het attribuut validate met als waarde bijvoorbeeld zip_code of email mee, en vervolgens kan ik een form valideren met een regel code.quote:
[..]
Not done is een groot woord, ik ben er persoonlijk niet zo`n fan van om custom attributen toe te voegen
| 1 2 3 | var error = validate_form('#user_data'); if(error) throw error; |
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.
Krijg trouwens net een mailtje over een logo dat in een pdfje moet:
quote:Wellicht handig; ik heb het formaat van het logo ook (van andere bestanden, de grootte die daarin gebruikt wordt):
1,31 hoog en 5,69 breed
Met vriendelijke groet,
Ik gebruik voor jQuery lompe zaken als extreem grote bestelformulieren e.d. best vaak data-*. Vind het wel handig.quote:
[..]
Is het not done om custom attributes toe te voegen aan je html elements? Laatst heb ik namelijk een form validate functie geschreven die hier gebruik van maakt.
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
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.
True, true.quote:
Data-attributen behoren dan ook gewoon tot de HTML-spec, itt tot ng-*.
Op dinsdag 13 augustus schreef Xa1pt:
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.
Ik ga binnenkort beginnen met een project in Angular, maar ik verwacht er eerlijk gezegd weinig spectaculairs van. Maar we gaan het meemaken.
Wellicht komt dit door mijn gebrek aan ervaring, maar omdat er bij mijn project steeds meer functionaliteit bijkwam is het echt een rommeltje geworden. Alles is gebouwd met die ene functionaliteit in achting genomen, en nu moet ik heel veel dus omgooien. Met de structuur die Angular afdwingt heb je nog een soort nette discipline met die models en views die je moet maken. Nu doe ik zoveel DOM-manipulatie met JQjuery dat ik er moe van word.quote:
Ik ga binnenkort beginnen met een project in Angular, maar ik verwacht er eerlijk gezegd weinig spectaculairs van. Maar we gaan het meemaken.
Verder ben ik klassieke OOP-talen gewend en moest ik dus erg wennen aan Javascript.
[ Bericht 3% gewijzigd door #ANONIEM op 07-06-2014 21:29:49 ]
Dat hoor je sowieso vaak. Maar ik wil het dus gebruiken als JQuery-vervanger. Omdat ik gek word van het manipuleren van de DOM steeds.quote:
Angular mixen met jQuery is een slecht idee in mijn ervaring
Voor de duidelijkheid: Ik heb dus geen Angular gebruikt en wel JQuery en daar heb ik nu spijt van.
[ Bericht 14% gewijzigd door #ANONIEM op 07-06-2014 21:32:17 ]
Ik begrijp dat het handig kan zijn dat Angular een structuur biedt die voorkomt dat het een zooitje wordt. Maar je kunt je project natuurlijk ook gewoon zelf zo opzetten dat het geen zooitje wordt
quote:
Ik begrijp dat het handig kan zijn dat Angular een structuur biedt die voorkomt dat het een zooitje wordt. Maar je kunt je project natuurlijk ook gewoon zelf zo opzetten dat het geen zooitje wordt
Tsja. In JavaScript mis ik de echte OOP-structuur en het werken met packages of namespaces (uiteraard gebruik ik het module pattern, maar het is niet helemaal hetzelfde).
Je hebt wel RequireJS en dergelijke, maar dan heb ik weer zo'n zooi dingen die ik moet includen.
met alle respect, maar ik heb het idee dat je geen flauw idee hebt wat je angular kan.quote:
Ik begrijp dat het handig kan zijn dat Angular een structuur biedt die voorkomt dat het een zooitje wordt. Maar je kunt je project natuurlijk ook gewoon zelf zo opzetten dat het geen zooitje wordt
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?
Zooi dingen includen valt toch mee? Op je pagina alleen require.js en verder een goede main.js module opzetten waar je bepaalde zaken regelt.quote:
[..]
Tsja. In JavaScript mis ik de echte OOP-structuur en het werken met packages of namespaces (uiteraard gebruik ik het module pattern, maar het is niet helemaal hetzelfde).
Je hebt wel RequireJS en dergelijke, maar dan heb ik weer zo'n zooi dingen die ik moet includen.
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
Ik heb er ook nooit mee gewerkt, maar ik zou het iig niet alleen maar gebruiken om m'n project geen zooitje te laten wordenquote:
[..]
met alle respect, maar ik heb het idee dat je geen flauw idee hebt wat je angular kan.
Je weet dat het een mvc framework is he?quote:
[..]
Ik heb er ook nooit mee gewerkt, maar ik zou het iig niet alleen maar gebruiken om m'n project geen zooitje te laten worden
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?
Ja, maar je zet het toch in vanwege de functionaliteit die het biedt, niet zodat je een structuur krijgt om in te werken? Nogal een dure structuur anders.quote:
[..]
Je weet dat het een mvc framework is he?
Dat eerste ja. Maar er is een verschil tussen tools kunnen gebruiken en tools onderhoudbaar kunnen gebruiken.quote:
[..]
Ja, maar je zet het toch in vanwege de functionaliteit die het biedt, niet zodat je een structuur krijgt om in te werken? Nogal een dure structuur anders.
En zoals met alles is het toepasbaar op specifieke situaties en die moet je wel kiezen. Een grote webapplicatie zou ik er niet snel in bouwen denk ik.
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?
Kijk eens naar TypeScript.quote:
[..]
Tsja. In JavaScript mis ik de echte OOP-structuur en het werken met packages of namespaces (uiteraard gebruik ik het module pattern, maar het is niet helemaal hetzelfde).
Je hebt wel RequireJS en dergelijke, maar dan heb ik weer zo'n zooi dingen die ik moet includen.
Compileert naar ES3 of ES5 JavaScript en biedt o.a. modules, classes en generics.
Is door Anders Hejlsberg ontwikkeld (o.a. Turbo Pascal, Delphi en C#).
http://www.typescriptlang.org
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.
Als je het voor de "voorkant" van je site gaat gebruiken moet je er wel op letten dat je wat meer moeite moet doen om google alles lekker te laten indexeren.quote:
[..]
Ja, maar je zet het toch in vanwege de functionaliteit die het biedt, niet zodat je een structuur krijgt om in te werken? Nogal een dure structuur anders.
Ik heb er eens naar gekeken.quote:
[..]
Kijk eens naar TypeScript.
Compileert naar ES3 of ES5 JavaScript en biedt o.a. modules, classes en generics.
Is door Anders Hejlsberg ontwikkeld (o.a. Turbo Pascal, Delphi en C#).
http://www.typescriptlang.org
Lastig. Het liefst hou ik me gewoon aan alle standaarden en dergelijke.
Okee, misschien is er ineens iets mis met mijn Google skills of gebruik een verkeerde term, maar ik kan het dus niet vinden: hoe kan je een drop down list maken met daarin if statements? Dus bijvoorbeeld:
Menu 1: Continenten
Menu 2: Landen
Menu 3: Steden
Dat wanneer ik in menu 1 "Europa" selecteer, alleen de Europese landen worden weergegeven in menu 2? En als ik dan "Nederland" selecteer, alleen de Nederlandse steden in menu 3 te zien zijn?
Iemand een tutorial of snelle uitleg?
Menu 1: Continenten
Menu 2: Landen
Menu 3: Steden
Dat wanneer ik in menu 1 "Europa" selecteer, alleen de Europese landen worden weergegeven in menu 2? En als ik dan "Nederland" selecteer, alleen de Nederlandse steden in menu 3 te zien zijn?
Iemand een tutorial of snelle uitleg?
quote:
Okee, misschien is er ineens iets mis met mijn Google skills of gebruik een verkeerde term, maar ik kan het dus niet vinden: hoe kan je een drop down list maken met daarin if statements? Dus bijvoorbeeld:
Menu 1: Continenten
Menu 2: Landen
Menu 3: Steden
Dat wanneer ik in menu 1 "Europa" selecteer, alleen de Europese landen worden weergegeven in menu 2? En als ik dan "Nederland" selecteer, alleen de Nederlandse steden in menu 3 te zien zijn?
Iemand een tutorial of snelle uitleg?
Als je het volledig client side wilt doen, dan kun je misschien een groot JSON/JavaScript object literal maken van alle continenten en de daarbij behorende landen en steden. Als je dat doet lijkt het me niet zo moeilijk meer.quote:
Is misschien wel zonde van de grote JSON die iedere keer geladen moet worden. Wellicht hebben de experts hiervoor betere ideeën. Je kunt het uiteraard ook via AJAX doen, dan heb je niet steeds die grote JSON die wordt geladen, maar kun je in een get-variabele het juiste land/continent stoppen, waarna je daarna een JSON krijgt geretourneerd met de daarbij behorende steden of landen. Mooier is het dan om een database te hebben met alle continenten, landen en steden. Om vanuit daar de JSON te genereren op basis van welk continent/land geselecteerd is.
[ Bericht 3% gewijzigd door #ANONIEM op 08-06-2014 19:05:52 ]
Dat wel. Maar dan heb je wel veel data die je moet inladen.quote:
Ik zou voor een 100% client-side oplossing gaan, dat lijkt me voor de gebruiker het snelst.
Heb je van beide manieren een tutorial, of een zoekterm waarop ik kan zoeken? Ik ben geen scriptkiddie, vind het gewoon leuk om een beetje te klooien, en probeer in m'n Wordpress site zo'n lijst te maken.quote:
[..]
[..]
Als je het volledig client side wilt doen, dan kun je misschien een groot JSON/JavaScript object literal maken van alle continenten en de daarbij behorende landen en steden. Als je dat doet lijkt het me niet zo moeilijk meer.
Is misschien wel zonde van de grote JSON die iedere keer geladen moet worden. Wellicht hebben de experts hiervoor betere ideeën. Je kunt het uiteraard ook via AJAX doen, dan heb je niet steeds die grote JSON die wordt geladen, maar kun je in een get-variabele het juiste land/continent stoppen, waarna je daarna een JSON krijgt geretourneerd met de daarbij behorende steden of landen. Mooier is het dan om een database te hebben met alle continenten, landen en steden. Om vanuit daar de JSON te genereren op basis van welk continent/land geselecteerd is.
Sorry, die heb ik niet! Ik zou het toch een beetje zelf proberen.quote:
[..]
Heb je van beide manieren een tutorial, of een zoekterm waarop ik kan zoeken? Ik ben geen scriptkiddie, vind het gewoon leuk om een beetje te klooien, en probeer in m'n Wordpress site zo'n lijst te maken.
Ik denk dat dat best meevalt, zeker als je je scripts minified met gzip compressie aanbiedt.quote:
[..]
Dat wel. Maar dan heb je wel veel data die je moet inladen.
Zijn zulke kleine AJAX-requests steeds ook niet retesnel tegenwoordig? Als het volgende menu is uitgeklapt is die als het ware al klaar lijkt me?quote:
[..]
Ik denk dat dat best meevalt, zeker als je je scripts minified met gzip compressie aanbiedt.
quote:
http://blog.korynunn.com/javascript/the-dom-isnt-slow-you-are/
DOM is niet sloom maar jij wel. Machtig mooi artikel.
Giechelquote:You think that your proficiency as a developer outstrips the devs working under the hood of chrome? firefox? Interne..wait yeah you’re probably better than IE devs…
Hangt nogal van de verbinding af. Iemand die op 3G zit is niet blij met een request elke keer als-ie iets aanraakt op z'n schermpje.quote:
[..]
Zijn zulke kleine AJAX-requests steeds ook niet retesnel tegenwoordig? Als het volgende menu is uitgeklapt is die als het ware al klaar lijkt me?
Dat is helemaal waar.quote:
[..]
Hangt nogal van de verbinding af. Iemand die op 3G zit is niet blij met een request elke keer als-ie iets aanraakt op z'n schermpje.
Aan de andere kant, is hij wel blij met een minified json die iedere keer laadt? Ach ja, zolang het niet te veel is hoeft dat allemaal geen ramp te zijn. Maar goed, het voelt minder responsive aan bij een crappy verbinding inderdaad.
[ Bericht 4% gewijzigd door #ANONIEM op 08-06-2014 21:39:45 ]
Het lijkt me sterk dat het zoveel data bevat dat je het merkt. Sowieso is het na 1 request gecached.quote:
[..]
Aan de andere kant, is hij wel blij met een minified json die iedere keer laadt?
Oké. Ik geef je gelijk.quote:
[..]
Het lijkt me sterk dat het zoveel data bevat dat je het merkt. Sowieso is het na 1 request gecached.
Het is waarschijnlijk niet zo achterlijk veel data.
Een messy example betreffend het continenten probleempje:
http://jsfiddle.net/3XfCt/
Even snel gemaakt dus het kan een stuk netter .
http://jsfiddle.net/3XfCt/
Even snel gemaakt dus het kan een stuk netter
.
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.
Het werkt ook niet zo goedquote:
Een messy example betreffend het continenten probleempje:
http://jsfiddle.net/3XfCt/
Even snel gemaakt dus het kan een stuk netter
Het is lastiger dan je denkt om meerdere van elkaar afhankelijke lijstjes te maken, zeker op een generieke, herbruikbare manier.
Haha ja hij moet de select boxjes nog resetten als je van continent wijzigt, maar dat mag diegene die het wilt gebruiken zelf makenquote:
[..]
Het werkt ook niet zo goed
[ afbeelding ]
Het is lastiger dan je denkt om meerdere van elkaar afhankelijke lijstjes te maken, zeker op een generieke, herbruikbare manier.
.
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.
Class "depedent" op selectquote:
[..]
Het werkt ook niet zo goed
[ afbeelding ]
Het is lastiger dan je denkt om meerdere van elkaar afhankelijke lijstjes te maken, zeker op een generieke, herbruikbare manier.
Data-parent schop je t id van de parent select in
Elke option geef je een data-parent-value waarop hij moet worden weergegeven
Dit heb ik afgelopen week nog gebouwd in 3 minuten.
Je maakt een schaduwlijst van alle options en zet de relevante options in de select als de parent veranderd
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?
Weet iemand hoe ik kan zorgen dat deze 'functie' niet werkt wanneer ik op een button klik?
Nu dacht ik dit op te lossen met
Maar helaas, dat werkt niet... iemand een idee?
| 1 2 3 4 5 | $('input').live("change", function () { if ($(this).attr('id') != 'zoeken') { window.onbeforeunload = function () { return "De wijzigingen zijn nog niet opgeslagen, weet u zeker dat u verder gaat?" }; } }); |
Nu dacht ik dit op te lossen met
| 1 2 3 4 | $('input[type=submit]').submit(function() { // ignore submits from buttons window.onbeforeunload = function () { return true }; }); |
Just say hi!
Selecteren met $("input[type!='submit']") ?quote:
Weet iemand hoe ik kan zorgen dat deze 'functie' niet werkt wanneer ik op een button klik?
[ code verwijderd ]
Nu dacht ik dit op te lossen met
[ code verwijderd ]
Maar helaas, dat werkt niet... iemand een idee?
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.
👾
Ik splits het meestal wat op. Een event op de inputs en de buttons die een variabele unsavedChanges op true/false zetten, en een beforeunload event die gebaseerd op die variabele wel of niet een popup toont. Zo heb je net wat meer controle om op andere momenten ook de popup aan of uit te zetten, en hoef je geen event uit te schakelen door 'm te overschrijven met een lege functie.
twitter:konklone twitterde op maandag 09-06-2014 om 03:59:10 > 0 > null false > 0 >= null true > 0 == null false > 0 <= nulltrue > 0 < null false "JavaScript: A Great Place To Work" reageer retweet
> 0 > null false > 0 >= null true > 0 == null false > 0 <= nulltrue > 0 < null false "JavaScript: A Great Place To Work"
Sowieso geen live meer gebruiken, die is deprecated
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?
Heb je een verwijzing naar iets beters?quote:
Sowieso geen live meer gebruiken, die is deprecated
meer huidig toepasbaar zeg maar!
Just say hi!
jQuery APIquote:
[..]
Heb je een verwijzing naar iets beters?
As of jQuery 1.7, the .live() method is deprecated. Use .on() to attach event handlers.
| 1 2 3 | $( selector ).live( events, data, handler ); // jQuery 1.3+ $( document ).delegate( selector, events, data, handler ); // jQuery 1.4.3+ $( document ).on( events, selector, data, handler ); // jQuery 1.7+ |
| 1 2 3 4 5 6 7 8 9 | $( "a.offsite" ).live( "click", function() { alert( "Goodbye!" ); // jQuery 1.3+ }); $( document ).delegate( "a.offsite", "click", function() { alert( "Goodbye!" ); // jQuery 1.4.3+ }); $( document ).on( "click", "a.offsite", function() { alert( "Goodbye!" ); // jQuery 1.7+ }); |
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.
The Sass Way: Inverse trigonometric functions with Sass.
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.
Ik heb een praatje van haar gezien op CSS day vorige week, godverdomme wat kan zij een mooie dingen met CSS. Zie ook http://codepen.io/thebabydino/.quote:
The Sass Way: Inverse trigonometric functions with Sass.
Ik heb een Jquery / Javascript vraagje.
ee $_POST call probeer ik uit te voeren alleen als er meerdere $_POSTS komen van dezelfde pc.
Wil ik alleen de laatste Call afhandelen. ik klik op meerdere opties en vraag me af wat ik nu moet doen om de event te annuleren die al bezig is met posten of kan dat niet worden gecanceld? Hij gaat ze een voor een bij langs. ik zit te kijken bij Event afhandelen. Of zal ik een delay moeten instellen hiervoor?
ee $_POST call probeer ik uit te voeren alleen als er meerdere $_POSTS komen van dezelfde pc.
Wil ik alleen de laatste Call afhandelen. ik klik op meerdere opties en vraag me af wat ik nu moet doen om de event te annuleren die al bezig is met posten of kan dat niet worden gecanceld? Hij gaat ze een voor een bij langs. ik zit te kijken bij Event afhandelen. Of zal ik een delay moeten instellen hiervoor?
| 1 2 3 4 5 6 7 8 9 10 11 | function doeIets(){ if (!e) var e = window.event; if (e.stopPropagation){ e.stopPropagation(); e.preventDefault(); } $.post("roadmap_list.php", $("#filterFormRoadmap").serialize() function (){ } } |
Redacted
var req = $.post;
req.abort();
?
req.abort();
?
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?
Stopt hij ze dan niet allemaal ipv de laatste of kan dit ook?quote:
| 1 2 3 | var req = $.post; req.abort(); $.post versturen. |
Redacted
alleen de request die in je scope staat. Anders moet je ze bij langsquote:
[..]
Stopt hij ze dan niet allemaal ipv de laatste of kan dit ook?
[ code verwijderd ]
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?
Scope hoe bedoel je?quote:
[..]
alleen de request die in je scope staat. Anders moet je ze bij langs
Situatieschets:
<input type='radio' name='Appel' value='1' onclick="postVerzoek()" />
<input type='radio' name='Appel' value='2' onclick="postVerzoek()" />
Nu switch ik een paar keer tussen en maak ik zo een paar $.posts calls.
Alleen nu wil ik dat er maar 1 wordt afgehandeld. Hoe los ik dit op?
ik krijg een Cue-lijst van 6 verzoeken. en kan ik ze dan nog annuleren als ze eenmaal in de Firebird verzoek lijst staan met Jquery?
Redacted
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 | var req; function doeIets(){ if (!e) var e = window.event; if (e.stopPropagation){ e.stopPropagation(); e.preventDefault(); } if(req) { req.abort(); } req = $.post("roadmap_list.php", $("#filterFormRoadmap").serialize() function (){ } } |
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?
Thxquote:
dat helpt heel erg! Ik ga het gelijk aanpassen en testen! *fires netbeans en gaat testen
*
Redacted
Je moet hem wel even aanpassen. Die if(req) kan misschien in eerste instantie al een abort willen doen.quote:
[..]
Thx
*fires netbeans en gaat testen
En je kan beter
| 1 2 3 4 | req = $.post(url, data); req.success(function(response) { // }) |
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 laatste vraag , op de manier die je aangeeft hoe ga ik dit toepassen?quote:
[..]
Je moet hem wel even aanpassen. Die if(req) kan misschien in eerste instantie al een abort willen doen.
En je kan beter
[ code verwijderd ]
req = $.post(url, data);
hoe haal ik op deze manier de var data weer op? want op dit moment in de functie zelf staat er
als data != null dan .html(data); terwijl een succes 200 verzoek veel beter is hier voor.
Ik zat aan extra var buiten om te zetten var rdata = data; en vervolgens
req.success(function(response) {
$('#value_list').html(rdata);
} ) ;
Alleen snap ik niet wat je in response stopt.zelf zou ik daardoor function(respons) eruithalen mede omdat ik niet snap wat je met response variabele kan.
Hopelijk ben ik duidelijk.
Alvast bedankt
. Hiermee kan ik heel veel leuke constructies mee bedenken
Redacted
die response variabele bevat hetgeen je terugkrijgt van je request. In de success callback geef je een methode mee die een variabele ontvangt.
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?
dus ipv data krijg je dan response en dat zet je met .html weer terug om in leesbare tekst?quote:
die response variabele bevat hetgeen je terugkrijgt van je request. In de success callback geef je een methode mee die een variabele ontvangt.
Redacted
Wat geef je server terug als je die post hebt gedaan? Exact dat is de variabele die de success-callback meekrijgtquote:
[..]
dus ipv data krijg je dan response en dat zet je met .html weer terug om in leesbare tekst?
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?
Ah dat was de data variabele equals lap blob dat je omzet met .html in html tekstquote:
[..]
Wat geef je server terug als je die post hebt gedaan? Exact dat is de variabele die de success-callback meekrijgt
.Ik snap hem.
Nu nog zorgen dat het programma hem snapt .
Morgen aan de slag ermee [ Bericht 14% gewijzigd door cablegunmaster op 12-06-2014 18:23:25 ]
Redacted
Dat bedoel ik niet. Waar ik op doel is meer een trend. Zullen dingen als PHP, JSP en ASP.NET nog wel veel gebruikt worden in de toekomst? Of zal node.js echt een trendsetter worden?quote:
Hoe bedoel je "de toekomst"? Vind je het nog niet bruikbaar dan?
Waarom zou het niet naast elkaar kunnen (blijven) bestaan?quote:
[..]
Dat bedoel ik niet. Waar ik op doel is meer een trend. Zullen dingen als PHP, JSP en ASP.NET nog wel veel gebruikt worden in de toekomst? Of zal node.js echt een trendsetter worden?
Kan wel, maar het web wordt wel steeds dynamischer.quote:
[..]
Waarom zou het niet naast elkaar kunnen (blijven) bestaan?
Ik weet te weinig van node af, maar de integratie cliënt/server zit heel goed volgens mij. Veel interactie.
Ik zou me nog even goed inlezen
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?
ja. En alleen datquote:
[..]
Thanks! Ik weet enkel dat het server side JavaScript is.
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?
relationele databases staan nog in de kinderschoenen of is daar al een mooie oplossing voor? Las ergens dat je met mongodb ook geen text search kon doen, zijn dat soort dingen dan niet (te) probelmatisch voor veel toepassingen.quote:
Hoe bedoel je "de toekomst"? Vind je het nog niet bruikbaar dan?
“Specialization is for insects”.—Robert Heinlein
Mongodb, elasticsearch en neo4j zijn volgens mij al goed bruikbaar
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?
Zit mij te verwonderen hoe vernuftig Google Maps in elkaar zit, met die routebeschrijving. Dat je het kunt slepen... alles in Javascript.
Tering, wat een secuur werkje moet het geweest zijn.
Tering, wat een secuur werkje moet het geweest zijn.
Weet iemand waarom dit niet werkt in IE10/11 (animation chaining)?
Als voorbeeld.
Wanneer ik een van de animaties weghaal, werkt het wel. Iemand een oplossing?
| 1 2 3 4 | .cssanimation { animation: animone 2s ease-out 0ms 1, animtwo 4s ease-in-out infinite 1s; -webkit-animation: animone 2s ease-out 0ms 1, animtwo 4s ease-in-out infinite 1s; } |
Wanneer ik een van de animaties weghaal, werkt het wel. Iemand een oplossing?
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. :'(
denk dat het dan 'gewoon' niet werkt, het chainenquote:
Weet iemand waarom dit niet werkt in IE10/11 (animation chaining)?
[ code verwijderd ]
Als voorbeeld.
Wanneer ik een van de animaties weghaal, werkt het wel. Iemand een oplossing?
“Specialization is for insects”.—Robert Heinlein
Meh.quote:
[..]
denk dat het dan 'gewoon' niet werkt, het chainen
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. :'(
