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.
Bedankt!quote:
Ik heb je code iets aan moeten passen, maar nu werkt hij!
Met deze code heb ik het werkend gekregen:
| 1 2 3 | ul li a:link {color:#202020;text-decoration:underlined;} ul li a:visited {color:#202020;} ul li a:hover {color:#202020;} |
Ja het was een voorbeeldje voor hoe je het kan aanpakken, mooi dat je het werkend hebt gekregen.quote:Op dinsdag 25 maart 2014 21:13 schreef maikel112 het volgende:
[..]
Bedankt!
Ik heb je code iets aan moeten passen, maar nu werkt hij!
Met deze code heb ik het werkend gekregen:
[ code verwijderd ]
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.
weet iemand een handige manier om cirkels te genereren, die in een cirkelvorm staan? zoals dit:
waarvan de grootte van een cirkel wordt gebaseerd op een veld in een array:
het dichtste wat erbij in de buurt komt wat ik heb kunnen vinden is d3.js, maar daarin krijg ik het niet zoals ik wil: http://bl.ocks.org/mbostock/4063269
--
gevonden, hiermee moet het wel lukken: http://bl.ocks.org/mbostock/1062383
[ Bericht 8% gewijzigd door Deeltjesversneller op 27-03-2014 04:50:04 ]
waarvan de grootte van een cirkel wordt gebaseerd op een veld in een array:
| 1 2 3 4 5 6 | "cirkels": [ {"name": "Aap", "size": 398}, {"name": "Noot", "size": 312}, {"name": "Mies", "size": 714}, {"name": "Boom", "size": 43} ] |
het dichtste wat erbij in de buurt komt wat ik heb kunnen vinden is d3.js, maar daarin krijg ik het niet zoals ik wil: http://bl.ocks.org/mbostock/4063269
--
gevonden, hiermee moet het wel lukken: http://bl.ocks.org/mbostock/1062383
[ Bericht 8% gewijzigd door Deeltjesversneller op 27-03-2014 04:50:04 ]
D3 is de place to go idd
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
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 nu te emuleren met TypeScriptquote:Op donderdag 27 maart 2014 08:52 schreef robin007bond het volgende:
ECMAScript 6.
Goed OOP, let variabelen, modules.
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.
Grappig trouwens dat IE al ondersteuning heeft voor let-variabelen, maar Firefox Aurora nog niet. 
Of toch niet? Ik kreeg in ieder geval wel een "Unexpected ; "-melding in de console. Nevermind, het werkt wel.
Waarschijnlijk een foutje dan. Ik zal nog eens kijken als ik weer op mijn stage ben. Eigenlijk moet ik ze sowieso nog niet gebruiken omdat het niet door alle browsers ondersteund wordt, maar het was even om te kijken.
Blijkbaar zat het in Javascript 1.7 al en is dit in 2006 al geïmplementeerd.
JavaScript 1.7 support was introduced in Firefox 2 (October 2006).
https://developer.mozilla(...)ew_in_JavaScript/1.7
Heftig dat het pas zo laat in de ECMAScript-standaard is gekomen. Toen ik dit las dacht ik namelijk dat het echt iets nieuws was in ECMAScript 6:
http://code.tutsplus.com/(...)t-6-today--net-31582
[ Bericht 18% gewijzigd door #ANONIEM op 28-03-2014 15:15:37 ]
Of toch niet? Ik kreeg in ieder geval wel een "Unexpected ; "-melding in de console. Nevermind, het werkt wel.
Waarschijnlijk een foutje dan. Ik zal nog eens kijken als ik weer op mijn stage ben. Eigenlijk moet ik ze sowieso nog niet gebruiken omdat het niet door alle browsers ondersteund wordt, maar het was even om te kijken. Blijkbaar zat het in Javascript 1.7 al en is dit in 2006 al geïmplementeerd.
JavaScript 1.7 support was introduced in Firefox 2 (October 2006).
https://developer.mozilla(...)ew_in_JavaScript/1.7
Heftig dat het pas zo laat in de ECMAScript-standaard is gekomen. Toen ik dit las dacht ik namelijk dat het echt iets nieuws was in ECMAScript 6:
http://code.tutsplus.com/(...)t-6-today--net-31582
[ Bericht 18% gewijzigd door #ANONIEM op 28-03-2014 15:15:37 ]
Ah helder. De verschillende cases in switch statements worden niet gezien als een apart blok.
Vandaar dus.
| 1 2 3 4 5 6 7 8 9 | switch (x) { case 0: let foo; break; case 1: let foo; // TypeError for redeclaration. break; } |
Vandaar dus.
Tsja. Dat is inderdaad zo. Ik wist niet dat let-variabelen daar zo nauw naar zouden luisteren.quote:
Gewoon even een ordinaire linkdump omdat ik vandaag erg blij was toen ik dit tegenkwam.http://www.chartjs.org/docs/
Ik heb onlangs een project met highcharts gedaan, ook een lekkere library
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
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?
Ziet er goed uit, maar helaas geen interactie.quote:Op vrijdag 28 maart 2014 21:45 schreef TwenteFC het volgende:
http://www.chartjs.org/docs/
Ach, is ook niet altijd nodig.
Kost je voor commercieel gebruik wel geld helaas.quote:
Ik heb onlangs een project met highcharts gedaan, ook een lekkere library
Ach, het bedrijf waar je werkt zal die kleine licentie wel kunnen bekostigen. Zo duur is het niet.
Was een project voor een multinational met een miljardenomzet, dus dan is die 3k niet zon probleemquote:
[..]
Kost je voor commercieel gebruik wel geld helaas.
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?
Tof. Lijkt me best spannend, zo'n verantwoordelijkheid.quote:
[..]
Was een project voor een multinational met een miljardenomzet, dus dan is die 3k niet zon probleem
Is t ook. Maar ik doe alleen dingen waarvan ik weet dat ik t kanquote:
[..]
Tof. Lijkt me best spannend, zo'n verantwoordelijkheid.
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?
Zat eens te kijken op CodeCademy en zag wat vreemds in de code.
Vanwaar bij regelnummer 2 de || operator? Volgens mij willen ze de itemCost optellen bij total als die waarde er is, en anders er 0 bij optellen. Maar waarom? Als de parameter zou slaan op false dan wordt er sowieso 0 bij opgeteld toch?
En je kunt functies die parameters vereisen niet aanroepen zonder een parameter aan te geven toch? Dus die (itemCost ||"0) lijkt me erg overbodig. Kan dat niet gewoon:
zijn?
Het gaat om deze opdracht:
http://www.codecademy.com(...)24b3a7dffd00020bf661
Wel goed dat ze je de object literal notation leren.
[ Bericht 3% gewijzigd door #ANONIEM op 29-03-2014 19:22:04 ]
| 1 2 3 4 | add: function(itemCost){ this.total += (itemCost || 0); this.lastTransactionAmount = itemCost; } |
Vanwaar bij regelnummer 2 de || operator? Volgens mij willen ze de itemCost optellen bij total als die waarde er is, en anders er 0 bij optellen. Maar waarom? Als de parameter zou slaan op false dan wordt er sowieso 0 bij opgeteld toch?
En je kunt functies die parameters vereisen niet aanroepen zonder een parameter aan te geven toch? Dus die (itemCost ||"0) lijkt me erg overbodig. Kan dat niet gewoon:
| 1 | this.total += itemCost; |
zijn?
Het gaat om deze opdracht:
http://www.codecademy.com(...)24b3a7dffd00020bf661
Wel goed dat ze je de object literal notation leren.
[ Bericht 3% gewijzigd door #ANONIEM op 29-03-2014 19:22:04 ]
Wat is Leaflet trouwens echt een heerlijke library. 
http://leafletjs.com/
Mijn project met Leaflet gaat echt zeer soepeltjes.
http://leafletjs.com/
Mijn project met Leaflet gaat echt zeer soepeltjes.
"|| value" is in Javascript een standaardsyntax voor het opgeven van een alternatieve waarde als een variabele niet beschikbaar is. Door || 0 hier te schrijven zijn er voor een ervaren Javascript-programmeur onmiddellijk 2 dingen duidelijk aan deze functie:quote:
Zat eens te kijken op CodeCademy en zag wat vreemds in de code.
[ code verwijderd ]
Vanwaar bij regelnummer 2 de || operator? Volgens mij willen ze de itemCost optellen bij total als die waarde er is, en anders er 0 bij optellen. Maar waarom? Als de parameter zou slaan op false dan wordt er sowieso 0 bij opgeteld toch?
En je kunt functies die parameters vereisen niet aanroepen zonder een parameter aan te geven toch? Dus die (itemCost ||"0) lijkt me erg overbodig. Kan dat niet gewoon:
[ code verwijderd ]
zijn?
Het gaat om deze opdracht:
http://www.codecademy.com(...)24b3a7dffd00020bf661
Wel goed dat ze je de object literal notation leren.
1) itemCost is een optioneel argument
2) de standaardwaarde van itemCost is 0
De reden dat je dit toch zou schrijven in plaats van het weg te laten (omdat het inderdaad in dit geval niet veel doet) is het verduidelijken van de code en het makkelijker te maken toekomstige aanpassingen te verwerken. Je helpt als het ware je toekomstige collega door je code op deze manier op te schrijven.
Dat kan dus welquote:En je kunt functies die parameters vereisen niet aanroepen zonder een parameter aan te geven toch?
Javascript flexibility powerrrr 
[ Bericht 2% gewijzigd door Tijn op 29-03-2014 23:34:10 ]
Heel erg bedankt Tijn. Held!quote:Op zaterdag 29 maart 2014 23:20 schreef Tijn het volgende:
[..]
"|| value" is in Javascript een standaardsyntax voor het opgeven van een alternatieve waarde als een variabele niet beschikbaar is. Door || 0 hier te schrijven zijn er voor een ervaren Javascript-programmeur onmiddellijk 2 dingen duidelijk aan deze functie:
1) itemCost is een optioneel argument
2) de standaardwaarde van itemCost is 0
De reden dat je dit toch zou schrijven in plaats van het weg te laten (omdat het inderdaad in dit geval niet veel doet) is het verduidelijken van de code en het makkelijker te maken toekomstige aanpassingen te verwerken. Je helpt als het ware je toekomstige collega door je code op deze manier op te schrijven.
[..]
Dat kan dus wel
Zoiets dacht ik al, maar ik wist het dus niet zeker.
Kun je dan niet net zo goed dit doen?
| 1 2 | function blabla(getal = 0) { } |
Dat ben ik gewend uit andere talen en vind ik persoonlijk ook logischer en makkelijker te lezen. Daarnaast is het schaalbaarder omdat je dan niet bij alles wat je met itemCost doet zo'n "value || 0" moet gebruiken.
[ Bericht 8% gewijzigd door #ANONIEM op 30-03-2014 10:35:05 ]
Haha flexibility power.quote:
[..]
"|| value" is in Javascript een standaardsyntax voor het opgeven van een alternatieve waarde als een variabele niet beschikbaar is. Door || 0 hier te schrijven zijn er voor een ervaren Javascript-programmeur onmiddellijk 2 dingen duidelijk aan deze functie:
1) itemCost is een optioneel argument
2) de standaardwaarde van itemCost is 0
De reden dat je dit toch zou schrijven in plaats van het weg te laten (omdat het inderdaad in dit geval niet veel doet) is het verduidelijken van de code en het makkelijker te maken toekomstige aanpassingen te verwerken. Je helpt als het ware je toekomstige collega door je code op deze manier op te schrijven.
[..]
Dat kan dus wel
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
Ik doe het ook zo inderdaad.quote:
[..]
Heel erg bedankt Tijn. Held!
Zoiets dacht ik al, maar ik wist het dus niet zeker.
Kun je dan niet net zo goed dit doen?
[ code verwijderd ]
Dat ben ik gewend uit andere talen en vind ik persoonlijk ook logischer en makkelijker te lezen. Daarnaast is het schaalbaarder omdat je dan niet bij alles wat je met itemCost doet zo'n "value || 0" moet gebruiken.
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
Oh ik bedoelde in PHP.quote:
[..]
Dat is bijzonder, want het is geen valide syntax in Javascript.
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
Zoals hierboven al is gezegd, is dat dus geen valide syntax in Javascript. Je zult het met de || operator moeten doen.quote:
[..]
Heel erg bedankt Tijn. Held!
Zoiets dacht ik al, maar ik wist het dus niet zeker.
Kun je dan niet net zo goed dit doen?
[ code verwijderd ]
Dat ben ik gewend uit andere talen en vind ik persoonlijk ook logischer en makkelijker te lezen. Daarnaast is het schaalbaarder omdat je dan niet bij alles wat je met itemCost doet zo'n "value || 0" moet gebruiken.
Jezelf herhalen is natuurlijk een grote nono (Don't Repeat Yourself!), dus als je op meerdere plaatsen deze variabele nodig hebt, dan zorg je bovenaan je functie dat de juiste waarde in wordt gevuld.
| 1 2 3 4 5 6 7 8 9 | function something(x, y, z) { var defaultValue = 0; x = x || defaultValue; y = y || defaultValue; z = z || defaultValue; /* hier allerlei berekening waarbij je x, y en z gebruikt en uiteindelijk iets teruggeeft */ } |
[ Bericht 0% gewijzigd door Tijn op 30-03-2014 13:30:38 ]
Dat is inderdaad een mooie manier om herhaling te voorkomen.quote:
[..]
Zoals hierboven al is gezegd, is dat dus geen valide syntax in Javascript. Je zult het met de || operator moeten doen.
Jezelf herhalen is natuurlijk een grote nono (Don't Repeat Yourself!), dus als je op meerdere plaatsen deze variabele nodig hebt, dan zorg je bovenaan je functie dat de juiste waarde in wordt gevuld.
[ code verwijderd ]
Ik mis dan wel die manier van optionele parameters zoals je dat wel hebt in andere talen. Volgens mij introduceren ze dat niet in ECMAScript 6.
Het is ook niet nodig in Javascript, alle argumenten zijn standaard optioneel.quote:
[..]
Dat is inderdaad een mooie manier om herhaling te voorkomen.
Ik mis dan wel die manier van optionele parameters zoals je dat wel hebt in andere talen. Volgens mij introduceren ze dat niet in ECMAScript 6.
Dat vind ik niet netjes!quote:
[..]
Het is ook niet nodig in Javascript, alle argumenten zijn standaard optioneel.
Iemand die mij uit de brand kan helpen.
Toen ik mijn Wordpress website had opgezet een aantal jaar geleden werd automatisch bij elke pagina "| website naam" toegevoegd achter elke pagina titel.
Nu wil ik dit weer realiseren, met uitzondering van de homepage.
De code die ik nu heb is als volgt:
Waar voeg ik de statische titel toe....?
Toen ik mijn Wordpress website had opgezet een aantal jaar geleden werd automatisch bij elke pagina "| website naam" toegevoegd achter elke pagina titel.
Nu wil ik dit weer realiseren, met uitzondering van de homepage.
De code die ik nu heb is als volgt:
| 1 | <title><?php if (is_home () ) { bloginfo('name'); } elseif ( is_category() ) { single_cat_title(); echo ' - ' ; bloginfo('name'); } elseif (is_single() ) { single_post_title(); } elseif (is_page() ) { single_post_title(); } elseif ( is_404() ) { echo 'Pagina niet gevonden'; } else { wp_title('',true); } ?></title> |
Waar voeg ik de statische titel toe....?
Waarschijnlijk kunnen ze je hier beter helpenquote:
Iemand die mij uit de brand kan helpen.
Toen ik mijn Wordpress website had opgezet een aantal jaar geleden werd automatisch bij elke pagina "| website naam" toegevoegd achter elke pagina titel.
Nu wil ik dit weer realiseren, met uitzondering van de homepage.
De code die ik nu heb is als volgt:
[ code verwijderd ]
Waar voeg ik de statische titel toe....?
DIG / [Wordpress] Algemeen topic deel 8
DIG / [PHP/(My)SQL] voor dummies #114
Whether or not you can become great at something, you can always become better.
And one day you'll wake up and find out how good you actually became, having transcended whatever limits you might have thought you couldn't pass.
Neil Degrasse Tyson
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
De laatste video van Crockfords YUI Theater serie over Javascript gaat over hoe om te gaan met dit soort irrationele gevoelensquote:
Ik vind het juist een heel rationeel gevoel.quote:Op zondag 30 maart 2014 22:28 schreef Tijn het volgende:
[..]
De laatste video van Crockfords YUI Theater serie over Javascript gaat over hoe om te gaan met dit soort irrationele gevoelens
Maar ik ben benieuwd! Ik heb het nog niet helemaal afgekeken.
zitten hier nog mensen met ervaring met underscore.js?
No citizen has a right to be an amateur in the matter of physical training...what a disgrace it is for a man to grow old without ever seeing the beauty and strength of which his body is capable.
Heb de docs wel eens bekeken. Zoveel stelt t niet voor toch?quote:Op zondag 30 maart 2014 23:02 schreef esv7 het volgende:
zitten hier nog mensen met ervaring met underscore.js?
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. Zit wel een aantal handige helper functies in, ik zie wel situaties waarin ik dat zou willen gebruiken.quote:
[..]
Heb de docs wel eens bekeken. Zoveel stelt t niet voor toch?
quote:
[..]
Heb de docs wel eens bekeken. Zoveel stelt t niet voor toch?
Oké, ik ben namelijk bezig met mij te verdiepen in AngularJS, maar het wordt een beetje veel bij elkaar. Ik heb verder nog geen ervaring met yeoman et cetera. En er werd in een tutorial aangeraden om functional javascript te lezen, wat er weer vanuit gaat dat je met underscore.js kan werken.quote:Op maandag 31 maart 2014 00:39 schreef picodealion het volgende:
[..]
Dit. Zit wel een aantal handige helper functies in, ik zie wel situaties waarin ik dat zou willen gebruiken.
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 is toch gewoon een uitgebreide string helper?
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
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?
Een library met functies, wel meer dan alleen string's. Alleen op een van de eerste bladzijden van functional programming krijg je dit al:quote:
Het is toch gewoon een uitgebreide string helper?
En gaan ze ervan uit dat je dit al begrijpt, wat niet het geval is. Daarom laat ik functional programming nog maar even voor wat het is.
No citizen has a right to be an amateur in the matter of physical training...what a disgrace it is for a man to grow old without ever seeing the beauty and strength of which his body is capable.
Dat heeft niet zoveel met underscore of angular te maken. Daarnaast is je voorbeeld voor de meeste (ervaren) programmeurs wel te lezen.quote:
[..]
Een library met functies, wel meer dan alleen string's. Alleen op een van de eerste bladzijden van functional programming krijg je dit al:
[ afbeelding ]
En gaan ze ervan uit dat je dit al begrijpt, wat niet het geval is. Daarom laat ik functional programming nog maar even voor wat het is.
[ Bericht 4% gewijzigd door #ANONIEM op 31-03-2014 12:13:32 ]
De structuur begrijp ik wel grotendeels, alleen de underscore functies ken ik niet, en die staan ook niet uitgelegd of beschreven oid. En ik kwam hier bij omdat er in een AngularJs tutorial werd geadviseerd om dit boek te lezen.quote:Op maandag 31 maart 2014 12:12 schreef Scorpie het volgende:
[..]
Dat heeft niet zoveel met underscore of angular te maken. Daarnaast is je voorbeeld voor de meeste (ervaren) programmeurs wel te lezen.
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.
Gewoon in de docs checken wat die functies doenquote:
[..]
De structuur begrijp ik wel grotendeels, alleen de underscore functies ken ik niet, en die staan ook niet uitgelegd of beschreven oid. En ik kwam hier bij omdat er in een AngularJs tutorial werd geadviseerd om dit boek te lezen.
Dat heb ik namelijk net ook gedaan. Je moet voor jezelf als je iets niet snapt, het blokje code in stukjes opdelen en ze piece-by-piece opzoeken en proberen te begrijpen.
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
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 was aan het prutsen voor de lol, en ik heb een probleem
Ik heb een pagina gemaakt met html/css waarbij er een zooi afbeeldingen naast elkaar staan, met float. Elke afbeelding staat in een eigen div, en alle divs met afbeeldingen staan in een div.
Nou heb ik met jQuery er een mooi dingetje opgepleurt waardoor de afbeeldingen faden naar 0,3 opacity, maar ik wil dat er achter die afbeeldingen een logo komt te staan. Dit lukt me niet! Ik heb een backgroundimg bij de afbeeldingen geprobeerd, en een afbeelding in de divs van de afbeeldingen. En het werkt niet.
Als ik height en width opgeef bij de backgroundimg, float de boel niet meer en is er nog steeds geen background. Wat doe ik verkeerd?
Voorbeeld html:
Voorbeeld CSS:
.producten div {} werkte ook niet en ik doe vast iets doms ergens.
[ Bericht 1% gewijzigd door Xaryna op 31-03-2014 17:18:19 ]
Ik heb een pagina gemaakt met html/css waarbij er een zooi afbeeldingen naast elkaar staan, met float. Elke afbeelding staat in een eigen div, en alle divs met afbeeldingen staan in een div.
Nou heb ik met jQuery er een mooi dingetje opgepleurt waardoor de afbeeldingen faden naar 0,3 opacity, maar ik wil dat er achter die afbeeldingen een logo komt te staan. Dit lukt me niet! Ik heb een backgroundimg bij de afbeeldingen geprobeerd, en een afbeelding in de divs van de afbeeldingen. En het werkt niet.
Als ik height en width opgeef bij de backgroundimg, float de boel niet meer en is er nog steeds geen background. Wat doe ik verkeerd?
Voorbeeld html:
| 1 2 3 4 5 6 7 8 | <div class="producten"> <div class="product1"> <img src="images/1p/1pbed_1.jpg" alt="" class="fade" /> </div> <div class="product2"> <img src="images/1p/1pbed_2.jpg" alt="" class="fade" /> </div> </div> |
| 1 2 3 4 5 6 7 8 9 10 11 12 13 | .producten img { display: block; height: 200px; width: 300px; margin: 10px 0px 10px 15px; float: left; background-image: url("../images/1p/product_bg.jpg") no-repeat top left; } .product1 { background-image: url("../images/1p/product_bg.jpg") no-repeat; display: block; } |
[ Bericht 1% gewijzigd door Xaryna op 31-03-2014 17:18:19 ]
Chocoladetaartjes.
Op donderdag 25 juli 2013 18:44 schreef trovey het volgende: Evert, de vrouwelijke versie. :P
Op donderdag 25 juli 2013 18:44 schreef trovey het volgende: Evert, de vrouwelijke versie. :P
Als alternatief voor Underscore kan ik SugarJS aanbevelen.
Heeft ook de mogelijkheid om een eigen download samen te stellen door onderdelen weg te laten.
Heeft ook de mogelijkheid om een eigen download samen te stellen door onderdelen weg te laten.
When the student is ready, the teacher will appear.
When the student is truly ready, the teacher will disappear.
When the student is truly ready, the teacher will disappear.
Volgens mij is het probleem dat parents niet over hun children heen kunnen vallen qua z-index. Daarom staat je plaatje altijd over de achtergrond heen, waardoor je de achtergrond niet ziet.quote:
Ik was aan het prutsen voor de lol, en ik heb een probleem
Ik heb een pagina gemaakt met html/css waarbij er een zooi afbeeldingen naast elkaar staan, met float. Elke afbeelding staat in een eigen div, en alle divs met afbeeldingen staan in een div.
Nou heb ik met jQuery er een mooi dingetje opgepleurt waardoor de afbeeldingen faden naar 0,3 opacity, maar ik wil dat er achter die afbeeldingen een logo komt te staan. Dit lukt me niet! Ik heb een backgroundimg bij de afbeeldingen geprobeerd, en een afbeelding in de divs van de afbeeldingen. En het werkt niet. Als ik height en width opgeef bij de backgroundimg, float de boel niet meer. Wat doe ik verkeerd?
Voorbeeld html:
[ code verwijderd ]
Voorbeeld CSS:
[ code verwijderd ]
.producten div {} werkte ook niet en ik doe vast iets doms ergens.
Ik zou er zoiets van maken, dan heb je dit probleem niet:
| 1 2 3 4 5 6 7 8 9 10 | <ul class="producten"> <li> <img src="product1.jpg" alt="" /> <img class="logo" src="logo.png" alt="" /> </li> <li> <img src="product2.jpg" alt="" /> <img class="logo" src="logo.png" alt="" /> </li> </ul> |
| 1 2 3 4 5 6 7 8 9 10 11 12 13 | .producten li { position: relative; float: left; width: 300px; height: 200px; } .producten li .logo { position: absolute; top: 10px; left: 10px; } |
Of bedoel je dat je het logo echter ACHTER je plaatje wilt hebben? Is dat waarom je het plaatje ook doorzichtig maakt? In dat geval zou dit moeten werken:
Er zat sowieso volgens mij een fout in de syntax van je background-image-regel. Ik weet niet uit m'n hoofd wat de shorthandnotatie daarvan is, maar ik vermoed dat het alleen werkt met de key "background" en niet met "background-image".
| 1 2 3 4 5 6 7 8 9 10 11 12 13 | .producten div { display: block; height: 200px; width: 300px; margin: 10px 0px 10px 15px; float: left; background-image: url("logo.png"); background-repeat: no-repeat; background-position: 10px 10px; } .producten img { opacity: 0.3; } |
Er zat sowieso volgens mij een fout in de syntax van je background-image-regel. Ik weet niet uit m'n hoofd wat de shorthandnotatie daarvan is, maar ik vermoed dat het alleen werkt met de key "background" en niet met "background-image".
Het werkt nu wel, ik heb nu idd de hele bups op de div gezet ipv de img. Dank je, hij doet het!quote:Op maandag 31 maart 2014 17:32 schreef Tijn het volgende:
Of bedoel je dat je het logo echter ACHTER je plaatje wilt hebben? Is dat waarom je het plaatje ook doorzichtig maakt? In dat geval zou dit moeten werken:
[ code verwijderd ]
Er zat sowieso volgens mij een fout in de syntax van je background-image-regel. Ik weet niet uit m'n hoofd wat de shorthandnotatie daarvan is, maar ik vermoed dat het alleen werkt met de key "background" en niet met "background-image".
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
"display: block" is trouwens niet nodig als je een element float, want hij wordt dan automatisch een block.
Ik kwam dat tegen bij zoeken naar oplossingen.quote:Op maandag 31 maart 2014 17:50 schreef Tijn het volgende:
"display: block" is trouwens niet nodig als je een element float, want hij wordt dan automatisch een block.
Het resultaat is trouwens echt foeilelijk.
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 mis toch wel multithreading in JavaScript. Ja, je hebt workers maar dan kun je niks doen met de DOM. Ik snap het wel, omdat het anders niet thread safe is, maar toch.
Een kaartenmap die een JSON uitleest en daarvan 60.000 markers op een kaart zit. Jullie kunnen je voorstellen dat die dan even hangt.
setTimeout was geen oplossing.
Een kaartenmap die een JSON uitleest en daarvan 60.000 markers op een kaart zit. Jullie kunnen je voorstellen dat die dan even hangt.
setTimeout was geen oplossing.
Ik heb ooit een wrapper functie gemaakt die een for-loop nabootst maar op gezette intervals een setTimeout gebruikt om de browser even ruimte te geven. Je kan dan aangeven hoeveel iteraties per keer je wil laten draaien, heeft voor mij een bepaalde pagina waar duizenden records in moesten worden verwerkt een boel performance-problemen opgelost. Zal 'm even opzoeken.
Thanks! Dat zou mij erg helpen.quote:
Ik heb ooit een wrapper functie gemaakt die een for-loop nabootst maar op gezette intervals een setTimeout gebruikt om de browser even ruimte te geven. Je kan dan aangeven hoeveel iteraties per keer je wil laten draaien, heeft voor mij een bepaalde pagina waar duizenden records in moesten worden verwerkt een boel performance-problemen opgelost. Zal 'm even opzoeken.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 | function fragmentedFor(arguments) { var fragmentLength, totalLoops, runEachLoop, runWhenDone, start; var init = function() { fragmentLength = arguments.fragmentLength || 10; totalLoops = arguments.totalLoops; runEachLoop = arguments.runEachLoop; runWhenDone = arguments.runWhenDone; start = arguments.start || 0; runNextFragment(); } var runNextFragment = function() { var end = start + fragmentLength; for(var i = start; i < Math.min(end, getTotal()); i++) { runEachLoop( i ); } start += fragmentLength; if(start < getTotal()) { setTimeout(runNextFragment, 1); } else { runWhenDone(); } } var getTotal = function() { // allows totalLoops argument to be either a variable or a function return typeof(mightBeAFunction) === 'function'; } init(); } |
Weet niet of 'ie een beetje netjes is, maar hij werkt als volgt:
ipv bijvoorbeeld
| 1 2 3 4 5 6 | for(var i = 0; i < 10000; i++) { console.log(i); } doeIetsNaDeForLoop(); |
doe je
| 1 2 3 4 5 6 7 8 9 | fragmentedFor({ fragmentLength: 100, // aantal iteraties door de for-loop per keer, optioneel. default is 10 totalLoops: 10000, runEachLoop: function(i) { console.log(i); }, runWhenDone: doeIetsNaDeForLoop, start: 0 // optioneel, default is al 0 }); |
runEachLoop is dus de functie die in de body van for() staat, runWhenDone is een callback functien= als 'ie klaar is.
totalLoops kan zowel een nummer als een functie zijn (die dus een getal moet returnen), dit had ik ooit nodig omdat het totaal werd verminderd doordat de runEachLoop elementen uit een array haalde en dus de loop onderweg korter werd.
Google maps? Dan kan je sowieso clusters gebruiken.quote:Op dinsdag 1 april 2014 21:19 schreef robin007bond het volgende:
Ik mis toch wel multithreading in JavaScript. Ja, je hebt workers maar dan kun je niks doen met de DOM. Ik snap het wel, omdat het anders niet thread safe is, maar toch.
Een kaartenmap die een JSON uitleest en daarvan 60.000 markers op een kaart zit. Jullie kunnen je voorstellen dat die dan even hangt.
setTimeout was geen oplossing.
En dat zijn wel lomp veel markers. Ben benieuwd naar de use-case, want dat lijkt me geen werkbare situatie.
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
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, het lijkt mij op het eerste gezicht niet heel user friendly om 60.000 markers aan te bieden, los van de performance.quote:
[..]
Google maps? Dan kan je sowieso clusters gebruiken.
En dat zijn wel lomp veel markers. Ben benieuwd naar de use-case, want dat lijkt me geen werkbare situatie.
[ Bericht 0% gewijzigd door Tijn op 02-04-2014 00:47:10 ]
Inderdaad. Hoe valt 60k markers in godsnaam te verantwoorden.
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
Het belang van goede tutorials om iets te lerentwitter:SlexAxton twitterde op donderdag 13-03-2014 om 21:29:32 Great. I read the wrong <canvas> tutorial and now there's oil paint all over my monitor. reageer retweet
Great. I read the wrong <canvas> tutorial and now there's oil paint all over my monitor. 
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
Waarom niet?quote:Op woensdag 2 april 2014 08:35 schreef boem-dikkie het volgende:
Inderdaad. Hoe valt 60k markers in godsnaam te verantwoorden.
Je hebt databases met locaties van bomen, OV haltes, horecagelegenheden en zo nog veel meer. Dan kom je makkelijk aan de 60K. Dat het niet verstandig is om ze allemaal tegelijk te laden, dat is een ander verhaal.
Daarom dus.quote:
[..]
Waarom niet?
Je hebt databases met locaties van bomen, OV haltes, horecagelegenheden en zo nog veel meer. Dan kom je makkelijk aan de 60K. Dat het niet verstandig is om ze allemaal tegelijk te laden, dat is een ander verhaal.
Clusters gebruik ik al.quote:
[..]
Google maps? Dan kan je sowieso clusters gebruiken.
En dat zijn wel lomp veel markers. Ben benieuwd naar de use-case, want dat lijkt me geen werkbare situatie.
En er komen nog filteropties en dergelijke. Dus dat komt wel goed.
Die laden alleen op het moment dat de gebruiker kiest de gegevens op te halen. Maar als de gebruiker alles wil zien dan krijgt hij ook alles te zien.Zat al te denken dat ik alleen markers uit een bepaald gebied ophaal om het voor tablets wat beter te maken.
[ Bericht 6% gewijzigd door #ANONIEM op 02-04-2014 18:55:12 ]
In clusters maakt dat toch weinig uit. Voorbeeld:quote:
Je kunt een gebruiker nooit 60.000 markers presenteren op een kaart. Daar heeft niemand wat aan.
http://leaflet.github.io/(...)realworld.50000.html
Tiles doen het niet in het voorbeeld.
[ Bericht 3% gewijzigd door #ANONIEM op 02-04-2014 19:12:16 ]
Maar dan presenteer je geen 60.000 markers, dat is juist het punt
De performance van je voorbeeld is trouwens best acceptabel toch? En dat is met 50.000 markers, dus waarom zou 60.000 dan een probleem zijn?
De performance van je voorbeeld is trouwens best acceptabel toch? En dat is met 50.000 markers, dus waarom zou 60.000 dan een probleem zijn?
Oké, anders verwoord. 60.000 markers worden dus nooit in één keer gepresenteerd. Geen zorgen.quote:
Maar dan presenteer je geen 60.000 markers, dat is juist het punt
De performance van je voorbeeld is trouwens best acceptabel toch? En dat is met 50.000 markers, dus waarom zou 60.000 dan een probleem zijn?
En de performance is wel acceptabel, maar probeer het maar even op een mobiel apparaat uit.
Daarnaast is het bij mij nog een JSON die via asynchroon wordt ingelezen en waar nog wat info bij zit.
Ik zou de hele boel filteren voordat je het aan de user presenteert. Bij voorkeur al in de service die de JSON genereert. Het is gewoon veel te veel data voor een persoon om te kunnen verwerken. Je kunt denk ik beter de service een paar keer aanroepen en nieuwe data opvragen dan dit allemaal in 1x naar de client te willen pushen, laat staan het in de DOM te gooien.quote:
[..]
Oké, anders verwoord. 60.000 markers worden dus nooit in één keer gepresenteerd. Geen zorgen.
En de performance is wel acceptabel, maar probeer het maar even op een mobiel apparaat uit.
Dat is ook de bedoeling, maar er kan een user zijn die geen filteropties seelecteert.quote:
[..]
Ik zou de hele boel filteren voordat je het aan de user presenteert. Bij voorkeur al in de service die de JSON genereert. Het is gewoon veel te veel data voor een persoon om te kunnen verwerken. Je kunt denk ik beter de service een paar keer aanroepen en nieuwe data opvragen dan dit allemaal in 1x naar de client te willen pushen, laat staan het in de DOM te gooien.
En dit wordt nu al in de JSON gegenereerd server-side. Don't worry. Maar ik wil het enkel voor het zeldzame geval dat een gebruiker echt alle filteropties uitzet en vervolgens op "Gegevens ophalen" drukt o.i.d. De JSON wordt dynamisch gegenereerd op basis van de filteropties. Ik ga geen 60.000 items in een JSON iedere keer versturen.
[ Bericht 8% gewijzigd door #ANONIEM op 02-04-2014 20:07:09 ]
| 1 | <font color=#FF0000>Value 1 must be a number</font><script>document.forms[0].value1.focus();</script> |
Waar staat de [0] in forms voor?
document.forms is een array van alle forms op een pagina. document.forms[0] is het eerste element in deze array aangezien een array een index heeft die begint bij 0.quote:
[ code verwijderd ]
Waar staat de [0] in forms voor?
Overigens veiliger om het form met zijn id te selecteren. Als je meerdere forms op een page krijgt kan het stuk gaan natuurlijk
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
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?
Hoe zou dat kunnen? Als er meerdere forms zijn, dan selecteert-ie toch daarna bij 1 en verder?
Overigens zie ik dat de twee forms wel allebei waarde 0 hebben (alleen andere naam, that's it, value 1 en value 2)
Overigens zie ik dat de twee forms wel allebei waarde 0 hebben (alleen andere naam, that's it, value 1 en value 2)
Nee je itereert niet, dus je pakt alleen het form met index 0.
document.getElementById('userForm') wordt t dan
document.getElementById('userForm') wordt t dan
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
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?
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.
TypeScript Fiddle: http://typescript.io
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.
Protip: gebruik een svg afbeelding ipv css gradients. Werkt vanaf ie9. Met base64 heb je geen extra request en tegelijk gebruike je minder bits dan met een css-gradient met alle vendor-prefix versies. Is meteen een specifieke chrome bug weg die css gradients laat 'flikkeren' (zou de engine daarom blink heten) Skip dat, Chrome flikkert hoe dan ook.
“Specialization is for insects”.—Robert Heinlein
IE10 ondersteunt wel CSS gradients toch? Dat lijkt me uiteindelijk toch beter voor de toekomst dan een afbeelding, al is het svg. En vendor prefixes zijn voor gradients eigenlijk allang niet meer nodig.
Voor de 'toekomst' wel ja, ondersteunen hier helaas nog wel IE9, 8 en lager niet meer gelukkig.quote:
IE10 ondersteunt wel CSS gradients toch? Dat lijkt me uiteindelijk toch beter voor de toekomst dan een afbeelding, al is het svg. En vendor prefixes zijn voor gradients eigenlijk allang niet meer nodig.
“Specialization is for insects”.—Robert Heinlein
Ik zou denken dat iets als een gradient niet belangrijk is voor de functionaliteit en het daarom niet zo erg is als dat niet in oudere browsers werkt.quote:
[..]
Voor de 'toekomst' wel ja, ondersteunen hier helaas nog wel IE9, 8 en lager niet meer gelukkig.
Iemand hier ervaring met een postcode API die je adresgegevens aanvult op basis van je postcode en huisnummer? Ik heb er een nodig die potentieel honderdduizenden bezoekers krijgt in een korte periode dus ik ben me even aan het orienteren op wat er allemaal aanwezig is.
http://www.postcodeapi.nu/quote:Op dinsdag 15 april 2014 10:22 schreef picodealion het volgende:
Iemand hier ervaring met een postcode API die je adresgegevens aanvult op basis van je postcode en huisnummer? Ik heb er een nodig die potentieel honderdduizenden bezoekers krijgt in een korte periode dus ik ben me even aan het orienteren op wat er allemaal aanwezig is.
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. :'(
Die had ik uiteraard al gevonden, maar bij "excessief gebruik" nemen ze contact met je op. Zou een gevalletje worden van zelf alvast even contact met ze opnemen vermoed ik. Maar heb je hier ervaring mee?quote:
https://api.postcode.nl/quote:
Iemand hier ervaring met een postcode API die je adresgegevens aanvult op basis van je postcode en huisnummer? Ik heb er een nodig die potentieel honderdduizenden bezoekers krijgt in een korte periode dus ik ben me even aan het orienteren op wat er allemaal aanwezig is.
"alleen voor webshops".
Googlen kan ik zelf wel hoor, ik vroeg me alleen af of iemand ervaring met deze tools heeft en op basis daarvan dus nog nuttige tips kan geven.
Googlen kan ik zelf wel hoor, ik vroeg me alleen af of iemand ervaring met deze tools heeft en op basis daarvan dus nog nuttige tips kan geven
.
http://www.webservices.nl(...)de-huisnummer-check/quote:
Iemand hier ervaring met een postcode API die je adresgegevens aanvult op basis van je postcode en huisnummer? Ik heb er een nodig die potentieel honderdduizenden bezoekers krijgt in een korte periode dus ik ben me even aan het orienteren op wat er allemaal aanwezig is.
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.
👾
webservices.nl is prima Gebruiken wij ook voor meerdere klanten (en meerdere api's)
Gebruiken wij ook voor meerdere klanten (en meerdere api's)
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
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 ervaring met het maken van desktop apps op basis van HTML/CSS/JS? Ik zoek tips, alles is welkom.
Voor de mordern ui? Of algemeen windows? Of zelfs multiplatform?
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
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, voor alle relevante platformen. Mac, Linux, Windows, de hele handel.
Ik heb dit gevonden:
https://github.com/rogerwang/node-webkit/
http://www.tidesdk.org/
http://appjs.com/
https://github.com/neam/webapp-xul-wrapper
Iemand ervaringen of tips? Het hoeft niet per se gratis te zijn.
[ Bericht 7% gewijzigd door Tijn op 15-04-2014 19:34:39 ]
Ik heb dit gevonden:
https://github.com/rogerwang/node-webkit/
http://www.tidesdk.org/
http://appjs.com/
https://github.com/neam/webapp-xul-wrapper
Iemand ervaringen of tips? Het hoeft niet per se gratis te zijn.
[ Bericht 7% gewijzigd door Tijn op 15-04-2014 19:34:39 ]
https://wiki.gnome.org/JavaScriptquote:
Ja, voor alle relevante platformen. Mac, Linux, Windows, de hele handel.
Ik heb dit gevonden:
https://github.com/rogerwang/node-webkit/
http://www.tidesdk.org/
http://appjs.com/
https://github.com/neam/webapp-xul-wrapper
Iemand ervaringen of tips? Het hoeft niet per se gratis te zijn.
GTK werkt op alle platformen.
