[Javascript] voor dummies (deel 13)

quote:

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?

Ik geef jou niet de schuld van het niet werken, wel van het geven van een oplossing die niet werkte maar goed, wil er verder geen dikke discussie van maken, is de moeite niet waard!

Het ging om de oplossing en die heeft helaas in mijn geval dus weer niets te maken met jquery....

quote:

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.

En daar had ik dus niet om gevraagd maar bedankt voor het mee denken, ik leer hier alleen maar van!

Ik ben op zoek naar een nuttige JS-tutorial voor een beginneling, maar bij voorkeur niet via W3schools. Dat bevalt me wel als naslagwerk, maar de tutorials vind ik te beperkt in uitleg. En alhoewel ik weet hoe Google werkt, vind ik het altijd prettiger als ik de mening krijg van mensen die daadwerkelijk de tutorial(s) gevolgd hebben.

is de beste tutorial niet gewoon zelf proberen aan de hand van voorbeelden die op w3schools en jquery.com b.v. worden gegeven?

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?

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 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 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: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..

Ik ben iets minder autodidactisch aangelegd, blijkbaar Maargoed, dan ga ik maar op zoek!

quote:

Op maandag 18 februari 2013 12:06 schreef InTrePidIvity het volgende:

[..]

Ik ben iets minder autodidactisch aangelegd, blijkbaar Maargoed, dan ga ik maar op zoek!

Kun je je huidige niveau aangeven?
Van Javascript en van programmeren in het algemeen.
Misschien kunnen we je dan op weg helpen.

quote:

Op maandag 18 februari 2013 12:07 schreef Crutch het volgende:
Van Javascript en van programmeren in het algemeen.

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

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

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.

quote:

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.

Dat ziet er nuttig uit Dankjewel!

quote:

Op maandag 18 februari 2013 13:07 schreef InTrePidIvity het volgende:

[..]

Dat ziet er nuttig uit Dankjewel!

Graag gedaan.
In principe maakt het geen reet uit waar en hoe je begint, als je maar ergens begint.

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.

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: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.

Beide waar, maar zo hebben veel mensen het ook geleerd hoor.

quote:

Op maandag 18 februari 2013 13:19 schreef Crutch het volgende:

[..]

Beide waar, maar zo hebben veel mensen het ook geleerd hoor.

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

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

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:


En vervolgens:

Zo kun je er een beetje mee spelen.

quote:

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.

Ha, dat is geinig

Deze is ook leuk:


Als een website jQuery gebruikt (is ook javascript) dan kun je die functies ook aanroepen.
Probeer het maar een door in dit topic de Javascript Console te openen en de code te plakken.
Alle links worden dan rood.

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.

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.

"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: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!" )

Had ik moeten zeggen, we mogen geen libraries/frameworks gebruiken.

quote:

Op woensdag 20 februari 2013 23:57 schreef TwenteFC het volgende:

[..]

Had ik moeten zeggen, we mogen geen libraries/frameworks gebruiken.

Mijn oplossing zou dan zijn: downloaden en kijken wat ze doen

quote:

Op donderdag 21 februari 2013 00:00 schreef wdn het volgende:

[..]

Mijn oplossing zou dan zijn: downloaden en kijken wat ze doen

Min punten geven voor alles wat is gerealiseerd d.m.v. Ajax-zoom.

Maar verder niemand een idee hoe ik dit met plain javascript kan doen?

Ik mis GlowMouse.

even snel gegoogled:
http://stackoverflow.com/(...)-image-and-center-it

de site die je aanhaalt gebruikt flash voor het effect..

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..

Met een reden natuurlijk.

Maar ik zal er straks weer eens naar kijken, in ieder geval bedankt voor het antwoorden jullie 2.

Hi guys,

Ik moet voor morgen (zaterdag) een javascript game inleveren.
Ben bezig met een mini shooter game in javascript en wil er nu een if / else en een loop erin zetten voor als je de game weer opnieuw wilt spelen..
Ik ben echt een noob in javascript en kom even niet verder.
Dit is mijn code:

confirm("Let's play a shooter!");
var userName = prompt("Vul je naam in");
var weapon = 'Geen wapen';

alert("Start de game.");

var chooseWeapon = ["assault, shotgun, sniper"]
var chooseWeapon = prompt("Wil je een assault, shotgun of een sniper?");

switch(chooseWeapon){
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 + ".");

var richting = 'geen richting kiezen? Blijf dan maar lekker staan';

var welkeRichting = prompt("Welke richting wil je op? Links, rechts, rechtdoor");

switch(welkeRichting){
case 'links':
richting = 'naar links';
break;
case 'rechts':
richting = 'naar rechts';
break;
case 'rechtdoor':
richting = 'rechtdoor';
break;

};

console.log(" Je gaat " + richting);

//var action = ["Loop naar links", "Loop naar rechts", "Loop rechtdoor", "Camp"];

var computerChoice = Math.floor((Math.random()*4)+1);

switch(computerChoice) {
case 'voor':
computerChoice = "tegenstander staat voor jou!";
break;
case 'naast':
computerChoice = "tegenstander staat naast jou!";
break;
case 'achter':
computerChoice = "tegenstander staat achter jou!";
break;
case 'dak':
computerChoice = "tegenstander staat op het dak!";
break;
};

console.log(computerChoice);



if('voor' + 'naast' ){
x = "Je geeft de tegenstander een headshot en hij valt dood neer."
}else('achter' + 'dak') {
x = "De tegenstander raakt en geeft jou een headshot. Je valt dood neer."
}

}



tot aan het dikgedrukte gaat alles prima, maar daarna zou ik graag willen hebben dat als de computer ''voor of ''naast'' random heeft gekozen je dan het berichtje krijgt bij de if regel en bij de else regel het ander zinnetje.

Onder deze if else regel moet ik nog een loop regel maken die weer teruglinkt naar chooseWeapon.

Kan iemand mij please helpen! danku!