M Nets<ap« Navigatora
Rozdział 9.
DOM Netscape Navigatora pozwala na pisanie skryptów kontrolujących elementy stworzone
13, „Warstwy Netscapea”) oraz umiejscawiania CSS. Pozwala to na kontrolowanie położenia, widzialności oraz przycięcia elementu. Modyfikacje tych właściwości dokonane za pomocą JavaScriptu lub umiejscawiania CSS, zostaną niezwłocznie uwidocznione na stronie.
Jednakże, w' odróżnieniu od Internet Explorera, Navigator daje możliwości dostępu jedynie do właściwości CSS związanych z umiejscawianiem.
W obiektowym modelu dokumentu stosowanym w Navigatorze dostęp do właściwości CSS elementu możliwy jest przy użyciu numeru indeksu, identyfikatora lub nazwy elementu (patrz rysunek 9.3).
Na listingu 9.3 przedstawiona została funkcja JavaScriptu wykorzystująca DOM Netscape Navigatora. Opisuje ona ścieżkę do położenia
konkretnego elementu, a następnie przypisuje mu nową wartość. Na rysunku 9.4 przedstawiony został element przesuwany ze swojego oryginalnego położenia w wyniku wywołania funkcji.
Listing 9.3. DOM Navigatora w działaniu - użyty przy tworzeniu funkcji zmieniającej położenie elementu
<ht.ml>
sheail?
<meta http-equiv="Content-Type" ->content-"text/htmi; charset=ISO-885?-2">
<title>Listing 9.3</title>
Ocript language="javascriptl. 2"> fur.ct.ion NAVpr?.esunElement (nazwaElementu)
t
var element = eval( "document.” + ->nazwaElementu ) ;
element.left - 120; element.top « 120;
I
</script>
</head>
<body bgcolor-"itFFFFFF">
<p style="position: absolute; top:10px; left:10px;" id="eleml">
Bardzo ładny kod HTML.</p>
<brxbrxbr><br>
<form>
<input type-"Button" name="button" value="Przesuń"
onClick "NAVprzesunElement(1eleml');"> </form>
</body>
</html>
Słowo
informujące przeglądarkę o tym, ze chcesz wprowadzić
zmiany (czyli Nazwa nadana właściwość CSS, którą ten dokument) elementowi HTML chcesz zmieniać