<div onclick="this.style.fontSize='60px'; this.style.color='red'">

=====================================

style.fontSize='60px'

=====================================

c:\Documents and Settings\Rafcio\ksiki\KubuPuchatek.doc

=====================================

http://www.witryna.com.pl/2003/world/index.html

=====================================

<SCRIPT LANGUAGE="JavaScript">
<!--

var bName = navigator.appName;
var bVer = parseFloat(navigator.appVersion);
if (bName == "Netscape")
  var browser = "Netscape Navigator"
else
  var browser = bName;
document.write("Obecnie uywasz przegldarki ", browser, " ", 
bVer, ".");

// -->
</SCRIPT>

=====================================

if (window.RegExp) {
  // uywamy wyrae regularnych
} else {
  // stosujemy rozwizanie alternatywne
}

=====================================

Podziel biecy adres URL na poszczeglne foldery.
Dla kadego folderu
    Stwrz poczenie i zapisz je w formie acucha znakw.
Przejd do nastpnego folderu.
Pocz wszystkie acuchy znakw w jeden, uywajc przy tym separatora.
Wywietl uzyskany acuch znakw w przegldarce.

=====================================

var sURL = window.location.toString();

=====================================

var sDir = new Array();

=====================================

var sDir = sURL.split("/");

=====================================

sDir[0] = http:
sDir[1] = 
sDir[2] = www.mojadomena.com.pl
sDir[3] = katalog
sDir[4] = tutaj

=====================================

var sOutput = "";

=====================================

for (y = 2; y < (sDir.length - 1); y++)

=====================================

Listing 26-1 Tworzenie prostego wskanika pooenia strony

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<script language="javascript">
function Nest(x)
{
    var x=x-3;
    var sNesting="";
    for (i=0;i<x;i++)
    {
        sNesting=sNesting + "../";
    }
    return sNesting;
}
function breadcrumbs()
{
    var sDir = new Array();
    var sURL = window.location.toString();
    sDir=sURL.split("/");
    var sOutput="";
    for (y=2;y<(sDir.length-1);y++)
    {
        sOutput=sOutput + " :: <a href='" + 
Nest((sDir.length-y)+1) + "index.html'>" + sDir[y] + "</a>";
    }
    document.write(sOutput);
}
</script>
<style type="text/css">
<!--
body {
      font-family: Frutiger, Verdana, Arial, Helvetica, sans-
serif;
}
.breadcrumbs {

      font-size: 10px;
}
-->
</style>
<meta http-equiv="Content-Type" content="text/html;charset=iso-8859-2">
<title>Wskanik pooenia strony</title>
<meta http-equiv="Content-Type" content="text/html; 
charset=iso-8859-2">
</head>
<body>
<div id="breadcrumbs" class="breadcrumbs">
<script language="javascript">
breadcrumbs();
</script>
</div>
<div style="border: navy 1px solid; padding: 12px; width: 
440px; text-align:center; margin-top:12px;">
Tu znajduje si zawarto strony.
</div>
</body>
</html>

=====================================

function breadcrumbs() {
  // tutaj naley umieci skrypt skopiowany z Internetu 
script should go
}

=====================================

function breadcrumbs() {

=====================================

Listing 26-2 Sposb wykorzystania skryptu generujcego wskanik pooenia.

<html>
<head>
<script language="JavaScript" type="text/javascript" src=" js_paths.js">
</script>
<title>Wskanik pooenia</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
body {
      font-family: Frutiger, Verdana, Arial, Helvetica, sans-serif;
}
.breadcrumbs {

   font-size: 10px;
}
-->
</style>
</head>

<body>
<div id="breadcrumbs" class="breadcrumbs">
<script>breadcrumbs()</script>
</div>
<div style="border: navy 1px solid; padding: 12px; width: 440px; text-align:center; margin-top:12px;">
Tu znajduje si zawarto strony.
</div>
</body>
</html>

=====================================

<script type="text/javascript" src="/js_paths.js"></script>

=====================================

<style type="text/css">
<!--
.button {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   background-color: #CCCCCC;
   padding: 3px;
   border: 1px solid;
}
a:hover {
   background-color: #FF0000;
}
-->
</style>

=====================================

<div><span class="button">Podmienianie 1</span><span 
class="button">Podmienianie 2</span><span 
class="button">Podmienianie 3</span></div>

=====================================

Listing 26-3 Tworzenie efektw podmieniania przy wykorzystaniu CSS.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 
Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=iso-8859-2">
<title>Zastosowanie pseudo-klasy a:hover</title>
<meta http-equiv="Content-Type" content="text/html; 
charset=iso-8859-1">
<style type="text/css">
<!--
.button {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   background-color: #CCCCCC;
   padding: 3px;
   border: 1px solid;
   cursor:hand;
}
a:hover {
   background-color: #FF0000;
   text-decoration: none;
}
a {
   text-decoration:none;

}
-->
</style>
</head>

<body>
<div><span class="button" title="Przejcie do podmienionego wiata"><a 
href="#">Podmienianie 1</a></span><span class="button" title="Przejcie 
do podmienionego wiata"><a href="#">Podmienianie 2</a></span><span 
class="button" title="Przejcie do podmienionego wiata"><a 
href="#">Podmienianie 3</a></span></div>
</body>
</html>

=====================================

<div id="links">
<a href="http://www.tumeric.net/">Witryna<span>  The Tumeric 
Partnership</span></a>
<a 
href="http://www.tumeric.net/Service/Default.aspx">XSL<span> 
The Transformation Station jest doskonaym rdem inormacji 
o przeksztaceniach XSLT.</span></a>
</div>

=====================================

div#links a span {display: none;}

=====================================

div#links a:hover span {display: block;
   position: absolute; top: 80px; left: 0; width: 125px;
   padding: 5px; margin: 10px; z-index: 100;
   color: #AAAAAA; background: black;
   font: 10px Verdana, sans-serif; text-align: center;}

=====================================

Aby wywielti komunikat, <span style="color:red; cursor:hand;" 
onMouseOver="alert('ZDUMIEWAJCE!!!')">
umie wskanik myszy na tych sowach</span>.

=====================================

<a HREF="http://www.tumeric.net/" style="text-
decoration:none;">
<font color="#0000ff"
      onMouseOver="this.style.backgroundColor = '#cccccc'"
      onMouseOut="this.style.backgroundColor = '#ffffff'"
      title="Kliknij tutaj!">The Tumeric Partnership</font></a>

=====================================

function item(parent, text, depth) {
   this.parent = parent 
   this.text = text 
   this.depth = depth 
}

=====================================

outline = new makeArray(6) 

outline[0] = new item(true, 'SimplytheBest.net', 0)
outline[1] = new item(false, '<A HREF="shareware.html">Programy typu shareware i freeware</A>', 1)
outline[2] = new item(true, 'Skrypty', 1)
outline[3] = new item(false, '<A HREF="javascripts/dhtml_scripts.html">Skrypty DHTML</A>', 2)
outline[4] = new item(false, '<A HREF="cgiscripts/cgiscripts.html">Skrypty CGI</A>', 2)
outline[5] = new item(false, '<A 
HREF="info/index.html">Biblioteka informacji</A>', 1)

=====================================


