En dan al je console.log's eruit halen voor de minified versie, en je afvragen waarom je toch in hemelsnaam steeds 1 te laag uit komt.quote:
Like a bossquote:Op woensdag 24 oktober 2012 13:10 schreef KomtTijd... het volgende:
[..]
En dan al je console.log's eruit halen voor de minified versie, en je afvragen waarom je toch in hemelsnaam steeds 1 te laag uit komt.
1 2 3 4 | function functionname() { //code } |
1 2 3 | function functionname() { //code } |
Wel of geen value? Je bedoelt of er iets ingevuld is? Dan moet je namelijk .size() gebruiken, dus:quote:Op dinsdag 13 november 2012 11:23 schreef Chandler het volgende:
Mensen, hoe kom je middels jquery er achter of een select option wel of geen value heeft, want .val() geeft in case of geen value de >text</option> weer....
quote:$("#selector").size() == 0
De values zijn toch gelijk aan de contentquote:Op dinsdag 13 november 2012 11:41 schreef Chandler het volgende:
Nee dat werkt ook niet, zie voorbeeld:
http://jsfiddle.net/6KMgx/3/
Ik weet niet hoor, maar je bent nogal aan het kutten aangezien je net aangaf dat val() niet werkte.quote:Op dinsdag 13 november 2012 11:44 schreef Chandler het volgende:
oo mijn god... LOL.. waarom moeilijk doen als het makkelijk kanal moet ik wel zeggen dat het stom is dat als er geen value is aangegeven (is toch niet verplicht?) ik deze wel moet kunnen controleren?
.text() doet dat toch?quote:Op dinsdag 13 november 2012 11:46 schreef Catch22- het volgende:
nee blijkbaar. Er is vast een manier om dat te omzeilen. Gekke is dat als je geen value instelt, zelfs .attr("value") de text teruggeeft.
Ja, maar als je geen value hebt, geeft .val() blijkbaar ook de text terug, zie http://jsfiddle.net/6KMgx/6/quote:
omdat Alert alleen een string laat zien en daarbij ook kkirritant is. met console.log kan je ook het type zien en evt arrays uitlezen enzo.quote:Op dinsdag 13 november 2012 11:47 schreef Chandler het volgende:
Huh? waarom console.log als alert heerlijk duidelijk is?
Omdat het irritant is en console.log nog veel duidelijker is.quote:Op dinsdag 13 november 2012 11:47 schreef Chandler het volgende:
Huh? waarom console.log als alert heerlijk duidelijk is?
Klopt maar door te kutten leer je... en snap je meer van het soms onbegrijpelijke rare werking van bepaalde frameworks! neem aan dat je daar zelf ook wel bekend mee bent!quote:Op dinsdag 13 november 2012 11:46 schreef Scorpie het volgende:
[..]
Ik weet niet hoor, maar je bent nogal aan het kutten aangezien je net aangaf dat val() niet werkte.
Zie http://jsfiddle.net/6KMgx/4/ , met text() krijg je lege value terug, kan je controleren of er iets ingevuld is of niet. .val() valt terug op de tekst indien er geen value is idd.quote:Op dinsdag 13 november 2012 11:47 schreef Catch22- het volgende:
[..]
Ja, maar als je geen value hebt, geeft .val() blijkbaar ook de text terug, zie http://jsfiddle.net/6KMgx/6/
[..]
omdat Alert alleen een string laat zien en daarbij ook kkirritant is. met console.log kan je ook het type zien en evt arrays uitlezen enzo.
alert is voor n00bs
Hey, goed lezen, eerste opzet had geen value="" vandaarquote:
Er is niks, maar dan ook echt niks onbegrijpelijks aan jQuery en al helemaal niet aan .val() in het geval van het selecteren van een waarde van een attribuut.quote:Op dinsdag 13 november 2012 11:48 schreef Chandler het volgende:
[..]
Klopt maar door te kutten leer je... en snap je meer van het soms onbegrijpelijke rare werking van bepaalde frameworks! neem aan dat je daar zelf ook wel bekend mee bent!
Goed, dan gaan we het nu over het lezen van jou hebbenquote:Op dinsdag 13 november 2012 11:49 schreef Scorpie het volgende:
[..]
Er is niks, maar dan ook echt niks onbegrijpelijks aan jQuery en al helemaal niet aan .val() in het geval van het selecteren van een waarde van een attribuut.
http://jsfiddle.net/6KMgx/15/quote:Op dinsdag 13 november 2012 11:49 schreef Scorpie het volgende:
[..]
Zie http://jsfiddle.net/6KMgx/4/ , met text() krijg je lege value terug, kan je controleren of er iets ingevuld is of niet. .val() valt terug op de tekst indien er geen value is idd.
Je maakt dropdowns zonder values en dan geef je mij de schuld van het feit dat je oplossing niet werkt?quote:Op dinsdag 13 november 2012 11:50 schreef Chandler het volgende:
[..]
Goed, dan gaan we het nu over het lezen van jou hebben.....
Ja, als je dus value niet meegeeft dan zit er een fallback in voor het tekst attribute.quote:Op dinsdag 13 november 2012 11:52 schreef Catch22- het volgende:
[..]
http://jsfiddle.net/6KMgx/15/
Chrome...
Ik geef jou niet de schuld van het niet werken, wel van het geven van een oplossing die niet werktequote:Op dinsdag 13 november 2012 11:52 schreef Scorpie het volgende:
[..]
Je maakt dropdowns zonder values en dan geef je mij de schuld van het feit dat je oplossing niet werkt?
En daar had ik dus niet om gevraagdquote:Op dinsdag 13 november 2012 11:54 schreef Scorpie het volgende:
[..]
Ja, als je dus value niet meegeeft dan zit er een fallback in voor het tekst element.
quote:Op dinsdag 13 november 2012 11:52 schreef Catch22- het volgende:
[..]
http://jsfiddle.net/6KMgx/15/
Chrome...
1 2 3 4 5 6 7 8 9 | valHooks: { option: { get: function( elem ) { // attributes.value is undefined in Blackberry 4.7 but // uses .value. See #6932 var val = elem.attributes.value; return !val || val.specified ? elem.value : elem.text; } }, |
Dat werkt beter dan alles voorgekauwd krijgen in een gedetailleerde tutorial inderdaad, maar als je weinig tot geen kennis hebt van Javascript zou ik gewoon verschillende tutorials zoeken en bekijken.quote:Op maandag 18 februari 2013 11:52 schreef mschol het volgende:
is de beste tutorial niet gewoon zelf proberen aan de hand van voorbeelden die op w3schools en jquery.com b.v. worden gegeven?
ik weet niet zeker meer hoe ik er vroeger mee begonnen ben, maar volgens mij ook door scripts te lenen, die aan te passen en waar nodig de syntax in een schoolboekje of w3schools op te zoeken en vooral proberen, proberen, proberen..quote:Op maandag 18 februari 2013 12:01 schreef Crutch het volgende:
[..]
Dat werkt beter dan alles voorgekauwd krijgen in een gedetailleerde tutorial inderdaad, maar als je weinig tot geen kennis hebt van Javascript zou ik gewoon verschillende tutorials zoeken en bekijken.
Ik ben iets minder autodidactisch aangelegd, blijkbaarquote:Op maandag 18 februari 2013 12:04 schreef mschol het volgende:
[..]
ik weet niet zeker meer hoe ik er vroeger mee begonnen ben, maar volgens mij ook door scripts te lenen, die aan te passen en waar nodig de syntax in een schoolboekje of w3schools op te zoeken en vooral proberen, proberen, proberen..
Kun je je huidige niveau aangeven?quote:Op maandag 18 februari 2013 12:06 schreef InTrePidIvity het volgende:
[..]
Ik ben iets minder autodidactisch aangelegd, blijkbaarMaargoed, dan ga ik maar op zoek!
HTML heb ik wel door en met CSS kan ik wel aardig overweg, maar moet ik nog regelmatig wat opzoeken omdat het er toch niet zo uitziet als ik verwacht.quote:Op maandag 18 februari 2013 12:07 schreef Crutch het volgende:
Van Javascript en van programmeren in het algemeen.
Aha.quote:Op maandag 18 februari 2013 12:12 schreef InTrePidIvity het volgende:
[..]
HTML heb ik wel door en met CSS kan ik wel aardig overweg, maar moet ik nog regelmatig wat opzoeken omdat het er toch niet zo uitziet als ik verwacht.
Verdere programmeertalen zijn me vreemd
Dat ziet er nuttig uitquote:Op maandag 18 februari 2013 12:16 schreef Crutch het volgende:
[..]
Aha.
Begin hier eens mee: http://thenewboston.org/list.php?cat=10
Lekker achterover hangen en leren.
Hierna hoef je niet van jezelf te verwachten dat je alles in een keer kan, maar je weet in ieder geval waarover wordt gesproken als je bijvoorbeeld besluit om wél de artikelen op W3Schools te volgen.
Graag gedaan.quote:Op maandag 18 februari 2013 13:07 schreef InTrePidIvity het volgende:
[..]
Dat ziet er nuttig uitDankjewel!
Uiteraard, maar hier zit tenminste een structuur in. Als je losse tutorials bij elkaar moet zoeken, dan is het sowieso minder efficiënt of mis je wellicht dingen.quote:Op maandag 18 februari 2013 13:15 schreef Crutch het volgende:
[..]
Graag gedaan.
In principe maakt het geen reet uit waar en hoe je begint, als je maar ergens begint.
Beide waar, maar zo hebben veel mensen het ook geleerd hoor.quote:Op maandag 18 februari 2013 13:18 schreef InTrePidIvity het volgende:
[..]
Uiteraard, maar hier zit tenminste een structuur in. Als je losse tutorials bij elkaar moet zoeken, dan is het sowieso minder efficiënt of mis je wellicht dingen.
Daar twijfel ik niet aan, maar persoonlijk ligt me dat minder. Maargoed, voordat we in een discussie over de beste leerschool verzanden: beide methodes werkenquote:Op maandag 18 februari 2013 13:19 schreef Crutch het volgende:
[..]
Beide waar, maar zo hebben veel mensen het ook geleerd hoor.
True.quote:Op maandag 18 februari 2013 13:23 schreef InTrePidIvity het volgende:
[..]
Daar twijfel ik niet aan, maar persoonlijk ligt me dat minder. Maargoed, voordat we in een discussie over de beste leerschool verzanden: beide methodes werken
1 | var bericht = 'Hallo'; |
1 | alert(bericht); |
Ha, dat is geinigquote:Op maandag 18 februari 2013 14:21 schreef Crutch het volgende:
[..]
True.
Om nog maar een tip te geven.
Veel opgedane kennis kun je ook direct testen via een Javascript Console.
In chrome is de sneltoets:
Windows: CTRL-SHIFT-J
Mac: ALT-⌘-J
Daarin kun je direct variabelen declareren en testen en functies schrijven en testen.
Bijvoorbeeld:
Tik eerst dit in:
[ code verwijderd ]
En vervolgens:
[ code verwijderd ]
Zo kun je er een beetje mee spelen.
1 | $(document).find('a').each(function(){$(this).css("color","#ff0000");}); |
"AJAX-ZOOM is a powerful image zoom & pan plugin with 360° rotate option, jQuery image gallery option based on jQuery (JavaScript) and PHP. It is a completely packaged and free / low cost jQuery zoom solution to present high resolution images on the web. With over 300 other options AJAX-ZOOM is very flexible regarding it's appearance and can be seamlessly integrated into any website - branding free!"quote:Op woensdag 20 februari 2013 23:20 schreef TwenteFC het volgende:
Heeft iemand misschien een idee hoe ik Javascript een zoom kan maken zoals hier:
http://simpleviewer.net/postcardviewer/app/
Heb geen idee hoe ik dat kan doen, of hoe deze manier van zoomen überhaupt heet.
Graag alleen in de goede richting wijzen en geen complete antwoorden, want het is een soort van huiswerkvraag en ik wil het graag zelf doen.
Had ik moeten zeggen, we mogen geen libraries/frameworks gebruiken.quote:Op woensdag 20 februari 2013 23:57 schreef wdn het volgende:
[..]
"AJAX-ZOOM is a powerful image zoom & pan plugin with 360° rotate option, jQuery image gallery option based on jQuery (JavaScript) and PHP. It is a completely packaged and free / low cost jQuery zoom solution to present high resolution images on the web. With over 300 other options AJAX-ZOOM is very flexible regarding it's appearance and can be seamlessly integrated into any website - branding free!")
Mijn oplossing zou dan zijn: downloaden en kijken wat ze doenquote:Op woensdag 20 februari 2013 23:57 schreef TwenteFC het volgende:
[..]
Had ik moeten zeggen, we mogen geen libraries/frameworks gebruiken.
quote:Op donderdag 21 februari 2013 00:00 schreef wdn het volgende:
[..]
Mijn oplossing zou dan zijn: downloaden en kijken wat ze doen
quote:Op donderdag 21 februari 2013 16:53 schreef mschol het volgende:
even snel gegoogled:
http://stackoverflow.com/(...)-image-and-center-it
de site die je aanhaalt gebruikt flash voor het effect..
1 2 3 4 5 6 7 | if(computerChoice == 'voor' || computerChoice == 'naast' ){ x = "Je geeft de tegenstander een headshot en hij valt dood neer."; }else if(computerChoice == 'achter' || computerChoice == 'dak') { x = "De tegenstander raakt en geeft jou een headshot. Je valt dood neer."; } } // <- is dat er niet één teveel? |
hey bedankt voor je snelle reactie!quote:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 | switch(computerChoice) { case 1: computerChoice = "enemy staat voor jou!"; break; case 2: computerChoice = "enemy staat naast jou!"; break; case 3: computerChoice = "enemy staat achter jou!"; break; case 4: computerChoice = "enemy staat op het dak!"; break; }; console.log(computerChoice); if(computerChoice == 1 || computerChoice == 2 ){ x = "Je geeft de tegenstander een headshot en hij valt dood neer."; }else if(computerChoice == 3 || computerChoice == 4) { x = "De tegenstander raakt en geeft jou een headshot. Je valt dood neer."; } |
Op regel 18 is computerChoice geen getal meer maar een tekst (die is in de switch overschreven).quote:Op vrijdag 8 maart 2013 16:59 schreef luna1988 het volgende:
Ik heb er nu dit staan. Heeft het misschien te maken dat ik x niet defined heb?
Ok, dus als ik het begrijp moet de aangepaste code van Crutch het dus doen? Want ik probeer nu van alles, maar het wil nog steeds niet werken. Sorry voor de domme vragen ben nog lerende...quote:Op vrijdag 8 maart 2013 17:13 schreef Aether het volgende:
[..]
Op regel 18 is computerChoice geen getal meer maar een tekst (die is in de switch overschreven).
enquote:"context.putImageData(imgData,x,y,dirtyX,dirtyY,dirtyWidth,dirtyHeight);"
Is dirty width en height wat ik moet gebruiken want het doet namelijk niets, hij kopieert het gewoon in de normale grootte.quote:dirtyWidth Optional. The width to use to draw the image on the canvas
1 2 3 4 | function resize(size){ var imgData = ctx.getImageData(0,0,size,size); ctx.putImageData(imgData,0,0,0,0,256,256); } |
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 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 | confirm("Let's play a shooter!"); // Vraag of je een shooter wilt spelen. var userName = prompt("Vul je naam in"); // Je kan je naam hier invullen. var weapon = 'Geen wapen'; // Als je bij chooseWeapon iets anders invult dan assault, shotgun of sniper dan krijg je 'Geen wapen' te zien. alert("Start de game."); // De game starten. var chooseWeapon = prompt("Wil je een assault, shotgun of een sniper?"); // Pop up vraagt welk wapen je wilt gebruiken. switch(chooseWeapon) { // Elke case is gelinkt aan een weapon. case 'shotgun': weapon = 'shotgun'; break; case 'sniper': weapon = 'sniper'; break; case 'assault': weapon = 'assault'; break; } console.log("Je naam is " + userName + " en je kiest een " + weapon + "."); // In console krijg je te nog eens te zien wat je had ingevuld. var richting = 'geen richting kiezen? Blijf dan maar lekker staan'; // Als je niks invoert welke richting je opgaat krijg je dit zinnetje te zien. var welkeRichting = prompt("Wil je naar links, rechts of rechtdoor?"); // Vraagt welke richting je op wilt gaan. switch(welkeRichting) { // Elke case is gelinkt aan een richting. case 'links': richting = 'naar links'; break; case 'rechts': richting = 'naar rechts'; break; case 'rechtdoor': richting = 'rechtdoor'; break; } console.log(" Je gaat " + richting); // In console krijg je te zien welke richting je opgaat. var computerChoice = Math.floor((Math.random()*4)+1); // De computer kiest willekeurig waar de enemy staat. var uitkomst = ''; switch(computerChoice) { // Elke case is gelinkt aan een computerChoice. case 1: uitkomst = "enemy staat voor jou!"; break; case 2: uitkomst = "enemy staat naast jou!"; break; case 3: uitkomst = "enemy staat achter jou!"; break; case 4: uitkomst = "enemy staat op het dak!"; break; } console.log(uitkomst); // In console krijg je te zien wat de computer gekozen heeft. if(computerChoice <= 2 ){ // Als computer voor case 1 of 2 heeft gekozen dan geeft console aan dat je hebt gewonnen. console.log("Je geeft de tegenstander een headshot en hij valt dood neer. Je hebt gewonnen! =D" ); }else if(computerChoice >= 3) { // Als computer voor case 3 of 4 heeft gekozen dan geeft console aan dat je hebt verloren. console.log("De tegenstander raakt en geeft jou een headshot. Je valt dood neer. Je hebt verloren =("); } |
quote:Op zaterdag 9 maart 2013 18:15 schreef luna1988 het volgende:
[ code verwijderd ]
Ok, mijn code werkt inmiddels. Alleen zit nu met een probleem van dat er eigenlijk een default case nog bij elke switch moet komen et staan. Alleen zie ik het nut hier niet van in...
Wie kan mij zeggen of het wel nodig is??
You don't say.quote:// Vraag of je een shooter wilt spelen.
Geen idee ben ook een noob in javascript. Als jij het in een betere code kan laten zien graag! =)quote:Op zaterdag 9 maart 2013 18:53 schreef KomtTijd... het volgende:
@luna1988
van wie moet dat?
en wat is in hemelsnaam het nut van die eerste twee switches?
eh...quote:Op zondag 10 maart 2013 00:07 schreef luna1988 het volgende:
[..]
Geen idee ben ook een noob in javascript. Als jij het in een betere code kan laten zien graag! =)
1 2 | weapon = chooseWeapon; richting = welkeRichting; |
Ik denk dat je dan niet helemaal het idee achter TDD begrijpt, het gaat niet alleen om de test, maar dat je werkt vanuit usecases/requirements, kortom als het goed is schrijf je dus nooit overbodige code.quote:Op dinsdag 12 maart 2013 21:50 schreef Catch22- het volgende:
Ik doe dat niet en vind t teveel werk. Gewoon zelf goed testen en nadenken over wat je doet
Ik merk wel dat ik steeds generiekere en herbruikbare code schrijf. In mijn laatste projecten echt goede toolkits gemaakt waarin alles netjes is gestructureerd. Zorgt voor veel betere onderhoudbaarheid en leesbaarheid. Dat is erg belangrijk
Mja ik snap het wel, maar vind het nogal veel overhead in het geval van javascript. Heb het wel eens gebruikt in een applicatie voor classes die veel berekeningen deden, dan is het wel handig, maar voor UI structuren zie ik het nut niet zoquote:Op woensdag 13 maart 2013 11:54 schreef raptorix het volgende:
[..]
Ik denk dat je dan niet helemaal het idee achter TDD begrijpt, het gaat niet alleen om de test, maar dat je werkt vanuit usecases/requirements, kortom als het goed is schrijf je dus nooit overbodige code.
Helemaal mee eens, voor zaken als berekeningen proberen we dit uberhaupt uit het javascript te halen, ik ben nu voor een aardig grote klant bezig waarin we op de server gewoon de berekening doen, en een JSON terug sturen met daarin alle winkelwagen data, deze kan dan eenvoudig via een javascript template gerendered worden.quote:Op woensdag 13 maart 2013 12:42 schreef Catch22- het volgende:
[..]
Mja ik snap het wel, maar vind het nogal veel overhead in het geval van javascript. Heb het wel eens gebruikt in een applicatie voor classes die veel berekeningen deden, dan is het wel handig, maar voor UI structuren zie ik het nut niet zo
Ik heb Typescript (of Dart) nog nooit gebruikt. Ik ben er wel achter dat ik sneller werk met de tools die ik heb, dan met nieuwe tools die misschien sneller werken, maar een leercurve hebben. Als iets echt hot is en heel veel gebruikt wordt en door de juiste mensen wordt aangeraden ga ik het meestal pas checken
Nice, zelf kom ik maar weinig aan frontend toe, ook al omdat dat bij ons een gescheiden discipline is, wij hebben ongeveer 20 frontenders in dienst die zich daar alleen op focussenquote:Op woensdag 13 maart 2013 13:17 schreef Catch22- het volgende:
die applicatie was in C#Ben als Allround developer begonnen en richt me sinds 2 jaar volledig op de frontend
Is ook het bestequote:Op woensdag 13 maart 2013 13:52 schreef raptorix het volgende:
[..]
Nice, zelf kom ik maar weinig aan frontend toe, ook al omdat dat bij ons een gescheiden discipline is, wij hebben ongeveer 20 frontenders in dienst die zich daar alleen op focussen
Ja sterker nog, binnen onze frontend afdeling zijn er ook weer specialisaties op scripting en css/sementaiek.quote:Op woensdag 13 maart 2013 14:01 schreef Catch22- het volgende:
[..]
Is ook het besteAls je goed frontenddevelopment wil doen, moet je je daar op focussen.
dan werk je wel in een fors bedrijf of niet?quote:Op woensdag 13 maart 2013 14:04 schreef raptorix het volgende:
[..]
Ja sterker nog, binnen onze frontend afdeling zijn er ook weer specialisaties op scripting en css/sementaiek.
Wij zijn op Full Service gebied het grootste, overigens werk ik zelf graag het liefst direct samen met frontend, helaas is dat niet altijd mogelijk.quote:Op woensdag 13 maart 2013 14:14 schreef Catch22- het volgende:
[..]
dan werk je wel in een fors bedrijf of niet?
Ik ben de enige frontender hier. Is ook wel lekker hoor, zelf bepalen wat en hoe je werkt. De backenders komen ook niet aan mijn code of files.
is wel het makkelijkste. Ik heb 5 backenddevelopers "achter" me, dus de lijntjes zijn hier nog kort. Moet er niet aan denken om in zo'n grote organisatie te werken, vind het veel te prettig om kort te kunnen schakelen. Helemaal als je op specialismeoverstijgende vlakken bezig bent (JSon overgooien bijvoorbeeld)quote:Op woensdag 13 maart 2013 14:16 schreef raptorix het volgende:
[..]
Wij zijn op Full Service gebied het grootste, overigens werk ik zelf graag het liefst direct samen met frontend, helaas is dat niet altijd mogelijk.
Ik werk zelf over algemeen aan iets kleinere projecten, vind dat zelf ook leuker, alleen nu hadden we vrij grote klus voor enkele maanden, overigens met 1 van de beste frontenders van Nederlanders gewerkt wat natuurlijk wel weer tof isquote:Op woensdag 13 maart 2013 14:17 schreef Catch22- het volgende:
[..]
is wel het makkelijkste. Ik heb 5 backenddevelopers "achter" me, dus de lijntjes zijn hier nog kort. Moet er niet aan denken om in zo'n grote organisatie te werken, vind het veel te prettig om kort te kunnen schakelen. Helemaal als je op specialismeoverstijgende vlakken bezig bent (JSon overgooien bijvoorbeeld)
1 2 3 4 | <form style="margin:0;padding:0" method="post"> <input type="text" name="zoek" id="zoek" onkeydown="if (event.keyCode == 13) document.getElementById('knpZoek').click()" /> <input type="image" src="images/zoeken.png" name="knpZoek" id="knpZoek" onclick="althref('zoeken/'+document.getElementById('zoek').value)" /> </form> |
Probeer dit eens:quote:Op woensdag 13 maart 2013 14:54 schreef Swetsenegger het volgende:
<input type="image" src="images/zoeken.png" name="knpZoek" id="knpZoek" onclick="althref('zoeken/'+document.getElementById('zoek').value)" />
jquery? Dit is gewoon plain JS hoor.quote:Op woensdag 13 maart 2013 15:00 schreef KomtTijd... het volgende:
Da's nog eens oldschool inline javascript
Je roept een jquery-functie aan op een non-jquery object.
Het is ook gewoon een javascript methode.quote:
Met TypeScript kun je mogelijkheden die in ECMAScript 6 komen al compileren tot compatible JavaScript (ECMAScript 3/5). Open source project wordt door Anders Hejlsberg geleid (ontwikkelaar/hoofd van o.a. Turbo Pascal, Delphi en C#).quote:Op woensdag 13 maart 2013 12:42 schreef Catch22- het volgende:
Ik heb Typescript (of Dart) nog nooit gebruikt. Ik ben er wel achter dat ik sneller werk met de tools die ik heb, dan met nieuwe tools die misschien sneller werken, maar een leercurve hebben. Als iets echt hot is en heel veel gebruikt wordt en door de juiste mensen wordt aangeraden ga ik het meestal pas checken
Niet zo raar met een API die zo miserabel is als de DOM.quote:Op woensdag 13 maart 2013 17:53 schreef -Datdus- het volgende:
[..]Dit is het probleem tegenwoordig. Iedereen grijpt gelijk naar libraries.
var yolo = document.getElementById('YOLOSWAG');quote:Op woensdag 13 maart 2013 18:04 schreef Tijn het volgende:
[..]
Niet zo raar met een API die zo miserabel is als de DOM.
Mwah ik nog dagelijks dat ik er gemak van heb ook redelijk wat pure javascript ervaring te hebben, maar ik ben zeker niet alwetend zo blijkt maar weer.quote:Op woensdag 13 maart 2013 17:53 schreef -Datdus- het volgende:
[..]Dit is het probleem tegenwoordig. Iedereen grijpt gelijk naar libraries.
Nog steeds nachtmerrie van uit de tijd van .net Controls welke een eigen id genererenquote:Op woensdag 13 maart 2013 18:07 schreef -Datdus- het volgende:
[..]
var yolo = document.getElementById('YOLOSWAG');
Maar je hebt wel gelijk.
Het is nuttig om ook het DOM model enigzins te begrijpen, omdat JQuery altijd minder efficient is dan direct het dom model te gebruiken, zeker als je high performance sites oplevert is JQuery niet altijd ideaal.quote:Op woensdag 13 maart 2013 20:31 schreef KomtTijd... het volgende:
[..]
Mwah ik nog dagelijks dat ik er gemak van heb ook redelijk wat pure javascript ervaring te hebben, maar ik ben zeker niet alwetend zo blijkt maar weer.
Waar ik meer "last" van heb is mijn google-gedrag. Ik voer heel veel functies die ik gebruik eerst in google in om even snel de docs erbij te hebben, waardoor ik zelf weinig paraat heb. Daar heb je echt last van als je een keer op een offline omgeving zit.
1 2 3 4 5 6 | var locations = [ ['Hamburgervijver, Groningen', 53.219383, 6.566502, 129, 13], ['Groningen, Corpus den Hoorn', 53.192940, 6.548663, 116, 8], ['Groningen, Kardine', 53.219383, 6.566502, 0, 7], ['Hoornsediep, Groningen', 53.206360, 6.561688, 103, 1], ]; |
1 2 3 4 5 6 7 8 9 | for (i = 0; i < locations.length; i++) { var image = 'http://xxx/mediabase/' + locations[i][3] + '/48x48'; var url = 'http://xxx/mediabase/' + locations[i][3] + '/48x48'; marker = new google.maps.Marker({ position: new google.maps.LatLng(locations[i][1], locations[i][2]), map: map, url: url, icon: image }); |
1 2 3 | google.maps.event.addListener(marker, 'click', function() { window.location.href = marker.url; }); |
1 | var geocoder = new GClientGeocoder(); geocoder.getLatLng(this.value, function (point) {if (point) { map.setCenter(point, 8, G_PHYSICAL_MAP); }}); |
Hoeft ook niet ala minute catch, tis toch voor mijn vis projectje waar ik al jaren mee bezig ben en nog lange niet klaar hebquote:Op maandag 18 maart 2013 16:13 schreef Catch22- het volgende:
ja dat is even geklooi, heb even geen tijd om op te zoeken hoe dat werkt. Die maps api is vrij kut
Nogal ja, heel andere werkwijze maar moet zeggen dat de maps met veel markers wel sneller laden in V3 dan V2.. Ook veel aanroepen zijn simpeler maar sommige dingen.... pffff.quote:Op maandag 18 maart 2013 16:15 schreef Cue_ het volgende:
Hebben hier enkel v2. Maar vind het enorm gedoe om er iets aan te moeten veranderen
Misschien zou een V3 wel goed voor ons zijn. Maar het werkt, dus we laten het maar even zoals het nu isquote:Op maandag 18 maart 2013 16:15 schreef Chandler het volgende:
Nogal ja, heel andere werkwijze maar moet zeggen dat de maps met veel markers wel sneller laden in V3 dan V2.. Ook veel aanroepen zijn simpeler maar sommige dingen.... pffff.
Dan doe je het verkeerd.quote:Op maandag 18 maart 2013 18:19 schreef -Datdus- het volgende:
Godverdomme, elke keer als ik eigen objecten maak krijg ik uncaught type error.
1 2 3 4 5 6 7 8 9 10 | var player = new Player(); player.test(); function player(){ this.test = test; function test(){ alert('pff'); } } |
Open deur gevondenquote:
Nee, want zoals je zelf al zegt is dat geen class maar een variabele.quote:Op maandag 18 maart 2013 19:09 schreef -Datdus- het volgende:
[..]
Ook voor de variabel?
var Player = new Player();
Zo?
Zeik dan niet ik doe het gewoon goed.quote:Op maandag 18 maart 2013 19:14 schreef mstx het volgende:
[..]
Nee, want zoals je zelf al zegt is dat geen class maar een variabele.
nee dat doe je nietquote:Op maandag 18 maart 2013 19:15 schreef -Datdus- het volgende:
[..]
Zeik dan niet ik doe het gewoon goed.![]()
![]()
nounounou.quote:Op maandag 18 maart 2013 19:15 schreef -Datdus- het volgende:
[..]
Zeik dan niet ik doe het gewoon goed.![]()
![]()
1 2 3 4 5 6 7 8 | function Player() { this.test = function(){ alert('pfffff'); } } var player = new Player(); player.test(); |
JS heeft geen classesquote:
1 2 3 4 5 6 7 | var player = { property: "test", doeIets: function() { this.property = "iets anders"; return this.property; } }; |
Heb ik even bekeken maar openlayers is niet echt mijn ding..quote:
1 2 3 4 5 6 7 8 9 | var geocoder, map; function codeAddress(address) { geocoder = new google.maps.Geocoder(); geocoder.geocode( { 'address': address + ', the netherlands'}, function(results, status) { if (status == google.maps.GeocoderStatus.OK) { map.setCenter(results[0].geometry.location); } }); } |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 | var marker, i; for (i = 0; i < locations.length; i++) { var image = 'http://xxx/mediabase/' + locations[i][3] + '/48x48'; /* var url = 'http://xxx/mediabase/' + locations[i][3] + '/48x48'; */ marker = new google.maps.Marker({ position: new google.maps.LatLng(locations[i][1], locations[i][2]), map: map, /* url: url, */ icon: image }); google.maps.event.addListener(marker, "click", (function(url) { return function() { window.location = 'http://xxx/object/' + url; } })(locations[i][4])); } |
Ik begrijp niet waarom je geen nieuwe objecten instantieert met new Object().quote:Op maandag 18 maart 2013 19:38 schreef Tijn het volgende:
[..]
JS heeft geen classes
Sowieso gebruik ik "new" eigenlijk nooit in JS. Bovenstaande code zou ik zo doen:
[ code verwijderd ]
Vervolgens kun je gewoon player.property gebruiken of player.doeIets(), daar heb je geen new voor nodig. En mocht ik echt private variabelen/methoden nodig hebben, dan zou ik er een module van maken. Heb je alsnog geen new nodig.
En als je drie objecten van type Player nodig hebt, ga je de code copy/pasten?quote:Op maandag 18 maart 2013 19:38 schreef Tijn het volgende:
[..]
JS heeft geen classes
Sowieso gebruik ik "new" eigenlijk nooit in JS. Bovenstaande code zou ik zo doen:
[ code verwijderd ]
Vervolgens kun je gewoon player.property gebruiken of player.doeIets(), daar heb je geen new voor nodig. En mocht ik echt private variabelen/methoden nodig hebben, dan zou ik er een module van maken. Heb je alsnog geen new nodig.
Object.create() gebruiken:quote:Op maandag 18 maart 2013 21:48 schreef Light het volgende:
[..]
En als je drie objecten van type Player nodig hebt, ga je de code copy/pasten?
1 2 3 4 5 6 7 8 9 10 11 | var player = { property: "test", doeIets: function() { this.property = "iets anders"; return this.property; } }; var p1 = Object.create(player); var p2 = Object.create(player); var p3 = Object.create(player); |
1 | $("[rel^=lightbox-list]").fancybox(); |
Ook niet in je javascript console?quote:Op maandag 18 maart 2013 22:39 schreef Chandler het volgende:
Iemand een idee hoe ik lightbox simpel kan vervangen door fancybox? dus alle rel="lightbox-list", rel="lightbox" laten overnemen door fancybox? zonder eerst mijn code te doorlopen en alle rel's te vervangen door classes..
bv
[ code verwijderd ]
maar dat werkt niet... maar zie ook geen fouten....
Hoort die ^ daar wel, of moet je dit hebben?quote:Op maandag 18 maart 2013 22:39 schreef Chandler het volgende:
Iemand een idee hoe ik lightbox simpel kan vervangen door fancybox? dus alle rel="lightbox-list", rel="lightbox" laten overnemen door fancybox? zonder eerst mijn code te doorlopen en alle rel's te vervangen door classes..
bv
[ code verwijderd ]
maar dat werkt niet... maar zie ook geen fouten....
1 | $("[rel=lightbox-list]").fancybox(); |
Waarom zou je dat doen? Het maken van een object met een literal is wat mij betreft heel duidelijk en nieuwe kopieën maken kan prima met Object.create().quote:Op maandag 18 maart 2013 21:33 schreef Scorpie het volgende:
[..]
Ik begrijp niet waarom je geen nieuwe objecten instantieert met new Object().
Als alle rel=lightbox-list hetzelfde zijn kun je net zo goed met je text editor alles zoeken en vervangen.quote:Op maandag 18 maart 2013 22:51 schreef Chandler het volgende:
nee helemaal niets, daar kijk ik de hele avond al naar fouten (ook zo bij het maken van de andere scriptjes een paar posts hierboven.)
Hij zoekt twee verschillende, alleen "lightbox" hebben ze gemeen.quote:Op maandag 18 maart 2013 23:22 schreef Light het volgende:
[..]
Hoort die ^ daar wel, of moet je dit hebben?
[ code verwijderd ]
Ja en nee, maar ben de hele ochtend bezig geweest met die freeking fancybox en die is nu foetsie, ben overgestapt naar colorbox die veel gemakkelijker werkt! en binnen 5 minuten geïntegreerd was in mijn MCV systeempje..quote:Op maandag 18 maart 2013 23:22 schreef Light het volgende:
[..]
Hoort die ^ daar wel, of moet je dit hebben?
[ code verwijderd ]
Ik zocht inderdaad een oplossing om de lightbox te vervangen zonder alteveel poespas. Veel alternatieven hebben geheel andere oplossingen qua aanroepen van scripting zoals gebruik van classes etc, terwijl ik in het systeem rel="lightbox" gebruik.quote:Op dinsdag 19 maart 2013 00:23 schreef Crutch het volgende:
Hij zoekt twee verschillende, alleen "lightbox" hebben ze gemeen.
1 2 3 4 5 6 7 8 9 10 11 | $(document).ready(function(){ $("[rel=lightbox]").colorbox({photo:true, maxHeight:'90%', maxWidth:'90%'}); $("[rel=lightbox-list]").colorbox({photo:true, maxHeight:'90%', maxWidth:'90%'}); $("[rel=lightbox-prev]").colorbox({photo:true, maxHeight:'90%', maxWidth:'90%'}); }); |
Object.create werkt niet op IE8 bijvoorbeeld, terwijl new Object() overal werkt. Waarom je dan ook zoiets fundamenteels als new Object() uit alle macht zou willen vermijden begrijp ik niet helemaal. Ik zie alleen maar nadelen aan het vermijden kleven, geen voordelen. Het enige wat ik me kan voorstellen is dat je met create() het prototype gebruikt terwijl je bij new dat niet hebt. Zoiets kan je ook gewoon bewerkstelligen door in je object prototype te gebruiken bij het declareren van een functie.quote:Op maandag 18 maart 2013 23:59 schreef Tijn het volgende:
[..]
Waarom zou je dat doen? Het maken van een object met een literal is wat mij betreft heel duidelijk en nieuwe kopieën maken kan prima met Object.create().
Misschien mis ik iets, maar ik begrijp niet echt wat het voordeel van new zou zijn, behalve dat het lijkt op de syntax van talen die heel anders werken dan JS.
Object.create heeft in combinatie met ES5 properties de voorkeur. Maar omdat Object.create nog niet overal wordt ondersteund wordt ‘new’ meestal nog gebruikt. Dat is ook één van de oorzaken dat bijvoorbeeld TypeScript nog niet Object.create gebruikt.quote:Op maandag 18 maart 2013 23:59 schreef Tijn het volgende:
[..]
Waarom zou je dat doen? Het maken van een object met een literal is wat mij betreft heel duidelijk en nieuwe kopieën maken kan prima met Object.create().
Misschien mis ik iets, maar ik begrijp niet echt wat het voordeel van new zou zijn, behalve dat het lijkt op de syntax van talen die heel anders werken dan JS.
Van actief vermijden is niet echt sprake, ik merk gewoon op dat ik het nooit doe in de praktijk. In talen met classical inheritance is het een logische constructie, maar in JS is daar geen sprake van. Het komt simpelweg niet bij me op om new te gebruiken wanneer ik JS schrijf.quote:Op dinsdag 19 maart 2013 08:23 schreef Scorpie het volgende:
[..]
Object.create werkt niet op IE8 bijvoorbeeld, terwijl new Object() overal werkt. Waarom je dan ook zoiets fundamenteels als new Object() uit alle macht zou willen vermijden begrijp ik niet helemaal. Ik zie alleen maar nadelen aan het vermijden kleven, geen voordelen. Het enige wat ik me kan voorstellen is dat je met create() het prototype gebruikt terwijl je bij new dat niet hebt. Zoiets kan je ook gewoon bewerkstelligen door in je object prototype te gebruiken bij het declareren van een functie.
1 2 3 4 5 6 7 8 9 10 11 12 | <script> function functie() { var start = ??? ... nog meer code... } </script> <form> <input type="text" id="start"> </form> <button type="button" onclick="functie();">tekst</button> |
Je kunt met document.getElementById een verwijzing naar het tekstveld krijgen.quote:Op dinsdag 3 september 2013 21:39 schreef Ferreus het volgende:
Ik ben bezig met een projectje en loop nu een beetje vast. Ik heb een formuliertje en de gegevens van een veld moeten worden gebruikt in Javascript, maar hoe krijg ik die in een variable?
Misschien is de vraag een beetje vaag dus hierbij mijn code:
[ code verwijderd ]
var start moet dus de input zijn van het formulier
1 2 | var tekstveld = document.getElementById("start"); var tekst = tekstveld.value; |
1 2 3 4 5 6 7 8 9 10 | function calcHeight() { //find the height of the internal page var the_height=parent.document.getElementById('iframe').contentWindow.document.body.scrollHeight +25; //change the height of the iframe parent.document.getElementById('iframe').height=the_height; } </script> <iframe style="border:0px;width:100%;" onload="calcHeight();" id="iframe" name="iframe" src="sub.domain.com"></iframe> |
1 | var the_height=parent.document.getElementById('iframe').contentWindow.document.body.scrollHeight +25; |
Ik vermoed dat document.domain readonly is in IEquote:Op donderdag 23 april 2015 20:41 schreef Swetsenegger het volgende:
Ik heb een wazig IE9 probleem.
Ik heb een pagina op www.domein.com. Daarop heb ik een iframe met een src van sub.domein.com. Ik wilde de hoogte van het iframe berekenen op basis van de content van het iframe
[ code verwijderd ]
Dit gaat niet, je krijgt een access denied op
[ code verwijderd ]
Dat komt door de 'same origin' restrictie omdat de bron in een ander (sub) domein staat. De oplossing is om op beide pagina's document.domain = 'domain.com' te zetten.
Dat heb ik gedaan en het werkt op alle browsers... behalve IE9, die blijft 'access denied' roepen. Op internet kom ik dit probleem vaak tegen wanneer men dmv DOM een iframe opbouwt, maar dat is dus hier niet het geval.
Iemand een oplossing?
1 2 3 4 5 6 7 8 9 10 11 12 | //api/config.js export default class extends Component { //some key value TOKEN_KEY = '@TOKEN_KEY'; // CLIENT_ID = "jophouhouhouhouhouhouhbbbggdrs345"; // )} //File Usage.js uses these import: import config from '../api/config'; config.TOKEN_KEY ; //->returns null. |
1 2 3 4 5 6 | config.js export default config = { TOKEN_KEY : '@TOKEN_KEY', HOST : "192.168.104.137:8000", CLIENT_ID : "jouhouhohhahahauohou" }; |
twitter:wesbos twitterde op vrijdag 26-08-2016 om 19:40:37Woah, you can an ES6 spread to see what an emoji is made up of https://t.co/zvurJsfnzj reageer retweet
twitter:wesbos twitterde op vrijdag 26-08-2016 om 19:46:38Emojis that support skin tones/gender are "glued together" with something called a Zero Width Joiner.Cool / Wat https://t.co/GYlsf3D1ee reageer retweet
twitter:wesbos twitterde op vrijdag 26-08-2016 om 19:58:42Last one I promise - but yo can also regex replace an emoji! https://t.co/VQooc2UNsT reageer retweet
quote:Op donderdag 1 september 2016 15:25 schreef Aether het volgende:
[ afbeelding ]twitter:wesbos twitterde op vrijdag 26-08-2016 om 19:40:37Woah, you can an ES6 spread to see what an emoji is made up of https://t.co/zvurJsfnzj reageer retweet
[ afbeelding ]twitter:wesbos twitterde op vrijdag 26-08-2016 om 19:46:38Emojis that support skin tones/gender are "glued together" with something called a Zero Width Joiner.Cool / Wat https://t.co/GYlsf3D1ee reageer retweet
[ afbeelding ]twitter:wesbos twitterde op vrijdag 26-08-2016 om 19:58:42Last one I promise - but yo can also regex replace an emoji! https://t.co/VQooc2UNsT reageer retweet
Emoji ZWJ Sequences: Three Letters, Many Possibilitiesquote:
|
Forum Opties | |
---|---|
Forumhop: | |
Hop naar: |