We moeten voor school een site maken waarbij het mogelijk is om de stoelen van de zaal te selecteren.
Nu zijn er verschillende prijzen per stoel.
Mijn vraag is of iemand een goede tutorial weet, want met zoeken op google kom ik niet echt bij de tutorial die mij daarop het antwoord geeft. Zelf script ik alleen in HTML en PhP maar ben niet echt bekent met Javascript.
Wat het probleem dus is.
Hoe geef ik die stoelen een waarde mee(elke stoel is een andere image) en laat ik de gebruiker zien welke stoel en welke prijs hij moet betalen?
Alvast bedankt voor jullie medewerking!
Gr,
Dennis A
-
28-10-2010, 16:41 #1
Particulier
- Berichten
- 53
- Lid sinds
- 17 Jaar
Javascript probleempje
-
-
29-10-2010, 12:59 #2
Particulier
- Berichten
- 75
- Lid sinds
- 16 Jaar
Re: Javascript probleempje
Hey als ik je goed begrijp wil je iets in deze geest (testje : http://gameruniverse.nl/test/):
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>mouseover</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="javascript"><!--
//dit zou je in php kunne laten doen. door uit een mysql tabel te halen
var stoel1 = '34.23 ex. BTW';
var stoel2 = '38.23 ex. BTW';
var stoel3 = '2314.23 ex. BTW';
function GetPrice(wat){
document.getElementById('prijs').innerHTML= '€'+wat;
}//-->
</script>
</head>
<body>
<img src="http://www.teakwinkel.nl/stoel_teak_1.jpg" alt="mooie stoel" onmouseover="GetPrice(stoel1)" />
<img src="http://www.teakwinkel.nl/stoel_teak_1.jpg" alt="mooie stoel2" onmouseover="GetPrice(stoel2)" />
<img src="http://www.teakwinkel.nl/stoel_teak_1.jpg" alt="mooie stoel3" onmouseover="GetPrice(stoel3)" />
<br>De prijs is:
<div id="prijs"></div>
</body>
</html>
