DHTML CSS

DHTML � una lingua scripting NON come il Javascript, ma semplicemente una caratteristica del browser, o aumento, che d� al vostro browser la capacit� di essere dinamico. Che cosa realmente desiderano imparare non sono DHTML in se ma piuttosto, la sintassi stata necessaria per usare DHTML. � la capacit� del browser di alterare lo stile del Web page ed occuparsi della pagina ha caricato.

Qui � una dimostrazione semplice. il testo sotto colore del cambiamento quando il mouse si muove sopra esso:

Spostare il vostro mouse qui

Il codice osserva il simile:

Move your mouse here

Per ottenere questo effetto, in primo luogo ho accesso dall'identificazione dell'elemento. Allora, attraverso l'oggetto di stile ed infine la propriet� di colore dello stile. Tutte le propriet� di stile sono letturi /scritturi e sono raggiunte in un modo simile: nome di object->property del id->style dell'elemento.

DHTML include il CSS ed il Javascript

Per mezzo di Javascript, DHTML � cambiare delle dichiarazioni di stile di un elemento del HTML. Per esempio, se avete un paragrafo con certo testo, il colore ha definito vicino

p {color: #cc0000;}

potete fare qualcosa come

element.style.color = '#00cc00';

non appena questa punta dello scritto � eseguita il colore del testo cambia da rosso a verde.

Purtroppo questa punta semplice di DHTML non � sostenuta da Netscape 4. Infatti, Netscape 4 sostiene soltanto muoversi degli elementi attraverso la pagina e renderli cose invisibili (ed alcune altre, ma questi sono l'pi� importante) e visibili. Cos� diamo ad un elemento una posizione alla pagina:

div {position: absolute;
top: 20px;
left: 0px;}

ed allora cambiare la relativa parte di sinistra:

element.style.left = 200;

Ora l'elemento si muove magico verso 200 pixel dal margine di sinistra della pagina.

La propriet� di stile

Cos� generalmente, in primo luogo andate all'elemento del HTML in Internet Explorer che desiderate influenzare come: -

document.all['tobechanged'].style.left = 200;

allora cambiare le dichiarazioni di stile:

element.style.styleDeclaration

Se desiderate cambiare il colore, lo styleDeclaration � colore, se desiderate cambiare la parte di sinistra, esso � andato. Se desiderate cambiare una dichiarazione di stile con un precipitare in esso, per esempio l'z-indice, rimuove il precipitare e rende alla prima lettera dopo il precipitare un capitale: zIndex. Stessi per il marginLeft margine-di sinistra del =>.

Si noti che la propriet� di stile riflette gli stili in-linea dell'elemento. Ci� � importante se desiderate leggere fuori gli stili dell'elemento. Se provate a leggere fuori il colore del paragrafo:

p#testP {color: #cc0000;}

This is the paragraph.

alert([testP].style.color);

ottenete un allarme vuoto. Ci� � perch� la P non (ancora) ha uno stile in-linea di colore. Lo stile definito da p#testP non � leggibile attraverso la propriet� di stile.
Definite i vostri stili in linea, esso funzionate benissimo

This is the paragraph.

alert([testP].style.color);

Netscape 4

La propriet� di .style � richiesta in tutti i browsers, tranne Netscape 4

L'elemento corretto

Cos� cambiare lo stile di determinato elemento del HTML non � difficile, salvo che molte cose non funzioneranno in Netscape 4. Tuttavia, anche dovete dire al browser al quale elemento del HTML desiderate influenzare. Per fare questo, dovete invocarli dalla relativa identificazione corretta dell'elemento

[content of div]

e scrivere lo scritto di DHTML per invitare quell'identificazione:

[element with ID=tobechanged].style.left = 200;

Ci sono due problemi qui. in primo luogo � la definizione adeguata di uno strato in Netscape 4 ed in secondo luogo � le differenze in DOM (modello dell'oggetto del documento) fra i vari browsers.

Strati in Netscape 4

Se desiderate cambiare lo stile di un elemento in Netscape 4, quell'elemento deve avere una dichiarazione di posizione nel foglio di stile. Se gli non date una posizione, Netscape 4 non riconosce semplicemente l'elemento come strato e non getta sui messaggi di errore.

Per esempio:

div#tobechanged {position: absolute;
top: 20px;
left: 0px;}

Ora la divisione con ID= " tobechanged " ha una posizione e Netscape 4 la riconosce come strato. Potete anche usare la posizione: relativo. Ci� significa che l'elemento � posizionato tramite il flusso naturale della pagina, ma � ci� nonostante aperta ad influenza di DHTML.

Cos� ciao per dare ai vostri strati una posizione.