[JS] HTML in div veranderen - Softwareontwikkeling

woensdag 2 juli 2008 20:09

Acties:

Verwijderd

Topicstarter

Hallo,

voor sommige is dit misschien een simpel op te lossen iets, maar mijn Javascript kennis is hier niet toereikend voor

code:

<head>
<script language="JavaScript">
var html;
function toon(id)
{
if(document.getElementById(id).innerHTML == ""){
if(id == "1"){
html = "Abbonnement SMS";
}
if(id == "2"){
html = "Repair SMS";
}
if(id == "3"){
html = "Unlock SMS";
}
if(id == "4"){
html = "Bestelling SMS";
}
document.getElementById(id).innerHTML = html;
}
else{
document.getElementById(id).innerHTML = "";
}
}
</script>
</head>

<body>
<h2 class="title">SMS diensten</h2>
<br />
<table width="100%">
<tr>
<td><h2 class="title">Abonnement SMS</h2></td><td width="32"><img src="images/icons/down.png" onClick="toon('1')"></td>
</tr>
<tr>
<td><div id="1"></div></td>
</tr>
</table>
<table width="100%">
<tr>
<td><h2 class="title">Repair SMS</h2></td><td width="32"><img src="images/icons/down.png" onClick="toon('2')"></td>
</tr>
<tr>
<td><div id="2"></div></td>
</tr>
</table>
<table width="100%">
<tr>
<td><h2 class="title">Unlock SMS</h2></td><td width="32"><img src="images/icons/down.png" onClick="toon('3')"></td>
</tr>
<tr>
<td><div id="3"></div></td>
</tr>
</table>
<table width="100%">
<tr>
<td><h2 class="title">Bestelling SMS</h2></td><td width="32"><img src="images/icons/down.png" onClick="toon('4')"></td>
</tr>
<tr>
<td><div id="4"></div></td>
</tr>
</table>
</body>

met dit script zou ik graag de HTML in een div willen veranderen. Zodat je een soort uitklap menu idee krijgt

volgens mij ben ik wel aardig in de richting, alleen werkt het niet

Iemand misschien ideën

MVG Hendrik

woensdag 2 juli 2008 20:11

Acties:

WeeJeWel

style.display='none';

lalala

Homey — Critics are those without skills to create.

woensdag 2 juli 2008 20:16

Acties:

Verwijderd

Dan zorg je maar dat je wel voldoende kennis hebt van Javascript. Je kunt hier niet alleen maar dingen blijven vragen zonder zelf ooit ook maar iets bij te dragen aan de community.

Numerieke id attributen mogen trouwens niet. Verder zijn er een miljard scripts die je als voorbeeld kunt gebruiken. Wat denk je dat wij hebben gedaan om wel aan die kennis te komen?

woensdag 2 juli 2008 20:25

Acties:

Sebazzz

3dp

Verwijderd schreef op woensdag 02 juli 2008 @ 20:16:
Wat denk je dat wij hebben gedaan om wel aan die kennis te komen?

Leven op energiedrank, cola en/of koffie, veel achter vi, vim of Notepad++ zitten en constant de IE developers vervloeken

[Te koop: 3D printers] [Website] Agile tools: [Return: retrospectives] [Pokertime: planning poker]

woensdag 2 juli 2008 20:31

Acties:

Mei

Sebazzz schreef op woensdag 02 juli 2008 @ 20:25:
[...]

Leven op energiedrank, cola en/of koffie, veel achter vi, vim of Notepad++ zitten en constant de IE developers vervloeken

Hear hear

Aan de TS: Koop voor vier tientjes een goed boek over Javascript. Ik heb zelf anderhalf jaar terug Professional Javascript for Web Developers van Nicholas C. Zakas gekocht. Echt een aanrader, álles staat erin.

woensdag 2 juli 2008 20:54

Acties:

Fuzzillogic

Cool

Mei schreef op woensdag 02 juli 2008 @ 20:31:
[...]

Hear hear

Aan de TS: Koop voor vier tientjes een goed boek over Javascript.

Koop er meteen een boek over HTML bij, en een over CSS, en een woordenboek. Seriously, het lijkt nergens op. We moeten allemaal ergens beginnen, maar dit is duidelijk voor een commerciele site bedoeld, en dan heeft het IMO geen porem.

woensdag 2 juli 2008 21:48

Acties:

RobIII

Admin Devschuur®

^ Romeinse Ⅲ ja!

Ik ga het niet eens meer uitleggen waarom hier een hangijzer op komt; ik heb het vaak genoeg gezegd.

And also: Kan iemand even...?

[ Voor 15% gewijzigd door RobIII op 02-07-2008 21:50 ]

There are only two hard problems in distributed systems: 2. Exactly-once delivery 1. Guaranteed order of messages 2. Exactly-once delivery.

Je eigen tweaker.me redirect

Over mij