Expand Collaps IE

Home Back

Basismap Intra- Internet programmeren

Categorie Programmeren In- en uitklappen object | Expand Collaps object

1.javafunctie

Code:

<script language="JSCRIPT">
function checkParagraaf()
{
{
var ch = event.srcElement.id+ "Toon";
var el = document.all[ch];
if (null != el)
{
el.style.display = "none" == el.style.display ? "" : "none";
if (el.style.display != "none")
event.returnValue=false;
}
}
}
</SCRIPT>

2.Gebruik

Code:

vb:
href="#" id="Item1"
div id="Item1Toon"
of:
href="#" id="Laden"
div id="LadenToon"

3.Voorbeeld

Code:

<html>

<head>

<title>ParOpen-Partoe</title>
<script language="JSCRIPT">
function checkParagraaf()
{
{
var ch = event.srcElement.id+ "Toon";
var el = document.all[ch];
if (null != el)
{
el.style.display = "none" == el.style.display ? "" : "none";
if (el.style.display != "none")
event.returnValue=false;
}
}
}
</SCRIPT>
<style>
a:link {FONT-WEIGHT: Bold; FONT-SIZE: 10pt;FONT-FAMILY: Tahoma; color:#495062;TEXT-DECORATION: none
}
a:hover {FONT-WEIGHT: Bold;FONT-SIZE: 10pt;FONT-FAMILY: Tahoma; color:Darkorange;TEXT-DECORATION: none
}
a:visited{FONT-WEIGHT: Bold; FONT-SIZE: 10pt;FONT-FAMILY: Tahoma; color:#495062;TEXT-DECORATION: none
}

</style>
</head>

<body onclick="checkParagraaf()" bgcolor="#F8F7F4" >



Tekst = uw tekst<br>



<a href="#" title="Open-Sluit" id="Item1">Code</a>
<div id="Item1Toon" style="display: none; width: 1209; height: 1354">

Te tonen tekst of tabel<br>

<a href="#" title="Sluiten" id="Item1">Sluit</a>

</div>



<p>
<a href="#" title="Open-Sluit" id="Laden">Bestand copieren</a><br>
<div id="LadenToon" style="display: none; width: 1209; height: 165">
<table border="0" width="100%" height="150">
<tr>
<td width="100%" height="100" >
Hier uw tekst of beeld.
</td>
</tr>

</table>
<a href="#" title="Paragraaf sluiten" id="Laden">Sluit</a><br>
</div>
</body>

</html>

Copyright (c) 2005 :: willems piet