PDA

Volledige versie bekijken : oefening in html werkt niet zoals het hoort


kwns
19 December 2013, 20:57
Hallo iedereen,

Kunnen jullie me eens helpen. Ik ben bezig met thuisstudie over webdesign. We doen dit met html-kit. Nu zouden we een oefening moeten maken over Javascripts waar je in een tabel van elke rij één bepaald woord aanklik en dan zou het dan moeten openen in een nieuwe windows-prompt. Nu de tabel werkt; het aanvinken ook maar in de windows.prompt staat er undefinies in plaats van het aangeklikte woord. Zouden jullie mij hiervoor eens willen helpen aub?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title>rekenmachine</title>
<style type="text/css">
<!--
td.kolom1 {background-color: #0000ff;}
td.kolom2 {background-color: #008000;}
td.kolom3 {background-color: #ff0000;}
td.kolom4 {background-color: #ffff00;}
-->
</style>
<script language="JavaScript" type="text/javascript">
<!--
//variabelen
var kleur; //mijn lievelingskleur
var dier; //mijn lievelingsdier
var eten; //mijn lievelingseten




function toon() {
window.alert("Mijn lievelingskleur is: "+kleur+"\nMijn lievelingsdier is: "+dier+"\nMijn lievelingseten is: "+eten);
}
//-->
</script>
</head>
<body>
<table summary="" width="600">
<tr>
<td class="kolom1" width="200">Uw lievelingskleur is:</td>
<td class="kolom2" onclick="toon()" width="200">blauw</td>
<td class="kolom3" onclick="toon()" width="200">groen</td>
<td class="kolom4" onclick="toon()" width="200">rood</td>
</tr>
<tr>
<td class="kolom1" >Uw lievelingsdier is:</td>
<td class="kolom2" onclick="toon()">kat</td>
<td class="kolom3" onclick="toon()">hond</td>
<td class="kolom4" onclick="toon()">kip</td>
</tr>
<td class="kolom1" >Uw lievelingseten is:</td>
<td class="kolom2" onclick="toon()">friet</td>
<td class="kolom3" onclick="toon()">thais</td>
<td class="kolom4" onclick="toon()">spaans</td>
<tr>
<td><a href="javascript:void(toon());">Klik hier</a></td>
<td></td>
<td></td>
</tr>
</table>
</body>
</html>


Graag retourinfo aub,

Koen
Spoorzoeker
21 December 2013, 00:59
Sorry, maar als je bezig bent met html te leren, snap ik niet dat je nu al met javascript bezig bent. ;)
Dat is echt iets voor als je html zo goed als compleet beheerst.

Maar goed, om jouw vraag te beantwoorden:
Neem even deze regel: <td class="kolom2" onclick="toon()" width="200">blauw</td>
Als je er op klikt, waar staat dan dat de variabele kleur de waarde blauw krijgt ? (hint: kleur=blauw)