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.
Wordt het scherm dan niet overdreven vol? Want het betreft autowebsite, er moeten ook checkboxes komen voor de opties van de auto etc etc.quote:Op woensdag 19 maart 2014 15:46 schreef Tijn het volgende:
[..]
Dan gebruik je checkboxes, dat snapt iedereen.
Of ik zou net als autoscout24 gebruik moeten maken van ''meerdere merken zoeken'';
http://zoeken.autoscout24(...)L&cy=NL&ustate=N%2CU
Maar heb geen flauw idee hoe dat moet, weet jij dat toevallig?
Ja klopt, maar zo'n ''show more'' functie is volgens mij JS/Jquery en daar heb ik vrij weinig verstand van.quote:Op woensdag 19 maart 2014 15:50 schreef Tijn het volgende:
Dat zijn gewoon meerdere selects onder elkaar. Niet moeilijker dan eentje toch?
Wat zijn precies de mogelijkheden van Javascript en wat kun je ermee? Dat is mij niet echt duidelijk.. ik snap de theorie allemaal wel, maar alle functies van JS heeft PHP ook..
Buiten het feit als dingen zoals alert en prompt vind ik JS vrij nutteloos. De mogelijkheden van Jquery en Ajax daarentegen zijn wel vrij duidelijk. Ook kun je direct bedenken wat voor dingen je ermee kunt maken (dingen als fade, show, hide, select, changeon).
Maar met JS is mij dat nog steeds niet duidelijk, vooral die arrays (reeksen) en loops (herhalen tot een bepaalde limiet).
Buiten het feit als dingen zoals alert en prompt vind ik JS vrij nutteloos. De mogelijkheden van Jquery en Ajax daarentegen zijn wel vrij duidelijk. Ook kun je direct bedenken wat voor dingen je ermee kunt maken (dingen als fade, show, hide, select, changeon).
Maar met JS is mij dat nog steeds niet duidelijk, vooral die arrays (reeksen) en loops (herhalen tot een bepaalde limiet).
Javascript is de programmeertaal die wordt gebruikt in de browser. Ajax werkt met Javascript. jQuery is een Javascript-framework. Alle interactie in de browser gebeurt met Javascript, want dat is de enige programmeertaal die er beschikbaar is.quote:Op woensdag 19 maart 2014 17:58 schreef Sucuk het volgende:
Wat zijn precies de mogelijkheden van Javascript en wat kun je ermee? Dat is mij niet echt duidelijk.. ik snap de theorie allemaal wel, maar alle functies van JS heeft PHP ook..
Buiten het feit als dingen zoals alert en prompt vind ik JS vrij nutteloos. De mogelijkheden van Jquery en Ajax daarentegen zijn wel vrij duidelijk. Ook kun je direct bedenken wat voor dingen je ermee kunt maken (dingen als fade, show, hide, select, changeon).
Maar met JS is mij dat nog steeds niet duidelijk, vooral die arrays (reeksen) en loops (herhalen tot een bepaalde limiet).
PHP is een programmeertaal op de server. Als je wil dat er iets op de server gebeurt, kun je dat met PHP programmeren. Op de server heb je echter veel meer controle over de omgeving, dus daar kun je kiezen uit tal van platformen en programmeertalen. PHP is slechts een van de vele mogelijkheden.
Ofwel: je kan met jquery niets meer of minder dan wat je met javascript kan. Het gaat alleen makkelijker.
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
Precies. Het is een beetje raar om te zeggen dat je het nut van Javascript niet begrijpt, maar wel van jQuery. jQuery IS Javascript.quote:Op woensdag 19 maart 2014 18:06 schreef Catch22- het volgende:
Ofwel: je kan met jquery niets meer of minder dan wat je met javascript kan. Het gaat alleen makkelijker.
aha.. ja ik weet wel dat Jquery een deel van JS is, maar ik heb bijvoorbeeld de tutorials bij Thenewboston.org gevolgd en PHP en mysql is mij geheel duidelijk. Wat je ermee kunt en dat bijna alle websites op databases draaien en ook de structuren is mij duidelijk..quote:
Ofwel: je kan met jquery niets meer of minder dan wat je met javascript kan. Het gaat alleen makkelijker.
Echter is de kronkel nog steeds niet recht wat betreft JS.. ik ga vanavond de jquery tuts volgen van thenewboston en kijken wat ik daar kan behalen qua kennis..
De videos over JS begrijp ik wel, maar ik kan me er niet bij bedenken wanneer ik dat zal gebriiken in de hedendaagse web development.
Ik heb zelfs een boek snel doorgelezen van Robert Nixon en nog steeds rinkelt er geen bel...
Ook wat betreft voorbeelden over arrays en loops kan ik niet terugvinden in zowel boeken als thenewboston..
ik tref alleen zeer simpele voorbeelden zoals het herhalen tm een bepaald getal bijv. X<10
Ik bedoelde de "basis/geavanceerde JS" hieronder, dus zonder frameworks.
http://www.w3schools.com/js/DEFAULT.asp
http://thenewboston.org/list.php?cat=10
http://www.w3schools.com/js/DEFAULT.asp
http://thenewboston.org/list.php?cat=10
quote:Op woensdag 19 maart 2014 18:09 schreef Tijn het volgende:
[..]
Precies. Het is een beetje raar om te zeggen dat je het nut van Javascript niet begrijpt, maar wel van jQuery. jQuery IS Javascript.
Stel je voor dat je een formulier hebt met 10 checkboxes en 1 box die ze allemaal selecteert. Met JavaScript kan je die 10 checkboxes aflopen in een loop en ze aanvinken.quote:
Ik bedoelde de "basis/geavanceerde JS" hieronder, dus zonder frameworks.
http://www.w3schools.com/js/DEFAULT.asp
http://thenewboston.org/list.php?cat=10
[..]
Alsnog is een framework niets anders dan een verzameling javacriptcode.
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
Heus? Schrijf een boek! Ik ben dit in geen 1 boek of tut tegengekomen...quote:
[..]
Stel je voor dat je een formulier hebt met 10 checkboxes en 1 box die ze allemaal selecteert. Met JavaScript kan je die 10 checkboxes aflopen in een loop en ze aanvinken.
Kun je een voorbeeld code posten?
verzameling?! Ik dacht uitbreiding!quote:
Alsnog is een framework niets anders dan een verzameling javacriptcode.
Nee.quote:
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
Je kunt Javascript niet uitbreiden. Elke browser heeft min of meer dezelfde Javascript-functionaliteit aan boord en daar zul je het mee moeten doen.quote:
Javascript zelf is alleen maar een programmeertaal. De interface om met de inhoud van een webpagina te communiceren is de DOM. Als je een boek of een tutorial over de DOM icm Javascript leest, kom je absoluut allerlei relevante voorbeelden tegen.quote:
[..]
Heus? Schrijf een boek! Ik ben dit in geen 1 boek of tut tegengekomen...
Kun je een voorbeeld code posten?
dom is die innerhtml etc? Die dingen die automatisch veranderen?quote:
[..]
Javascript zelf is alleen maar een programmeertaal. De interface om met de inhoud van een webpagina te communiceren is de DOM. Als je een boek of een tutorial over de DOM icm Javascript leest, kom je absoluut allerlei relevante voorbeelden tegen.
een beetje zelf zoeken kan geen kwaad hoorquote:
[..]
dom is die innerhtml etc? Die dingen die automatisch veranderen?
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
De DOM is het Document Object Model. Wanneer je bv dmv van document.getElementById een element op je pagina opvraagt en hier iets mee doet, maak je gebruik van de DOM.quote:
[..]
dom is die innerhtml etc? Die dingen die automatisch veranderen?
Javascript gebruik je voor interactie met de elementen (dom) op de pagina zonder de (gehele) pagina op nieuw te hoeven laden.
Wat je er allemaal mee doet ligt helemaal aan jouw fantasie, binnen de mogelijkheden van de taal natuurlijk.
Wat je er allemaal mee doet ligt helemaal aan jouw fantasie, binnen de mogelijkheden van de taal natuurlijk.
Dan vraag ik mij af welke boeken jij leestquote:
[..]
Heus? Schrijf een boek! Ik ben dit in geen 1 boek of tut tegengekomen...
Kun je een voorbeeld code posten?
.| 1 2 3 4 5 | for(var i in lijst) { if(lijst[i] > 5) { return; } } |
No citizen has a right to be an amateur in the matter of physical training...what a disgrace it is for a man to grow old without ever seeing the beauty and strength of which his body is capable.
Ik heb een aantal vragen over de onderstaande code:
*Waarom document.forms en geen document.form ? Want er staat <form> en geen <forms>
*Waarom ''return false''? Wat betekent dat en waarom hoort dat erbij?
*Waarom ''return validatieform()'' wat betekent die return en waarom hoort dat erbij?
*Waarom document.forms en geen document.form ? Want er staat <form> en geen <forms>
*Waarom ''return false''? Wat betekent dat en waarom hoort dat erbij?
*Waarom ''return validatieform()'' wat betekent die return en waarom hoort dat erbij?
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 | <!DOCTYPE html> <html> <head> <script> function validateForm() { var x=document.forms["myForm"]["fname"].value; if (x==null || x=="") { alert("First name must be filled out"); return false; } } </script> </head> <body> <form name="myForm" action="demo_form.asp" onsubmit="return validateForm()" method="post"> First name: <input type="text" name="fname"> <input type="submit" value="Submit"> </form> </body> </html> |
1) Omdat document.forms een array is van alle forms in dat document?
2) geef "false" terug
3) geef de output van validatieform() terug (false dus).
2) geef "false" terug
3) geef de output van validatieform() terug (false dus).
Wat KomtTijd zegt inderdaad. Maar dit is verder echt verschrikkelijk lelijke code. Echt een onwijs slecht voorbeeld om je op te baseren, zo wil je dat niet meer doen anno 2014.
2. Ik begrijp van de laatste twee de gedachte erachter niet. Als je return false geeft, dan zeg je inprincipe al dat het false is en dan kan het if statement toch niet meer gecontroleerd worden?quote:
1) Omdat document.forms een array is van alle forms in dat document?
2) geef "false" terug
3) geef de output van validatieform() terug (false dus).
3. Dat is toch dubbelop? In de functie zelf staat al return false.
Hoe zou jij het doen Tijn?quote:
Wat KomtTijd zegt inderdaad. Maar dit is verder echt verschrikkelijk lelijke code. Echt een onwijs slecht voorbeeld om je op te baseren, zo wil je dat niet meer doen anno 2014.
Het wordt in dit geval gebruikt om de het submit event te stoppenquote:
[..]
2. Ik begrijp van de laatste twee de gedachte erachter niet. Als je return false geeft, dan zeg je inprincipe al dat het false is en dan kan het if statement toch niet meer gecontroleerd worden?
Nee, hiermee wordt gezorgd dat de functie wordt aangeroepen op het moment dat het formulier wordt verstuurd.quote:3. Dat is toch dubbelop? In de functie zelf staat al return false.
2. Waar verwijst die false naar eigenlijk dan?quote:
[..]
Het wordt in dit geval gebruikt om de het submit event te stoppen
[..]
Nee, hiermee wordt gezorgd dat de functie wordt aangeroepen op het moment dat het formulier wordt verstuurd.
3. Wordt verstuurd? Er moet niks verstuurd worden als er niks ingevuld is...
Hoe bedoel je "verwijst"?quote:
[..]
2. Waar verwijst die false naar eigenlijk dan?
Nee, dat is wat "return false" voorkomt in dit geval.quote:3. Wordt verstuurd? Er moet niks verstuurd worden als er niks ingevuld is...
Ik zou formvalidatie doen met de functionaliteit die HTML5 hier standaard voor biedt en een polyfill als webshim gebruiken om te zorgen dat dit in alle browsers goed werkt.quote:
Ik heb een goede channel gevonden!quote:
[..]
Hoe bedoel je "verwijst"?
[..]
Nee, dat is wat "return false" voorkomt in dit geval.
Hij legt het duidelijk uit..
Misschien vinden jullie het ook handig?
Link doet het nietquote:
[..]
Ik zou formvalidatie doen met de functionaliteit die HTML5 hier standaard voor biedt en een polyfill als webshim gebruiken om te zorgen dat dit in alle browsers goed werkt.
Thanks:quote:
[..]
http://afarkas.github.io/webshim/demos/
2:30
''Errormessage += ''enter your last name \n'';
waarvoor die += ? en waarom die \n ?
+= is een gecombineerde operator om iets toe te voegen aan een variabele.
Het is hetzelfde als:
\n is een newline oftewel een nieuwe regel (hetzelfde wat er gebeurt als je op enter drukt).
| 1 2 3 | var bericht = "Hallo mensen, "; bericht += "hoe gaat het ermee?"; // bericht is nu "Hallo mensen, hoe gaat het ermee?" |
Het is hetzelfde als:
| 1 2 | var bericht = "Hallo mensen, "; bericht = bericht + "hoe gaat het ermee?"; |
\n is een newline oftewel een nieuwe regel (hetzelfde wat er gebeurt als je op enter drukt).
Ow... Ik ben </ br> gewend..quote:
+= is een gecombineerde operator om iets toe te voegen aan een variabele.
[ code verwijderd ]
Het is hetzelfde als:
[ code verwijderd ]
\n is een newline oftewel een nieuwe regel (hetzelfde wat er gebeurt als je op enter drukt).
Uiteindelijk voegt hij het volgende toe welke ik natuurlijk ook niet snap:
if (errormessage != "" {
alert(errormessage);
return false;
}
Waarom zou de errormessage getoond moeten worden ALS er wel wat ingevuld is? != betekent ITS NOT EMPTY.
!= dat betekent toch IF NOT EMPTY.quote:
Hoe kom je erbij dat het getoond wordt als er niks is ingevuld?
Nee. != betekent 'niet gelijk aan'. In dit geval: 'indien de error message niet gelijk is aan een lege string, toon hem op het scherm'.quote:
[ Bericht 4% gewijzigd door #ANONIEM op 20-03-2014 10:33:34 ]
quote:Op donderdag 20 maart 2014 10:32 schreef Scorpie het volgende:
[..]
Nee. != betekent 'niet gelijk aan'.
Nou dan als het niet empty is waarom zou er een alert box moeten komen en vervolgens ''return false'' moeten staan?quote:
[..]
Zeker. Althans, '!= ""' betekent dat.
Als wát niet empty is?quote:
[..]
[..]
Nou dan als het niet empty is waarom zou er een alert box moeten komen en vervolgens ''return false'' moeten staan?
| 1 2 3 4 5 | var arrList = new Array(); while(var i = 1; i != 100) { arrList.push("Cijfer "+ i ); i++; } |
Waarom werkt dit niet?quote:99
| 1 2 3 4 5 6 | var arrList = new Array(); var i=1; while(i <= 10) { arrList.push("Cijfer "+ i ); i++; } |
De code die je post werkt prima hoor, Robuustheid. Sterker nog, het is veel beter om i buiten je while te declareren.
Het is good practice in Javascript om al je variabelen bovenaan te declareren, want dat is feite ook wat er gebeurt wanneer het wordt uitgevoerd.quote:
En waarom zou het beter zijn om de i buiten de while te declareren?
Zie bv dit voor meer info: http://www.adequatelygood(...)ng-and-Hoisting.html
Omdat je niet controleert of de er een naam is ingevuld maar of er een error message is.quote:
[..]
[..]
Nou dan als het niet empty is waarom zou er een alert box moeten komen en vervolgens ''return false'' moeten staan?
De stappen die je maakt zijn:
- Je begint met een lege error string.
- Voor elke error plakt hij een string aan je errormessage (met de += operator).
- Dan controleer je of er tekst in je errormessage zit, wat dus alleen het geval is als er een error is. (errormessage != "" zegt dat errormessage niet gelijk is aan een lege string).
- Is er tekst, dan is er een error, dus gooi je die error in een alert op het scherm en breek je de gang naar de action van het form af door je functie "false" terug te laten geven.
- Is er geen tekst, is alles dus goed, en gaat hij door naar de action van het form.
Whether or not you can become great at something, you can always become better.
And one day you'll wake up and find out how good you actually became, having transcended whatever limits you might have thought you couldn't pass.
Neil Degrasse Tyson
And one day you'll wake up and find out how good you actually became, having transcended whatever limits you might have thought you couldn't pass.
Neil Degrasse Tyson
