Nakładanie warstw DHTML warstw, positionabsolute, ltdiv, width100, type=quotradioquot, height100, się, ltinput, nbspnbspnbspnbspnbspnbspnbsp, nakładanie, , na, warstw, positionabsolute, ltdiv, width100, type=quotradioquot, height100, się, if, ltinput, nbspnbspnbspnbspnbspnbspnbsp, nakładanie, dhtml, w, nn4, =, ie4, nbspnbspnbsp, warstwa, do, już, kolejność, nakładaniem, z, ich, przykładzie, względu, wyżej nbsp lthtmlgt nbsp, poprzedniej, nakładania, kolejności, bez, jednak, wierzchu, określenia, czerwona, ltheadgt nbspnbspnbsp, po, niebieska, i, środku, czynienia, mieliśmy, pokazywania, zawsze, lekcji, content=quottexthtml, właściwość microsoft, zindex właściwość, służy, internet, explorer, może, całkowite, przyjmować, left50, tylko, wartości, im, navigator, stylezindex netscape, ltmeta, httpequiv=quotcontenttypequot, przypiszemy, jej, tym, lt nbspnbspnbspnbspnbsp, warstwa1, liczbę, wyższą, samo, charset=windows1250quotgt nbspnbspnbsp, ltstyle, znajdzie, ukazać, backgroundcolorred nbspnbspnbsp, backgroundcoloryellow nbspnbspnbspnbspnbsp, ltstylegt nbspnbspnbsp, ltscript, top180, language=quotjavascriptquotgt nbspnbspnbspnbspnbsp, documentlayers[przyklad]documentlayers[nazwa]zindex=a, name=quotnquotgtŻoacutełtaltbrgt nbspnbspnbspnbspnbsp, name=quotwybierzquotgt nbspnbspnbspnbspnbsp, onclick=quotkliknieciethischeckedwarstwa2quot, onclick=quotkliknieciethischeckedwarstwa3quot, name=quotnquotgtniebieskaltbrgt nbspnbspnbspnbspnbsp, left70, warstwa2, documentlayers, a=a+1, truefalse nbspnbspnbspnbspnbspnbspnbsp, function, klikniecienacisniecienazwa nbspnbspnbspnbspnbspnbspnbsp, a=5 nbspnbspnbspnbspnbsp, gt nbspnbspnbsp, left110, top140, warstwa3, backgroundcolorblue nbspnbspnbspnbspnbsp, onclick=quotkliknieciethischeckedwarstwa1quot, name=quotnquot, ktoacutera, wybierz, ma, ltbody, ltheadgt nbsp, bgcolor=quot6fb20fquotgt nbspnbspnbsp, documentall, żoacutełta, przykrywały, spodzie, była, type=quottextcssquotgt nbspnbspnbsp, truefalse, nacisniecie, id=quotwarstwa2quotgtniebieskaltdivgt, id=quotwarstwa1quotgtżoacutełtaltdivgt nbspnbspnbsp, ltbodygt lthtmlgtnbsp nbsp, id=quotwarstwa3quotgtczerwonaltdivgt nbsp, checkedgtczerwona nbspnbspnbsp, ltformgt nbspnbspnbsp, ltform, documentall[nazwa]stylezindex=a, ltscriptgt nbsp, top120, wierzchultbrgt nbspnbspnbsp, tak,

Piątek 04 Kwiecień 2025r. Godz 00:00:00
Postów: 251

Nakładanie warstw DHTML

Już w przykładzie w poprzedniej lekcji mieliśmy do czynienia z nakładaniem warstw. Bez względu jednak na kolejność ich pokazywania, zawsze tak samo się przykrywały (żółta była na spodzie, niebieska po środku i czerwona na wierzchu). Do określenia kolejności nakładania warstw służy właściwość:
Microsoft Internet Explorer: style.z-index
Netscape Navigator: z-index
Właściwość może przyjmować tylko wartości całkowite. Im wyższą liczbę jej przypiszemy tym warstwa znajdzie się wyżej.

<HTML>
<HEAD>
    <META HTTP-EQUIV="Content-type" CONTENT="text/html; charset=windows-1250">
    <STYLE TYPE="text/css">
    
    </STYLE>
    <SCRIPT LANGUAGE="JavaScript">
      a=5;
      function klikniecie(nacisniecie,nazwa)
        { a=a+1; nn4 = (document.layers) ? true:false;
        ie4 = (document.all) ? true:false;
        if (nacisniecie) {
        if (ie4) { document.all[nazwa].style.zIndex=a }
        if (nn4) { document.layers['przyklad'].document.layers[nazwa].zIndex=a } }
    </SCRIPT>
</HEAD>
<BODY BGCOLOR="#6FB20F">
    Wybierz, która warstwa ma się ukazać na wierzchu:<BR>
    <FORM NAME="wybierz">
      <INPUT TYPE="Radio" onClick="klikniecie(this.checked,'warstwa1');" NAME="n">Żółta<BR>
      <INPUT TYPE="Radio" onClick="klikniecie(this.checked,'warstwa2');" NAME="n">Niebieska<BR>
      <INPUT TYPE="Radio" onClick="klikniecie(this.checked,'warstwa3');" NAME="n" CHECKED>Czerwona
    </FORM>
    <DIV ID="warstwa1">żółta</DIV>
    <DIV ID="warstwa2">niebieska</DIV>
    <DIV ID="warstwa3">czerwona</DIV>
</BODY>
</HTML>

Administracja

Strony WWW • Pozycjonowanie Stron SEO