Hejsa.
Jeg har en udfordring med nedestående kode. Det er meningen, når
man klikker på DIV'en, skal den vise/skjule den nedenstående
tabel. Når den øverste er åben, skal man pludselig dobbeltklikke
på den næste DIV, før den åbner den næste tabel og så frem deles.
Nogen der har et bud på hvad det kan være?
/Johnny
---- SCRIPT ----
var state = 'none';
function showhide(layer_ref) {
if (state == 'block') {
state = 'none';
}
else {
state = 'block';
}
if (document.all) { //IS IE 4 or 5 (or 6 beta)
eval( "document.all." + layer_ref + ".style.display = state");
}
if (document.layers) { //IS NETSCAPE 4 or below
document.layers[layer_ref].display = state;
}
if (document.getElementById &&!document.all) {
hza = document.getElementById(layer_ref);
hza.style.display = state;
}
}
---- HTML ----
<div onclick="showhide('table_CPU');" class="dataHeader"
onmouseover="title='Klik for mere info'" onmouseover="title='Klik
for mere info'">
CPU: Intel Core2Duo 2.66 GHz
<img src="/images/editor/pinkpil.gif" alt="" align=""
border="0px" />
</div>
<table id="table_CPU" class="dataTables" cellspacing="0">
<tr class="rowColorA">
<td >Clockfrekvens</td>
<td>2.66 GHz</td>
</tr>
<tr class="rowColorB">
<td>Cache</td>
<td>3 MB Level 2</td>
</tr>
<tr class="rowColorA">
<td>Multi-Core</td>
<td>Dual Core</td>
</tr>
</table>
<div onclick="showhide('table_RAM');" class="dataHeader"
onmouseover="title='Klik for mere info'">
RAM: 4 GB
<img src="/images/editor/pinkpil.gif" alt="" align=""
border="0px" />
</div>
<table id="table_RAM" class="dataTables" cellspacing="0">
<tr class="rowColorA">
<td >Hukommelsesteknologi</td>
<td>DDR3 SDRAM</td>
</tr>
<tr class="rowColorB">
<td>RAM</td>
<td>4 GB</td>
</tr>
<tr class="rowColorA">
<td>Max RAM</td>
<td>8 GB</td>
</tr>
<tr class="rowColorB">
<td>Hukommelsesfrekvens</td>
<td>1066 MHz</td>
</tr>
<tr class="rowColorA">
<td>Type PCxxx</td>
<td>PC3-8500</td>
</tr>
</table>
--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! =>
http://www.html.dk/tutorials