[Javascript] hulp gevraagd bij eenvoudig scriptje!

[timmie1]

Ik ben een beginnende programmeur en ben pas begonnen met Javascript.
Vandaar dat ik mijn vraag hier post. Schrik niet, er is nog minimaal rekening gehouden met uitlijning en nettiquette...

Het is de bedoeling dat ik een eenvoudig scriptje maak, waarbij er een afbeelding in een andere afbeelding overgaat. Laten we zeggen dat een tweede afbeelding de eerste vervangt, vervolgens de derde de tweede vervangt, enz.

Ik heb nu 2 varianten in een scripttag in een HTML-documentje gezet. Ik ga dat werkend in een .js zetten.
Momenteel roept hij de functies aan dmv buttons in het HTML-document,
bedoeling is dat ik er een time-out opzet. Lijkt me geen probleem, volgens W3Schools is dat te doen.
Echter kan ik niet vinden waarom mijn afbeelding bij drukken op de knop (maw aanroepen van de functie) niet vervangen is.

Via Google kan ik niets soortgelijks vinden, vooral lange ingewikkelde codestukken waarbij men gebruiktmaakt van JQuery en Ajax. Echter is dat niet de bedoeling. Ik verwacht dat het met een stukje code van 5-10 regels moet kunnen werken, alleen heb ik totaal geen idee wat ik moet aanroepen.

Kan iemand mijn code even bekijken, een tip geven of eventueel uitleggen wat er mis is?

Code is via deze link te bekijken. In document rechtsklikken > "View Page Source".

Alvast hartelijk bedankt voor de hulp.

[yeadder]

Probeer eens in JsHint of JsLint op te sporen waar je de mist in gaat. Dit zijn allebei sites die je code controleren op basis van de javascript voorschriften.

Daarnaast wanneer je de console van je browser opent, zul je ook een aantal foutmeldingen tegen komen. Ongetwijfeld dat ook deze jou op het juiste spoor brengen.

Kijk ook eens naar functies om dom elementen aan te roepen in een html document. (getElementById enz.)

Dit lijken mij een aantal stappen waarmee je vooruit kunt, nog veel van leert en je probleem aardig kunt oplossen.

Ga ook eens na wat je werkelijk wil bereiken en probeer dan eens te bedenken wat daarvoor zou moeten gebeuren. Ik wil geen waarde oordeel over je code geven maar wel opmerken dat het inderdaad korter kan. Echter scheelt het ook zoek werk wanneer je code kort, duidelijk en overzichtelijk houdt bij foutmeldingen.

Succes!

[dj_vibri]

Zoals yeadder reeds aanhaalde, probeer gebruik te maken van een debugger tool.
Zonet even de IE 11 developer toolbar geopend en je site geladen....

Tip: SCRIPT1009: Expected '}'File: slider.html, Line: 52, Column: 2

[RobIII]

Zoals ik eerder al eens zei:

RobIII schreef op dinsdag 18 juni 2013 @ 10:30:
We kunnen je best helpen bij concrete vragen, maar je topic in z'n huidige vorm is niet heel veel meer dan een scriptrequest / Kan iemand me even uitleggen...? en daar doen we in de Devschuur® niet aan

Je kunt relevante(!) code in je topic plaatsen m.b.v. code tags (want vandaag-of-morgen is je test-pagina foetsie en daarmee je topic waardeloos voor mensen die in de toekomst hierop stuiten met mogelijk eenzelfde vraag) en daarbij is syntax-fouten wegwerken wel 't minste wat je kunt doen (zie je console zoals aangegeven en Debuggen: Hoe doe ik dat?). Zowat elke browser is tegenwoordig voorzien van deze faciliteiten (Firefox Firebug of Dev.tools / IE F12 Dev.tools / Chrome Dev.tools / Safari Dev.tools / Opera Dragonfly). En als ik dan code zie als:

JavaScript:

var naam = "plaatje".counter;

dan kan ik eigenlijk alleen nog maar aanbevelen eens een basis JS tutorial door te nemen (hint: strings aan elkaar plakken doe je niet met . in JS, dat is PHP).

[ Voor 9% gewijzigd door RobIII op 05-11-2013 08:50 ]