Dynamik - ett javaskript.

Dynamik är ett Javaskript för "dynamisk HTML" som fungerar i Gecko-baserade webbläsare. Internet Explorer 5.0 är också testat med goda resultat. Koden är tillappad för Internet Explorer 4, men inga tester har gjorts.

Visibility

dshow(id) ändrar CSS-värdet visibility till visible.
dhide(id) ändrar CSS-värdet visibility till hidden.
Visibility "kollapsar" (eng. collapse) inte elementen. De tar upp plats även när de inte syns.
Kör dshow('popup1');
Kör dhide('popup1');

Visibility-växlare

dtoggleVisibility(id) ändrar CSS-värdet visibility till hidden om visible är visible. I andra fall sätts det till visible.
Kör dtoggleVisibility('popup2');

Display

dopen(id) ändrar CSS-värdet display till block.
dclose(id) ändrar CSS-värdet display till none.
Display "kollapsar" (eng. collapse) elementen. De tar inte upp plats när de är dolda.
Kör dopen('popup3');
Kör dclose('popup3');

Display-växlare

dtoggleOpen(id) ändrar CSS-värdet display till block om den är none, annars block.
Kör dtoggleOpen('popup4');

Lite mer avancerat

Håll i dig. Nu blir det komplicerat.
Det här är popupbtn5. Kör dopen('popup5'); dclose('popup5btn');

Mouseover

Koden för en mouseover skulle kunna se ut så här:

<div onmouseover="dopen('popup6');" onmouseout="dclose('popup6');">
  Det här är det element som svarar på musen.
  <div id="popup6">Det här är popup6.</div>
</div>

Det här är det element som svarar på musen.

Mouseover

Koden för en mouseover skulle kunna se ut så här:

<div onmouseover="dopen('popup6');" onmouseout="dclose('popup6');">
  Det här är det element som svarar på musen.
  <div id="popup6">Det här är popup6.</div>
</div>

Det här är det element som svarar på musen.
(c) David Grundberg 2002. (Senast ändrad: 23:06 2002-11-12)