Hej javascript-eksperter.
Jeg har fumlet lidt med et meget simpelt script, der viser og skjuler en
liste med links. Listen ligger i en standard <ul><li></li></ul> struktur.
Både før og efter listen er der almindelige <p></p> elementer, der skal
rykke med ned under listen, når den bliver vist.
Scriptet jeg har lavet kan der ses et primitivt eksempel på her:
http://www.many.dk/BlogList.asp
Tryk henholdvis på 'Vis liste' og 'Fjern liste' for at teste
funktionaliteten.
Mit problem er: Jeg er meget grøn i javascript. Dette er, vist nok, min
første hjemmeskrevne funktion. Jeg er derfor bekymret for, om funktionen
virker i størstedelen af de browsere, der er tilgængelige. Jeg har testet i
Internet Explorer 6, Mozilla 1.4 og Opera 7.20. Der virker scriptet, men
hvad med f.eks. Internet Explorer 5.5, browsere til Mac, osv., osv... Kan
nogen se, om dette script burde give problemer nogle steder:
<script type="text/javascript">
var d=document;
function showlist(){
d.getElementById('ShowList').style.display='none';
d.getElementById('LinkList').style.display='block';
d.getElementById('HideList').style.display='block';
}
function hidelist(){
d.getElementById('ShowList').style.display='block';
d.getElementById('LinkList').style.display='none';
d.getElementById('HideList').style.display='none';
}
</script>
.......
<p id="ShowList"><a href="javascript:showlist()">Vis liste</a></p>
<p id="HideList"><a href="javascript:hidelist()">Fjern</a></p>
Desuden vil jeg gerne have lidt kommentarer til funktionerne. Er det en
fjollet måde de er skrevet på eller kunne det gøres nemmere på en anden
måde?
Tak for jeres hjælp.
Mh. Thomas.