Hej
Jeg sidder og prøver at få denne kode til at virke, så jeg kan bruge den flere gange på min side.
testjava.htmlNår man klikker på 'vis info' i tabellen 'test2' virker det fint og info kommer frem, men når man så klikker 'skjul info igen, kommer info frem i den første boks... ?
Den skal bruges til at, når der klikkes på linket 'vis Info' med id 'showhideInfotop' skal den row med id 'captionRow'+hvilken af inholdene der skal vises dukke op. Samtidig skal den row med 'vis info' skjules og en tredje row med id 'showhideInfobottom' vises. Har prøvet med dette javascript:
<script type="text/javascript">
function displayRow(id){
var row = document.getElementById("captionRow"+id);
var infotop = document.getElementById("showhideInfotop"+id);
var infobottom = document.getElementById("showhideInfobottom"+id);
if (row.style.display == '') {
row.style.display = 'none' ;
infotop.style.display = '';
infobottom.style.display = 'none';
} else {
row.style.display = '';
infotop.style.display = 'none';
infobottom.style.display = '';
}
}
</script>
Og jeg bruger denne kode til at kalde det med 'vis info linket':
<td id="showhideInfotop1"><a href="#" onclick="displayRow(1)">Vis Info</a></td>
og indholdet der skal blive synligt ser sådan ud:
<td id="captionRow1" style="display:none;">INHOLD,INDHOLD,INDHOLD</td>
og det row der skal skjule det hele igen:
<td id="showhideInfobottom1" style="display:none;"><a href="#" onclick="displayRow(1)">Skjul Info</a></td>
Undskyld den roede forklaring.
Nogle ideer?
/Aske