ShowHide
Ik zit met een probleempje
Ik heb een javasript van internet geplukt en deze werkt prima.
Het sript zorgt er voor dat een div kan worden uitgeklapt echter wil ik nu dat er meerdere divjes uitgeklapt worden.
Echter werkt dat nog niet iemand enig idee hoe dat komt.
http://hopmankippersgroep.nl/materiaal/JS%20test/index.php
Pionieren.
Spelmateriaal.
Ik heb je code tussen [code][/code] tags gezet. Let hier in het vervolg zelf op a.u.b.![/modedit]
Ik heb een javasript van internet geplukt en deze werkt prima.
Het sript zorgt er voor dat een div kan worden uitgeklapt echter wil ik nu dat er meerdere divjes uitgeklapt worden.
Echter werkt dat nog niet iemand enig idee hoe dat komt.
http://hopmankippersgroep.nl/materiaal/JS%20test/index.php
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<html>
<head>
<script type="text/JavaScript1.2">
function ShowHide(div,image)
{
var thisLevel = document.getElementById(div);
var thisImage = document.getElementById(image);
if (thisLevel.style.display == "none")
{
thisLevel.style.display = "block";
thisImage.src = "min.gif";
}
else
{
var thisLevel = document.getElementById(div);
thisLevel.style.display = "none";
thisImage.src = "plus.gif";
}
}
</script>
</head>
<head>
<script type="text/JavaScript1.2">
function ShowHide(div,image)
{
var thisLevel = document.getElementById(div);
var thisImage = document.getElementById(image);
if (thisLevel.style.display == "none")
{
thisLevel.style.display = "block";
thisImage.src = "min.gif";
}
else
{
var thisLevel = document.getElementById(div);
thisLevel.style.display = "none";
thisImage.src = "plus.gif";
}
}
</script>
</head>
Pionieren.
Code (php)
1
2
3
4
5
6
2
3
4
5
6
<a href="javascript:ShowHide('div','image');"><img id="image" src="plus.gif" border="0"></a>
<div id="div" style="display: none;">
<?php
include("form.html");
?>
</div>
<div id="div" style="display: none;">
<?php
include("form.html");
?>
</div>
Spelmateriaal.
Code (php)
1
2
3
4
5
6
7
2
3
4
5
6
7
<a href="javascript:ShowHide('div','image');"><img id="image" src="plus.gif" border="0"></a>
<div id="div" style="display: none;">
<?php
include("spelmateriaal.html");
?>
</div>
</html>
<div id="div" style="display: none;">
<?php
include("spelmateriaal.html");
?>
</div>
</html>
Ik heb je code tussen [code][/code] tags gezet. Let hier in het vervolg zelf op a.u.b.![/modedit]
Gewijzigd op 18/03/2012 21:40:27 door Roel -
zet je codes even tussen code tags ( [code.] [/code.] ) zonder de puntjes en ronde haakjes.
Waarom gebruik je hier geen jQuery voor? Is vele malen simpeler en korter.
http://api.jquery.com/show/
http://api.jquery.com/hide/
http://api.jquery.com/show/
http://api.jquery.com/hide/
Bedankt voor je reactie
Sorry heb er weinig verstand van welk sukje moet ik precies tussen ([code.] [/code.])zetten
Sorry heb er weinig verstand van welk sukje moet ik precies tussen ([code.] [/code.])zetten
Gewijzigd op 18/03/2012 21:43:37 door PHP ifelse
Even wat puntjes:
- Altijd <!doctype html> op regel 1 van je HTML
- type="text/javascript" moet je invullen i.p.v. dat geen je nu hebt staan.
- een id mag maar 1 keer voorkomen
- weet je wel wat het script doet? Of gebruik je het maar luk raak?
- Het is een behoorlijk slecht en traag script wat veel beter kan.
@Youri, omdat jQuery 24kb is dat je onnodig inlaad. Dit scriptje is bijna het simpelste in JS, hiervoor ga je geen jQuery script onnodig inladen. Dat kost alleen maar veel tijd en je pagina is zwaarder.
Telkens maar al die mensen die bij elke regel JS naar jQuery gaan verwijzen... Wanneer gaan we nou eens in zien dat jQuery een geweldige tool is voor grote dingen, maar dat het geen heilig systeem is die je overal voor zou moeten gebruiken?
Erik Jan,
Deze tags zijn er hier op het forum om code duidelijker weer te geven. Dit heeft dus niks met jou code te maken. Zoals je ziet heeft Roel jouw bericht al aangepast en de code tags geplaatst. En het is [code] (zonder de .).
Voorbeeldje
Niet:
<div>hier wat code</div>
Maar:
[code]<div>hier wat code</div>[/code]
- Altijd <!doctype html> op regel 1 van je HTML
- type="text/javascript" moet je invullen i.p.v. dat geen je nu hebt staan.
- een id mag maar 1 keer voorkomen
- weet je wel wat het script doet? Of gebruik je het maar luk raak?
- Het is een behoorlijk slecht en traag script wat veel beter kan.
@Youri, omdat jQuery 24kb is dat je onnodig inlaad. Dit scriptje is bijna het simpelste in JS, hiervoor ga je geen jQuery script onnodig inladen. Dat kost alleen maar veel tijd en je pagina is zwaarder.
Telkens maar al die mensen die bij elke regel JS naar jQuery gaan verwijzen... Wanneer gaan we nou eens in zien dat jQuery een geweldige tool is voor grote dingen, maar dat het geen heilig systeem is die je overal voor zou moeten gebruiken?
Erik Jan,
Deze tags zijn er hier op het forum om code duidelijker weer te geven. Dit heeft dus niks met jou code te maken. Zoals je ziet heeft Roel jouw bericht al aangepast en de code tags geplaatst. En het is [code] (zonder de .).
Voorbeeldje
Niet:
<div>hier wat code</div>
Maar:
[code]<div>hier wat code</div>[/code]
Gewijzigd op 18/03/2012 22:05:02 door Wouter J




