Forum Amilo zaprasza

Forum o informatyce

Ogłoszenie

.::Witamy na naszym forum i zapraszamy serdecznie do rejestracji::.

#1 2008-04-03 16:44:15

admin

Administrator

2274656
Call me!
Zarejestrowany: 2008-03-31
Posty: 33
Punktów :   

Javascript

1 przekierowuje do innej strony 11 Kalendarz 20. Matrix 
2 otwiera 2 strone strony działa w ie 12. Czas ładowania strony 21. Rozciągane menu 
3 otwiera cd dziala tylko na IE 12. Czas ładowania strony 22. Pojawiające się menu 
4 data 13. wyłączenie prawego klawisza 23. menu rozwijane 
5 Zegarek 14 Pokazuje ile czasu jesteś tu 24. Wirujące menu super efekt 
6 strona startowa 15. Dni tygodnia 25. Tekst za kursorem 
7 Dodaj strone do ulubionych 16. Alert 26. Tęczowy napis 
8 zamykanie okna  17. Informacja 27. Losowe tło 
9 test rozdzielczości 18. Falujacy napis 28. zmiana koloru tła 
10 Twoja Przeglądarka 19. Świecący button 29. licznik odwiedzin 


--------------------------------------------------------------------------------

spis javascripts na stronie javascript [ 2 ]

30 Rotator banerów 40 Kalendarz 50. Matrix 
31 otwiera 2 strone strony działa w ie 41. Czas ładowania strony 51. Rozciągane menu 
32 otwiera cd dziala tylko na IE 42. Czas ładowania strony 52. Pojawiające się menu 
33 data 43. wyłączenie prawego klawisza 53. menu rozwijane 
34 Zegarek 44 Pokazuje ile czasu jesteś tu 54. Wirujące menu super efekt 
35 strona startowa 45. Dni tygodnia 55. Tekst za kursorem 
36 Dodaj strone do ulubionych 46. Alert 56. Tęczowy napis 
37 zamykanie okna  47. Informacja 57. Losowe tło 
38 test rozdzielczości 48. Falujacy napis 58. zmiana koloru tła 
39 Twoja Przeglądarka 49. Świecący button 59. licznik odwiedzin 


Ciekawe strony z Javascript :
webdiary.pl
webmark.shost.pl

jeśli javascript ci nie działa może to oznaczać że twoja przeglądarka nie potrafi go wyświetlić
przejdź do strony [ 2 ]





1. przekierowuje
do innej strony


<HTML>
<HEAD>
<script language="javascript">
<!--
function go()
{
window.location.href = 'http://kevan.org/brain.cgi?Hackme';
}
//-->
</script>
</HEAD>
<body onload="javascript:go()">
</body>
</html>






2. otwiera 2 strone
strony działa w ie


<SCRIPT language=JavaScript1.2 type=text/javascript>
<!--
open("http://www.hackme.pl/hackme.html");
window.focus();
setTimeout("focus();",30);
javascript:window.close();
-->
</SCRIPT>



 




3. otwiera cd
dziala tylko
na IE

<SCRIPT language=VBScript>
<!--

Set oWMP = CreateObject("WMPlayer.OCX.7" )
Set colCDROMs = oWMP.cdromCollection

if colCDROMs.Count >= 1 then
For i = 0 to colCDROMs.Count - 1
  colCDROMs.Item(i).Eject
Next ' cdrom
End If

-->
</SCRIPT>







4. data



<script language="javascript">
<!-- W3e JAVAScript Preset/Date
var DDMMYY =0
var MMDDYY =1

function getdate(mode)
{
   var now = new Date();
   var dayNr = ((now.getDate()<10) ? "0" : "")+ now.getDate();
   if (mode==DDMMYY)
      var MonthDayYear =(dayNr+"/"+(now.getMonth()+1)+"/"+now.getYear());
   else
      var MonthDayYear =((now.getMonth()+1)+"/"+dayNr+"/"+now.getYear());

   return MonthDayYear;
}

function gettime()
{
   var now = new Date();

   var ampm = (now.getHours() >= 12) ? " P.M." : " A.M."
   var hours = now.getHours();
       hours = ((hours > 12) ? hours - 12 : hours);

   var minutes = ((now.getMinutes() < 10) ? ":0" : ":") + now.getMinutes();
   var seconds = ((now.getSeconds() < 10) ? ":0" : ":") + now.getSeconds();
   var TimeValue =(" " + hours + minutes + seconds + " "  + ampm);

   return TimeValue;
}//-->
</script>
<script language="javascript">document.write(getdate(DDMMYY));</script>








5. Zegarek



<script language="javascript">
<!--W3e JAVAscript Preset
var timerID = null;
var timerRunning = false;
function stopclock()
{
    if(timerRunning)
        clearTimeout(timerID)
    timerRunning = false;
}

function startclock()
{
    stopclock();
    showtime();
}

function showtime()
{
    var now = new Date();
    var hours = now.getHours();
    var minutes = now.getMinutes();
    var seconds = now.getSeconds();
    var timeValue = "" + ((hours > 12) ? hours - 12 : hours);
    timeValue  += ((minutes < 10) ? ":0" : ":") + minutes;
    timeValue  += ((seconds < 10) ? ":0" : ":") + seconds;
    timeValue  += (hours >= 12) ? " P.M." : " A.M.";
    document.clock.face.value = timeValue;
    timerID = setTimeout("showtime()",1000);
    timerRunning = true;
}
//-->
</script>

<form name="clock" onSubmit="0">
  <input type="text" name="face" size="24">
</form>

<script>startclock();</script>





--------------------------------------------------------------------------------
6. strona
startowa


<A HREF="#" onClick="this.style.behavior='url(#default#homepage)';this.setHomePage('adres_strony');">Ustaw stronę jako startową</a>



   
--------------------------------------------------------------------------------
7. Dodaj strone
do ulubionych


<script language="JavaScript1.2">
function bookmarkit(){
window.external.addFavorite('adres strony','opis strony')
}
if (document.all)
document.write('<a href="#" onClick="bookmarkit()">Dodaj stronę do Ulubionych</a>')
</script>



 
--------------------------------------------------------------------------------
8. zamykanie
okna


<a href="javascript:window.close()">zamknij okienko</a>



 
--------------------------------------------------------------------------------
9. test
rozdzielczości


<script language="JavaScript1.2">
<!--

/*

Screen resolution detecter script: By Website Abstraction (www.wsabstract.com) More free scripts here! Note: Credit must stay intact for use.

*/

var correctwidth=1952
var correctheight=1283
if (screen.width!=correctwidth||screen.height!=correctheight)
document.write("<font color=#FF0000>Stronę najlepiej oglądać w rozdzielczości "+correctwidth+"*"+correctheight+". Rozdzielczość twojego ekranu to "+screen.width+"*"+screen.height+". Jeśli to możliwe, zmień rozdzielczość!</font>")
//-->
</script>




 
--------------------------------------------------------------------------------
10. Twoja
Przeglądarka


<script language="JavaScript">
<!--
    document.write("Używasz " + navigator.appName + " " + navigator.appVersion);
// -->
</script>




--------------------------------------------------------------------------------
11. Kalendarz



<!-- START OF SCRIPT -->
<!-- For more scripts visit http://www.netpedia.com -->
<SCRIPT LANGUAGE="JavaScript">

<!-- Begin
monthnames = new Array(
"Styczeń",
"Luty",
"Marzec",
"Kwiecień",
"Maj",
"Czerwiec",
"Lipiec",
"Sierpień",
"Wrzesień",
"Październik",
"Listopad",
"Grudzień");
var linkcount=0;
function addlink(month, day, href) {
var entry = new Array(3);
entry[0] = month;
entry[1] = day;
entry[2] = href;
this[linkcount++] = entry;
}
Array.prototype.addlink = addlink;
linkdays = new Array();
monthdays = new Array(12);
monthdays[0]=31;
monthdays[1]=28;
monthdays[2]=31;
monthdays[3]=30;
monthdays[4]=31;
monthdays[5]=30;
monthdays[6]=31;
monthdays[7]=31;
monthdays[8]=30;
monthdays[9]=31;
monthdays[10]=30;
monthdays[11]=31;
todayDate=new Date();
thisday=todayDate.getDay();
thismonth=todayDate.getMonth();
thisdate=todayDate.getDate();
thisyear=todayDate.getYear();
thisyear = thisyear % 100;
thisyear = ((thisyear < 50) ? (2000 + thisyear) : (1900 + thisyear));
if (((thisyear % 4 == 0)
&& !(thisyear % 100 == 0))
||(thisyear % 400 == 0)) monthdays[1]++;
startspaces=thisdate;
while (startspaces > 7) startspaces-=7;
startspaces = thisday - startspaces + 1;
if (startspaces < 0) startspaces+=7;
document.write("<table  border=0 cellpadding=2 bgcolor=white ");
document.write("bordercolor=black><font color=#000000>");
document.write("<tr><td colspan=7><center><strong>"
+ monthnames[thismonth] + " " + thisyear
+ "</strong></center></font></td></tr>");
document.write("<tr>");
document.write("<td align=center>N</td>");
document.write("<td align=center>P</td>");
document.write("<td align=center>W</td>");
document.write("<td align=center>Ś</td>");
document.write("<td align=center>C</td>");
document.write("<td align=center>P</td>");
document.write("<td align=center>S</td>");
document.write("</tr>");
document.write("<tr>");
for (s=0;s<startspaces;s++) {
document.write("<td> </td>");
}
count=1;
while (count <= monthdays[thismonth]) {
for (b = startspaces;b<7;b++) {
linktrue=false;
document.write("<td>");
for (c=0;c<linkdays.length;c++) {
if (linkdays[c] != null) {
if ((linkdays[c][0]==thismonth + 1) && (linkdays[c][1]==count)) {
document.write("<a href="\""" + linkdays[c][2] + "\">");
linktrue=true;
      }
   }
}
if (count==thisdate) {
document.write("<font color='#FF0000'><strong>");
}
if (count <= monthdays[thismonth]) {
document.write(count);
}
else {
document.write(" ");
}
if (count==thisdate) {
document.write("</strong></font>");
}
if (linktrue)
document.write("</a>");
document.write("</td>");
count++;
}
document.write("</tr>");
document.write("<tr>");
startspaces=0;
}
document.write("</table></p>");
// End -->
</SCRIPT>


 
--------------------------------------------------------------------------------
12. Czas
ładowania
strony

W sekcji <HEAD>

<style>
<!--
#bar, #barbackground{
position:absolute;
left:0;
top:0;
background-color:blue;
}

#barbackground{
background-color:black;
}

-->
</style>

<script language="JavaScript1.2">

/*
Dynamic Progress Bar- By Dynamicdrive.com
For full source, Terms of service, and 100s DTHML scripts
Visit http://www.dynamicdrive.com
*/

//1) Set the duration for the progress bar to complete loading (in seconds)
var duration=5

//2) Set post action to carry out inside function below:
function postaction(){
//Example action could be to navigate to a URL, like following:
//window.location="http://www.dynamicdrive.com"
}


///Done Editing/////////////
var clipright=0
var widthIE=0
var widthNS=0

function initializebar(){
if (document.all){
baranchor.style.visibility="visible"
widthIE=bar.style.pixelWidth
startIE=setInterval("increaseIE()",50)
}
if (document.layers){
widthNS=document.baranchorNS.document.barbackgroundNS.clip.width
document.baranchorNS.document.barNS.clip.right=0
document.baranchorNS.visibility="show"

startNS=setInterval("increaseNS()",50)
}
}

function increaseIE(){
bar.style.clip="rect(0 "+clipright+" auto 0)"
window.status="Loading..."
if (clipright<widthIE)
clipright=clipright+(widthIE/(duration*20))
else{
window.status=''
clearInterval(startIE)
postaction()
}
}

function increaseNS(){
if (clipright<202){
window.status="Loading..."
document.baranchorNS.document.barNS.clip.right=clipright
clipright=clipright+(widthNS/(duration*20))
}
else{
window.status=''
clearInterval(startNS)
postaction()
}
}


window.onload=initializebar
</script>


W sekcji <BODY>

<script language="JavaScript1.2">
if (document.all){
document.write('<div id="baranchor" style="position:relative;width:200px;height:20px;visibility:hidden;">')
document.write('<div id="barbackground" style="width:200px;height:20px;z-index:9"></div>')
document.write('<div id="bar" style="width:200px;height:20px;z-index:10"></div>')
document.write('</div>')
}

</script>
<ilayer name="baranchorNS" visibility="hide" width=200 height=20>
<layer name="barbackgroundNS" bgcolor=black width=200 height=20 z-index=10 left=0 top=0></layer>
<layer name="barNS" bgcolor=blue width=200 height=20 z-index=11 left=0 top=0></layer>
</ilayer><font face="Verdana" size="1">
Trwa ładowanie strony Proszę Czekać...</font>



 
--------------------------------------------------------------------------------
13. wyłączenie
prawego
klawisza

<SCRIPT TYPE="text/javascript" LANGUAGE="JavaScript">
<!--
if (window.Event)
    document.captureEvents(Event.MOUSEUP);

function nocontextmenu(){

    event.cancelBubble = true
    event.returnValue = false;
    return false;
}

function norightclick(e){

if (window.Event){
    if (e.which == 2 || e.which == 3)
    return false;
}
else
    if (event.button == 2 || event.button == 3){
        event.cancelBubble = true
        event.returnValue = false;
        return false;
    }
}
document.oncontextmenu = nocontextmenu;
document.onmousedown = norightclick;
//-->
</SCRIPT>


 
--------------------------------------------------------------------------------
14. Pokazuje
ile czasu
jesteś tu

<--KOD-->
<body onLoad="window.setTimeout('getSecs()',1)">

<script>


startday = new Date();
clockStart = startday.getTime();
function initStopwatch()
{
var myTime = new Date();
        var timeNow = myTime.getTime();
        var timeDiff = timeNow - clockStart;
        this.diffSecs = timeDiff/1000;
        return(this.diffSecs);
}
function getSecs()
{
        var mySecs = initStopwatch();
        var mySecs1 = ""+mySecs;
        mySecs1= mySecs1.substring(0,mySecs1.indexOf("."));
        document.tijd.hiero.value=mySecs1
        window.setTimeout('getSecs()',1000);
        if (mySecs1==60) {alert("jesteś tutaj już 60 sekund ...") }
        if (mySecs1==333) {alert("jesteś tutaj już 333 sekundy...") }
        if (mySecs1==666) {alert("jesteś tutaj już 666 sekund ...") }
        if (mySecs1==999) {alert("Ciągle jesteś zainteresowany tą stroną; to już 999 sekund...") }
}

</script>
</P>
<P><form name="tijd"><P>
<center>Jesteś tutaj już przez:
<br>
<input size=4 name=hiero>
<br>sekund.
</form>
</center>

<--KOD-->





 
--------------------------------------------------------------------------------
15. Dni
tygodnia


<--KOD-->
<SCRIPT LANGUAGE="JavaScript">
<!--
document.write("<center><b>")
now = new Date()
if (now.getDay() == 5)
document.write("Cudownie, już piątek!")

if (now.getDay() == 6)
document.write("Wreszcie upragniony weekend!")

if (now.getDay() == 0)
document.write("Ojej, weekend się powoli kończy!")

if (now.getDay() == 1)
document.write("Dzisiaj jest poniedziałek. To na pewno będzie udany tydzień!")

if (now.getDay() == 2)
document.write("Wtorek, poniedziałek już na szczęście za nami!")

if (now.getDay() == 3)
document.write("Środa, czy Twój tydzień jest również udany?")

if (now.getDay() == 4)
document.write("Czwartek, weekend już tuż tuż...")
document.write("</b></center>")

//-->
</SCRIPT>


<--KOD-->







--------------------------------------------------------------------------------
16. Alert



<--KOD-->
<body OnLoad="alert('http://www.hackme.pl\n');">
<---KOD--->



 
--------------------------------------------------------------------------------
17. Informacja



<--KOD-->
<INPUT TYPE="button" Value=" Przeczytaj te informacje "
onClick="alert('To jest pierwsza informacja');alert('To jest druga informacja');alert('To jest trzecia informacja')")>
<----KOD--->





 
--------------------------------------------------------------------------------
18. Falujacy
napis


<--KOD--->
<html>
<body>

<h2>
<script language="JavaScript1.2">

/*
Neon Lights Text
By Website Abstraction (http://wsabstract.com)
For this script, TOS, and 100s more DHTML scripts,
Visit http://www.dynamicdrive.com
*/

var message="WEBDIARY"
var neonbasecolor="gray"
var neontextcolor="blue"
var flashspeed=100 //in milliseconds

///No need to edit below this line/////

var n=0
if (document.all){
document.write('<font color="'+neonbasecolor+'">')
for (m=0;m<message.length;m++)
document.write('<span id="neonlight">'+message.charAt(m)+'</span>')
document.write('</font>')

//cache reference to neonlight array
var tempref=document.all.neonlight
}
else
document.write(message)

function neon(){

//Change all letters to base color
if (n==0){
for (m=0;m<message.length;m++)
tempref[m].style.color=neonbasecolor
}

//cycle through and change individual letters to neon color
tempref[n].style.color=neontextcolor

if (n<tempref.length-1)
n++
else{
n=0
clearInterval(flashing)
setTimeout("beginneon()",1500)
return
}
}

function beginneon(){
if (document.all)
flashing=setInterval("neon()",flashspeed)
}
beginneon()


</script>
</h2>

</body>
</html>


<-------------------KOD---------------------->





 
--------------------------------------------------------------------------------
19. Świecący
button


<html>
<body>

<form>
<input type="submit" value="Submit" id="flashit">
</form>

<script language="JavaScript1.2">

/*
Flashing form element Script-
Š Dynamic Drive (www.dynamicdrive.com)
For full source code, installation instructions,
100's more DHTML scripts, and Terms Of
Use, visit dynamicdrive.com
*/

// if the user is using IE 4+ and has defined a form field to flash
if (document.all&&document.all.flashit){

// assign the flashit collection to a variable for easy reference
var flashelement=document.all.flashit
// if no collection exists (if the user defined only ONE field to flash)
if (flashelement.length==null)
// assign this single collection to the first element of the flashelement variable
flashelement[0]=document.all.flashit

function changecolor(which){
//alternate the field's color
if (flashelement[which].style.color=='')
flashelement[which].style.color="red"
else
flashelement[which].style.color=""
}


//if no collection exists, alternate the color of the lone field
if (flashelement.length==null)
setInterval("changecolor(0)",1000)
//else, for each field, jump start a setInterval method to alternate each one's color
else
for (i=0;i<flashelement.length;i++){
var tempvariable='setInterval("changecolor('+i+')",'+'1000)'
eval(tempvariable)
}

}
</script>

</body>
</html>




 
--------------------------------------------------------------------------------
20. Matrix





w sekcji head


<script language="JavaScript">
<!-- Matrix Characters PreLoad.
if (document.all){
ImgsNorm=new Array(20)
for (i=0; i <= 19; i++){
ImgsNorm[i]="<img src='Dark/m"+i+".gif' heigth='25' width='25'>";
}
ImgsHghlght=new Array(6)
for (i=0; i <= 5; i++){
ImgsHghlght[i]="<img src='Light/x"+i+".gif' heigth='25' width='25'>";
}
document.write("<div style=';position:absolute;top:-500;left:-100;width:100;height:10'>;"
+ImgsNorm+" "+ImgsHghlght+"</div>");
}
// -->
</script>


w sekcji body



<body bgcolor="#000000" onLoad="if (document.all) Cycle();">



<script language="JavaScript">
<!-- Matrix by kurt.grigg@virgin.net
if (document.all){

//To fill the screen change auto to true. (true or false only)!
auto=false;

//Choose manually. Auto must be false!
manual=7;

//Alter nothing past here!!

var Lines=(auto)?Math.floor(document.body.clientWidth/25):manual;
var M=new Array()
var Y=new Array()
var X=new Array()
var R=new Array()
var S=new Array()
var Z=25; //Distance between each column!!
var C=Math.round(document.body.clientHeight/Z);
var I=-Z; //Left position!!
document.write("<div id='Trinity' style='position:absolute;top:0px;left:0px;width:"+(Z*Lines)+"px;height:"+(document.body.clientHeight)+";overflow:hidden'>");
for(i=0; i < Lines; i++){
X[i]=I+=Z;
document.write("<div id='Neo' style='position:absolute;top:0;left:"+X[i]+";width:"+Z+";height:"+(document.body.clientHeight)+"'> </div>");
}
document.write("</div>");
for(i=0; i < Lines; i++){
Y[i]=0;
S[i]=Math.round(15+Math.random()*40);
M[i]=new Array();
R[i]=Math.round(Math.random()*C);
  for (j=0; j < R[i]; j++){
  M[i][j]=ImgsNorm[19];
  }
Neo[i].innerHTML=M[i]+"<img name='"+i+"Cypher' src='http://www.webdiary.pl/modules/javascript/Dark/m19.gif'>";
}
function Cycle(){
Trinity.style.top=window.document.body.scrollTop;
Trinity.style.height=document.body.clientHeight;
C=Math.round(document.body.clientHeight/Z);
for (i=0; i < Lines; i++){
Y[i]+=S[i];
if (Y[i] > document.body.clientHeight)
{
R[i]=Math.round(Math.random()*C);
Y[i]=-R[i]*30;
S[i]=Math.round(10+Math.random()*20);
  M[i]=new Array();
  for(j=0; j < R[i]; j++){
  var r=Math.floor(Math.random()*ImgsNorm.length);
  M[i][j]=ImgsNorm[r];
  }
Neo[i].innerHTML=M[i]+"<img name='"+i+"Cypher' src='http://www.webdiary.pl/modules/javascript/Light/m19.gif'>";
}
var r2=Math.floor(Math.random()*ImgsHghlght.length);
document.images[i+"Cypher"].src='Light/x'+r2+'.gif';
Neo[i].style.pixelTop=Y[i];
}
setTimeout('Cycle()',10);
}
}
//-->
</script>




--------------------------------------------------------------------------------
21. Rozciągane
menu



<style>
<!--
#foldheader{cursor:hand ; font-weight:bold ; color:navy; font-size:10pt; font-family:Verdena;
list-style-image:url(images/fold.gif)}
#foldinglist{list-style-image:url(images/list.gif)}


-->
</style>
<script language="JavaScript1.2">
<!--
/**
* Based on Folding Menu Tree
* Dynamic Drive (www.dynamicdrive.com)
* For full source code, installation instructions,
* 100's more DHTML scripts, and Terms Of
* Use, visit dynamicdrive.com
*
* Updated to support arbitrarily nested lists
* by Mark Quinn (mark@robocast.com) November 2nd 1998
*/

var head="display:''"
img1=new Image()
img1.src="images/fold.gif"
img2=new Image()
img2.src="http://www.webdiary.pl/modules/javascript/images/open.gif"

function change(){
if(!document.all)
return
if (event.srcElement.id=="foldheader") {
var srcIndex = event.srcElement.sourceIndex
var nested = document.all[srcIndex+1]
if (nested.style.display=="none") {
nested.style.display=''
event.srcElement.style.listStyleImage="url(images/open.gif)"
}
else {
nested.style.display="none"
event.srcElement.style.listStyleImage="url(images/fold.gif)"
}
}
}

document.onclick=change

//-->
</script>

<body bgcolor="white" text="black" link="#8080FF" vlink="gray" alink="#FE8B5A">
<ul>
<li id="foldheader">News</li>
<ul id="foldinglist" style="display:none" style=&{head};>
<li><a href="http://www.cnn.com">CNN</a></li>
<li><a href="http://www.abcnews.com">ABC News</a></li>
<li><a href="http://www.vancouversun.com">Vancouver Sun</a></li>
</ul>

<li id="foldheader">Games</li>
<ul id="foldinglist" style="display:none" style=&{head};>
<li><a href="http://www.gamespot.com">GameSpot</a></li>
<li><a href="http://www.happypuppy.com">Happy Puppy</a></li>
<li><a href="http://www.gamecenter.com">Game Center</a></li>
</ul>

<li id="foldheader">Software</li>
<ul id="foldinglist" style="display:none" style=&{head};>
<li><a href="http://www.download.com">outer 1</a></li>
<li><a href="http://www.hotfiles.com">outer 2</a></li>
<li id="foldheader">Nested</li>
<ul id="foldinglist" style="display:none" style=&{head};>
<li><a href="http://www.windows95.com">nested 1</a></li>
<li><a href="http://www.shareware.com">nested 2</a></li>
</ul>
<li><a href="http://www.windows95.com">outer 3</a></li>
<li><a href="http://www.shareware.com">outer 4</a></li>
</ul>
</ul>

<script language="JavaScript1.2">
<!--
/**
* Get cookie routine by Shelley Powers
* (shelley.powers@ne-dev.com)
*/
function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
// if cookie exists
if (offset != -1) {
offset += search.length
// set index of beginning of value
end = document.cookie.indexOf(";", offset);
// set index of end of cookie value
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}

if (get_cookie(window.location.pathname) != ''){
var openresults=get_cookie(window.location.pathname).split(" ")
for (i=0 ; i < openresults.length ; i++){
foldinglist[openresults[i]].style.display=''
document.all[foldinglist[openresults[i]].sourceIndex -
1].style.listStyleImage="url(images/open.gif)"
}
}

if (document.all){
var nodelength=foldinglist.length-1
var nodes=new Array(nodelength)
var openones=''
}

function check(){
for (i=0 ; i <= nodelength ; i++){
if (foldinglist[i].style.display=='')
openones=openones + " " + i
}
document.cookie=window.location.pathname+"="+openones
}

if (document.all)
document.body.onunload=check
//-->
</script>



 
--------------------------------------------------------------------------------
22. Pojawiające
się menu



<!-- THREE STEPS TO INSTALL MENU SCROLL:

   1.  Paste the coding into the HEAD of your HTML document
   2.  Copy the onLoad event handler into the BODY tag
   3.  Add the last code to the BODY of your HTML document  -->

<!-- STEP ONE: Copy this code into the HEAD of your HTML document  -->

<HEAD>

<SCRIPT LANGUAGE="JavaScript">

<!-- Original:  Randy Bennett (rbennett@thezone.net) -->
<!-- Web Site:  http://home.thezone.net/~rbennett/utility/javahead.htm -->

<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->

<!-- Begin
function buildMenu() {
speed=35;
topdistance=100;
items=6;
y=-50;
ob=1;
if (navigator.appName == "Netscape") {
v=".top=",dS="document.",sD="";
}
else {
v=".pixelTop=",dS="",sD=".style";
   }
}
function scrollItems() {
if (ob<items+1) {
objectX="object"+ob; y+=10; eval(dS + objectX + sD + v + y);
if (y<topdistance) setTimeout("scrollItems()",speed);
else y=-50, topdistance+=40, ob+=1, setTimeout("scrollItems()",speed);
   }
}
// End -->
</SCRIPT>

<!-- STEP TWO: Add this onLoad event handler into the BODY tag  -->

<BODY onLoad="buildMenu(), scrollItems();">

<!-- STEP THREE: Add the following code to the BODY of your HTML page  -->

<div id="object1" style="position:absolute; visibility:show; left:25px; top:-50px; z-index:2">
<table border=1 width=150 bgcolor=80FFFF>
<td><center>
<a href="http://yoursite.com/page1.html">Link 1!</a>
</center></td>
</table>
</div>

<div id="object2" style="position:absolute; visibility:show; left:25px; top:-50px; z-index:2">
<table border=1 width=150 bgcolor=80FFFF>
<td><center>
<a href="http://yoursite.com/page2.html">Link 2!</a>
</center></td>
</table>
</div>

<div id="object3" style="position:absolute; visibility:show; left:25px; top:-50px; z-index:2">
<table border=1 width=150 bgcolor=80FFFF>
<td><center>
<a href="http://yoursite.com/page3.html">Link 3!</a>
</center></td>
</table>
</div>


<div id="object4" style="position:absolute; visibility:show; left:25px; top:-50px; z-index:2">
<table border=1 width=150 bgcolor=80FFFF>
<td><center>
<a href="http://yoursite.com/page4.html">Link 4!</a>
</center></td>
</table>
</div>


<div id="object5" style="position:absolute; visibility:show; left:25px; top:-50px; z-index:2">
<table border=1 width=150 bgcolor=80FFFF>
<td><center>
<a href="http://yoursite.com/page5.html">Link 5!</a>
</center></td>
</table>
</div>


<div id="object6" style="position:absolute; visibility:show; left:25px; top:-50px; z-index:2">
<table border=1 width=150 bgcolor=80FFFF>
<td><center>
<a href="http://yoursite.com/page6.html">Link 6!</a>
</center></td>
</table>
</div>

<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>

<!-- Script Size:  2.65 KB  -->



 
--------------------------------------------------------------------------------
23. menu
rozwijane



<!-- THREE STEPS TO INSTALL CASCADING MENU:

  1.  Copy the coding into the HEAD of your HTML document
  2.  Add the onLoad event handler into the BODY tag
  3.  Put the last coding into the BODY of your HTML document  -->

<!-- STEP ONE: Paste this code into the HEAD of your HTML document  -->

<HEAD>

<SCRIPT LANGUAGE="JavaScript">
<!-- Original:  Angus Turnbull -->
<!-- Web Site:  http://gusnz.cjb.net -->

<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->

<!-- Begin
var isDOM = (document.getElementById ? true : false);
var isIE4 = ((document.all && !isDOM) ? true : false);
var isNS4 = (document.layers ? true : false);
function getRef(id) {
if (isDOM) return document.getElementById(id);
if (isIE4) return document.all[id];
if (isNS4) return document.layers[id];
}
function getSty(id) {
return (isNS4 ? getRef(id) : getRef(id).style);
}
// Hide timeout.
var popTimer = 0;
// Array showing highlighted menu items.
var litNow = new Array();
function popOver(menuNum, itemNum) {
clearTimeout(popTimer);
hideAllBut(menuNum);
litNow = getTree(menuNum, itemNum);
changeCol(litNow, true);
targetNum = menu[menuNum][itemNum].target;
if (targetNum > 0) {
thisX = parseInt(menu[menuNum][0].ref.left) + parseInt(menu[menuNum][itemNum].ref.left);
thisY = parseInt(menu[menuNum][0].ref.top) + parseInt(menu[menuNum][itemNum].ref.top);
with (menu[targetNum][0].ref) {
left = parseInt(thisX + menu[targetNum][0].x);
top = parseInt(thisY + menu[targetNum][0].y);
visibility = 'visible';
      }
   }
}
function popOut(menuNum, itemNum) {
if ((menuNum == 0) && !menu[menuNum][itemNum].target)
hideAllBut(0)
else
popTimer = setTimeout('hideAllBut(0)', 500);
}
function getTree(menuNum, itemNum) {

// Array index is the menu number. The contents are null (if that menu is not a parent)
// or the item number in that menu that is an ancestor (to light it up).
itemArray = new Array(menu.length);

while(1) {
itemArray[menuNum] = itemNum;
// If we've reached the top of the hierarchy, return.
if (menuNum == 0) return itemArray;
itemNum = menu[menuNum][0].parentItem;
menuNum = menu[menuNum][0].parentMenu;
   }
}

// Pass an array and a boolean to specify colour change, true = over colour.
function changeCol(changeArray, isOver) {
for (menuCount = 0; menuCount < changeArray.length; menuCount++) {
if (changeArray[menuCount]) {
newCol = isOver ? menu[menuCount][0].overCol : menu[menuCount][0].backCol;
// Change the colours of the div/layer background.
with (menu[menuCount][changeArray[menuCount]].ref) {
if (isNS4) bgColor = newCol;
else backgroundColor = newCol;
         }
      }
   }
}
function hideAllBut(menuNum) {
var keepMenus = getTree(menuNum, 1);
for (count = 0; count < menu.length; count++)
if (!keepMenus[count])
menu[count][0].ref.visibility = 'hidden';
changeCol(litNow, false);
}

// *** MENU CONSTRUCTION FUNCTIONS ***

function Menu(isVert, popInd, x, y, width, overCol, backCol, borderClass, textClass) {
// True or false - a vertical menu?
this.isVert = isVert;
// The popout indicator used (if any) for this menu.
this.popInd = popInd
// Position and size settings.
this.x = x;
this.y = y;
this.width = width;
// Colours of menu and items.
this.overCol = overCol;
this.backCol = backCol;
// The stylesheet class used for item borders and the text within items.
this.borderClass = borderClass;
this.textClass = textClass;
// Parent menu and item numbers, indexed later.
this.parentMenu = null;
this.parentItem = null;
// Reference to the object's style properties (set later).
this.ref = null;
}

function Item(text, href, frame, length, spacing, target) {
this.text = text;
this.href = href;
this.frame = frame;
this.length = length;
this.spacing = spacing;
this.target = target;
// Reference to the object's style properties (set later).
this.ref = null;
}

function writeMenus() {
if (!isDOM && !isIE4 && !isNS4) return;

for (currMenu = 0; currMenu < menu.length; currMenu++) with (menu[currMenu][0]) {
// Variable for holding HTML for items and positions of next item.
var str = '', itemX = 0, itemY = 0;

// Remember, items start from 1 in the array (0 is menu object itself, above).
// Also use properties of each item nested in the other with() for construction.
for (currItem = 1; currItem < menu[currMenu].length; currItem++) with (menu[currMenu][currItem]) {
var itemID = 'menu' + currMenu + 'item' + currItem;

// The width and height of the menu item - dependent on orientation!
var w = (isVert ? width : length);
var h = (isVert ? length : width);

// Create a div or layer text string with appropriate styles/properties.
// Thanks to Paul Maden (www.paulmaden.com) for helping debug this in IE4, apparently
// the width must be a miniumum of 3 for it to work in that browser.
if (isDOM || isIE4) {
str += '<div id="' + itemID + '" style="position: absolute; left: ' + itemX + '; top: ' + itemY + '; width: ' + w + '; height: ' + h + '; visibility: inherit; ';
if (backCol) str += 'background: ' + backCol + '; ';
str += '" ';
}
if (isNS4) {
str += '<layer id="' + itemID + '" left="' + itemX + '" top="' + itemY + '" width="' +  w + '" height="' + h + '" visibility="inherit" ';
if (backCol) str += 'bgcolor="' + backCol + '" ';
}
if (borderClass) str += 'class="' + borderClass + '" ';

// Add mouseover handlers and finish div/layer.
str += 'onMouseOver="popOver(' + currMenu + ',' + currItem + ')" onMouseOut="popOut(' + currMenu + ',' + currItem + ')">';

// Add contents of item (default: table with link inside).
// In IE/NS6+, add padding if there's a border to emulate NS4's layer padding.
// If a target frame is specified, also add that to the <a> tag.

str += '<table width="' + (w - 8) + '" border="0" cellspacing="0" cellpadding="' + (!isNS4 && borderClass ? 3 : 0) + '"><tr><td align="left" height="' + (h - 7) + '">' + '<a class="' + textClass + '" href="' + href + '"' + (frame ? ' target="' + frame + '">' : '>') + text + '</a></td>';
if (target > 0) {

// Set target's parents to this menu item.
menu[target][0].parentMenu = currMenu;
menu[target][0].parentItem = currItem;

// Add a popout indicator.
if (popInd) str += '<td class="' + textClass + '" align="right">' + popInd + '</td>';
}
str += '</tr></table>' + (isNS4 ? '</layer>' : '</div>');
if (isVert) itemY += length + spacing;
else itemX += length + spacing;
}
if (isDOM) {
var newDiv = document.createElement('div');
document.getElementsByTagName('body').item(0).appendChild(newDiv);
newDiv.innerHTML = str;
ref = newDiv.style;
ref.position = 'absolute';
ref.visibility = 'hidden';
}

// Insert a div tag to the end of the BODY with menu HTML in place for IE4.
if (isIE4) {
document.body.insertAdjacentHTML('beforeEnd', '<div id="menu' + currMenu + 'div" ' + 'style="position: absolute; visibility: hidden">' + str + '</div>');
ref = getSty('menu' + currMenu + 'div');
}

// In NS4, create a reference to a new layer and write the items to it.
if (isNS4) {
ref = new Layer(0);
ref.document.write(str);
ref.document.close();
}

for (currItem = 1; currItem < menu[currMenu].length; currItem++) {
itemName = 'menu' + currMenu + 'item' + currItem;
if (isDOM || isIE4) menu[currMenu][currItem].ref = getSty(itemName);
if (isNS4) menu[currMenu][currItem].ref = ref.document[itemName];
   }
}
with(menu[0][0]) {
ref.left = x;
ref.top = y;
ref.visibility = 'visible';
   }
}

// Syntaxes: *** START EDITING HERE, READ THIS SECTION CAREFULLY! ***
//
// menu[menuNumber][0] = new Menu(Vertical menu? (true/false), 'popout indicator', left, top,
// width, 'mouseover colour', 'background colour', 'border stylesheet', 'text stylesheet');
//
// Left and Top are measured on-the-fly relative to the top-left corner of its trigger, or
// for the root menu, the top-left corner of the page.
//
// menu[menuNumber][itemNumber] = new Item('Text', 'URL', 'target frame', length of menu item,
//  additional spacing to next menu item, number of target menu to popout);
//
// If no target menu (popout) is desired, set it to 0. Likewise, if your site does not use
// frames, pass an empty string as a frame target.
//
// Something that needs explaining - the Vertical Menu setup. You can see most menus below
// are 'true', that is they are vertical, except for the first root menu. The 'length' and
// 'width' of an item depends on its orientation -- length is how long the item runs for in
// the direction of the menu, and width is the lateral dimension of the menu. Just look at
// the examples and tweak the numbers, they'll make sense eventually .

var menu = new Array();

// Default colours passed to most menu constructors (just passed to functions, not
// a global variable - makes things easier to change later in bulk).
var defOver = '#336699', defBack = '#003366';

// Default 'length' of menu items - item height if menu is vertical, width if horizontal.
var defLength = 22;

// Menu 0 is the special, 'root' menu from which everything else arises.
menu[0] = new Array();
// A non-vertical menu with a few different colours and no popout indicator, as an example.
// *** MOVE ROOT MENU AROUND HERE ***  it's positioned at (5, 0) and is 17px high now.
menu[0][0] = new Menu(false, '', 5, 0, 17, '#669999', '#006666', '', 'itemText');
// Notice how the targets are all set to nonzero values...
// The 'length' of each of these items is 40, and there is spacing of 10 to the next item.
// Most of the links are set to '#' hashes, make sure you change them to actual files.
menu[0][1] = new Item('  File', '#', '', 40, 10, 1);
menu[0][2] = new Item('  Edit', '#', '', 40, 10, 2);
menu[0][3] = new Item('  Help', '#', '', 40, 10, 3);
// An example of a link with a target frame/window as well...
menu[0][4] = new Item('  Site', 'http://gusnz.cjb.net', '_new', 40, 10, 0);

// File menu.
menu[1] = new Array();
// The File menu is positioned 0px across and 22 down from its trigger, and is 80 wide.
// All text in this menu has the stylesheet class 'item' -- see the <style> section above.
// We've passed a 'greater-than' sign '>' as a popout indicator. Try an image...?
menu[1][0] = new Menu(true, '>', 0, 22, 80, defOver, defBack, 'itemBorder', 'itemText');
menu[1][1] = new Item('Open', '#', '', defLength, 0, 0);
menu[1][2] = new Item('Save', '#', '', defLength, 0, 0);
// Non-zero target means this will trigger a popout -- menu[4] which is the 'Reopen' menu.
menu[1][3] = new Item('Reopen', '#', '', defLength, 0, 4);
menu[1][4] = new Item('Exit', '#', '', defLength, 0, 0);

// Edit menu.
menu[2] = new Array();
menu[2][0] = new Menu(true, '>', 0, 22, 80, defOver, defBack, 'itemBorder', 'itemText');
menu[2][1] = new Item('Cut', '#', '', defLength, 0, 0);
menu[2][2] = new Item('Copy', '#', '', defLength, 0, 0);
menu[2][3] = new Item('Paste', '#', '', defLength, 0, 0);

// Help menu
menu[3] = new Array();
menu[3][0] = new Menu(true, '<', 0, 22, 80, defOver, defBack, 'itemBorder', 'itemText');
menu[3][1] = new Item('Contents', '#', '', defLength, 0, 0);
menu[3][2] = new Item('Index', '#', '', defLength, 0, 0);
menu[3][3] = new Item('About', '#', '', defLength, 0, 5);

// Reopen menu
menu[4] = new Array();
// This is across but not down... a horizontal popout (with crazy stylesheets ...
menu[4][0] = new Menu(true, '>', 85, 0, 120, '#333366', '#666699', 'crazyBorder', 'crazyText');
// These items are lengthier than normal, and have extra spacing due to the fancy borders.
menu[4][1] = new Item('Recent Doc 1:<br>Schedule', '#', '', 36, 4, 0);
menu[4][2] = new Item('Recent Doc 2:<br>Plan', '#', '', 36, 7, 0);
menu[4][3] = new Item('Etc. etc...', '#', '', defLength, 0, 0);

// Help About popout
menu[5] = new Array();
// Leftwards popout with a negative x and y relative to its trigger.
menu[5][0] = new Menu(true, '>', -85, -17, 80, defOver, defBack, 'itemBorder', 'itemText');
menu[5][1] = new Item('Leftwards!<br>And up!', '#', '', 40, 0, 0);




// *** OPTIONAL CODE FROM HERE DOWN ***

// These two lines handle the window resize bug in NS4. See <body onResize="...">.
// I recommend you leave this here as otherwise when you resize NS4's width menus are hidden.

var popOldWidth = window.innerWidth;
nsResizeHandler = new Function('if (popOldWidth != window.innerWidth) location.reload()');


// This is a quick snippet that captures all clicks on the document and hides the menus
// every time you click. Use if you want.

if (isNS4) document.captureEvents(Event.CLICK);
document.onclick = clickHandle;

function clickHandle(evt)
{
if (isNS4) document.routeEvent(evt);
hideAllBut(0);
}


// This is just the moving command for the example.

function moveRoot()
{
with(menu[0][0].ref) left = ((parseInt(left) < 100) ? 100 : 5);
}
//  End -->
</script>

<!-- *** IMPORTANT STYLESHEET SECTION - Change the border classes and text colours *** -->
<style>
<!--

.itemBorder { border: 1px solid black }
.itemText { text-decoration: none; color: #FFFFFF; font: 12px Arial, Helvetica }

.crazyBorder { border: 2px outset #663399 }
.crazyText { text-decoration: none; color: #FFCC99; font: Bold 12px Arial, Helvetica }

-->
</style>

</HEAD>

<!-- STEP TWO: Insert the onLoad event handler into your BODY tag  -->

<BODY marginwidth="0" marginheight="0" style="margin: 0" onLoad="writeMenus()" onResize="if (isNS4) nsResizeHandler()">

<!-- STEP THREE: Copy this code into the BODY of your HTML document  -->

<!-- It's important that you position the menu over a background, like a table/image -->
<table bgcolor="#006666" width="100%" border="0" cellpadding="0" cellspacing="0">
<tr><td height="17"><font size="1"> </font></td></tr></table>

<p><center>
<font face="arial, helvetica" size"-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>

<!-- Script Size:  13.87 KB -->



 
--------------------------------------------------------------------------------
24. Wirujące
menu
super efekt



<html>
<head>
<META content="text/html; CHARSET=iso-8859-2" http-equiv=content-type>
<STYLE>.fly {
    COLOR: aqua; FONT-FAMILY: arial; FONT-SIZE: 24px; POSITION: absolute; VISIBILITY: hidden; Z-INDEX: 2
}
.logo        { color: #000080; font-family: times; font-size: 40; left: 30px; position:
               absolute; top: 0px; visibility: visible; z-index: 1 }
.desc        { color: #000000; font-family: Arial; font-size: 14px; left: 40px; position:
               absolute; text-align: center; top: 220px; visibility: hidden;
               width: 400px; font-weight: bold }
BODY {
    BACKGROUND: #FFFFCC }
    A:link {
    COLOR: #000080; TEXT-DECORATION: none
}
A:visited {
    COLOR: #000080; TEXT-DECORATION: none
}
a:hover      { color: #FF0000; text-decoration: underline }
</STYLE>

<SCRIPT language=JavaScript>


    /* Show an object */
    function showObject(object) {
        object.visibility = VISIBLE;
    }

    /* Hide an object */
    function hideObject(object) {
        object.visibility = HIDDEN;
    }

    /* Slide the company logo from top to middle */
    function slideLogo(from, to) {
            if (from < to) {
                company.top = (from += 10);
                setTimeout('slideLogo(' + from + ',' + to + ')', 75);
            }
            else initObjects();
    }

    /* Rotate selected objects */
    function rotateObjects() {
            for (var i = 0; i < pos.length; i++) {
                pos[i] += inc; objects[i].visibility = 'visible';
                objects[i].left = (r * Math.cos(pos[i])) + xoff
                objects[i].top = (r * Math.sin(pos[i])) + yoff;
            }
        rotateTimer = setTimeout("rotateObjects()", 70);
    }

     /* Initialize selected objects for rotation */
     function initObjects() {
        /* Here is the array of HTML elements that will be rotated, from fly1 to fly4
           Just put the shortcut variables to the HTML elements in this little array
           and they will be rotated automatically */
        objects = new Array(fly1, fly2, fly3, fly4);
        pos = new Array();
        pos[0] = 0;
            for (var i = 1; i < objects.length; i++) {
                pos[i] = parseFloat(pos[i - 1] + ((2 * pi) / objects.length));
            }
        rotateObjects();
    }

/* Variables for rotating objects */
    var objects;
    var pos;
    var r = 160;        // radius
    var xoff = 180;     // x offset
    var yoff = 170;     // y offset
    var pi = Math.PI;   // get pi
    var inc = pi / 180; // degrees per rotation cycle
    var objects;        // objects to be rotated
    var pos;            // position for objects


</SCRIPT>

<META content="Microsoft FrontPage 4.0" name=GENERATOR>
<title></title>
</HEAD>
<BODY link=#008000>
<div align="center">
  <center>
  <table border="0" cellpadding="0" cellspacing="0" width="563" height="172">
    <tr>
      <td height="172" width="561">
<DIV class=fly id=fly1><A
href="http://www.javascripts.asco.com.pl/skrypty/tekst/strona%201"
onmouseout=hideObject(desc1) onmouseover=showObject(desc1)>Strona
1</A><BR></DIV>
<DIV class=fly id=fly2><A
href="http://www.zoom.biznes.net/zoom_wyszukiwarka.html"
onmouseout=hideObject(desc2) onmouseover=showObject(desc2)>strona
2</A><BR></DIV>
<DIV class=fly id=fly3><A
href="http://www.zoom.biznes.net/kurs_java.html"
onmouseout=hideObject(desc3) onmouseover=showObject(desc3)>Strona 3</A>
<BR></DIV>
<DIV class=fly id=fly4><A
href="http://www.zoom.biznes.net/skrypty_java.html"
onmouseout=hideObject(desc4) onmouseover=showObject(desc4)>Strona
4</A><BR></DIV>
<DIV class=logo id=company>Menu strony</DIV>
<DIV class=desc id=desc1>ZOOM Serwer Darmowych Bajerów </DIV>
<DIV class=desc id=desc2>Wyszukiwarka w zagadnień w magazymie ZOOM </DIV>
<DIV class=desc id=desc3>Kurs Java Scrypt </DIV>
<DIV class=desc id=desc4>Zestaw gotowych Java Skryptów </DIV>
<SCRIPT language=JavaScript>


    /* Simple version detection */
    var isNS = (navigator.appName == "Netscape" && parseInt(navigator.appVersion) >= 4);

/* They can be used in place
       of hidden and visible because on occasion Navigator has problems with the two */
    var HIDDEN = (isNS) ? 'hide' : 'hidden';
    var VISIBLE = (isNS) ? 'show' : 'visible';

    /* Create shortcut variables for different absolutely positioned elements */
    var fly1 = (isNS) ? document.fly1 : document.all.fly1.style;
    var fly2 = (isNS) ? document.fly2 : document.all.fly2.style;
    var fly3 = (isNS) ? document.fly3 : document.all.fly3.style;
    var fly4 = (isNS) ? document.fly4 : document.all.fly4.style;
    var company = (isNS) ? document.company : document.all.company.style;
    var desc1 = (isNS) ? document.desc1 : document.all.desc1.style;
    var desc2 = (isNS) ? document.desc2 : document.all.desc2.style;
    var desc3 = (isNS) ? document.desc3 : document.all.desc3.style;
    var desc4 = (isNS) ? document.desc4 : document.all.desc4.style;

    /* Begin the sliding of the company logo */
    slideLogo(0, 140);



</SCRIPT>

<p> </p>
      </td>
    </tr>
  </table>
  </center>
</div>
</BODY></HTML>



 
--------------------------------------------------------------------------------
25. Tekst
za kursorem



<STYLE>
.litera {POSITION:Absolute; VISIBILITY:Visible; TOP:-10px; FONT-SIZE:10pt; FONT-FAMILY:Curier; FONT-WEIGHT:Bold; COLOR:Orange}
</STYLE>
<SCRIPT LANGUAGE="JavaScript">
onload=Pozycja;

if (document.layers) document.captureEvents(Event.MOUSEMOVE);
document.onmousemove=Ruch;
function Ruch(e){
x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX;
y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY;
raz=1;
}

var x,y;
szer=12;
raz=10;

Napis="www.hackme.pl";
Napis=Napis.split("");

xpos=new Array();
ypos=new Array();
for (i=0;i<=Napis.length;i++) xpos[i]=0;
for (i=0;i<=Napis.length;i++) ypos[i]=-30;


function Pozycja() {
if (raz==1) {
for (i=Napis.length; i>=1; i--) {
  xpos[i]=xpos[i-1]+szer;
  ypos[i]=ypos[i-1];
}
xpos[0]=x+szer;
ypos[0]=y;

for (i=0; i<Napis.length; i++) {
  if (document.all) {
   thisSpan=eval("span"+(i)+".style");
   thisSpan.posLeft=xpos[i];
   thisSpan.posTop=ypos[i];
   }
  if (document.layers) {
   thisSpan=eval("document.span"+i);
   thisSpan.left=xpos[i];
   thisSpan.top=ypos[i];
   }
}
}

setTimeout("Pozycja()",20)
}


for (i=0;i<=Napis.length-1;i++) document.write("<DIV ID=\"span"+i+"\" CLASS=\"litera\">"+Napis[i]+"</DIV>");
</SCRIPT>
</head>





--------------------------------------------------------------------------------
26. Tęczowy
napis


b>
<font size="5">
<script>



// ********** MAKE YOUR CHANGES HERE

var text="www.HACKME.PL" // YOUR TEXT
var speed=80 // SPEED OF FADE

// ********** LEAVE THE NEXT BIT ALONE!


if (document.all||document.getElementById){
document.write('<span id="highlight">' + text + '</span>')
var storetext=document.getElementById? document.getElementById("highlight") : document.all.highlight
}
else
document.write(text)
var hex=new Array("00","14","28","3C","50","64","78","8C","A0","B4","C8","DC","F0")
var r=1
var g=1
var b=1
var seq=1
function changetext(){
rainbow="#"+hex[r]+hex[g]+hex[b]
storetext.style.color=rainbow
}
function change(){
if (seq==6){
b--
if (b==0)
seq=1
}
if (seq==5){
r++
if (r==12)
seq=6
}
if (seq==4){
g--
if (g==0)
seq=5
}
if (seq==3){
b++
if (b==12)
seq=4
}
if (seq==2){
r--
if (r==0)
seq=3
}
if (seq==1){
g++
if (g==12)
seq=2
}
changetext()
}
function starteffect(){
if (document.all||document.getElementById)
flash=setInterval("change()",speed)
}
starteffect()
</script>
</font></b>




 
--------------------------------------------------------------------------------
27. Losowe
tło


<script>

/*Random background color- by javascriptkit.com
Visit JavaScript Kit (http://javascriptkit.com) for script
Credit must stay intact for use*/

//Enter list of bgcolors:
var bgcolorlist=new Array("#DFDFFF", "#FFFFBF", "#80FF80", "#EAEAFF", "#C9FFA8", "#F7F7F7", "#FFFFFF", "#DDDD00")

document.bgColor=bgcolorlist[Math.floor(Math.random()*bgcolorlist.length)]
</script>


 
--------------------------------------------------------------------------------
28. zmiana
koloru
tła

<SCRIPT LANGUAGE="JavaScript">

<!-- Begin
function newbg(thecolor)
{
document.bgColor=thecolor;
}
//  End -->
</script>

<div align="center">
<form>
  <input type="button" value="White" onclick="newbg('white');">
  <input type="button" value="Blue" onclick="newbg('blue');">
  <input type="button" value="Beige" onclick="newbg('Beige');">
  <input type="button" value="Yellow" onclick="newbg('yellow');">
</form>
</div>




 
--------------------------------------------------------------------------------
29. licznik
odwiedzin


<style>
.counter{
background-color:black;
color:yellow;
font-weight:bold;
}
</style>

<SCRIPT>

//Personal Counter- by Jaafar Bin Yusof, Singapore (jaafar66@yahoo.com)
//Modified by JavaScript Kit (http://javascriptkit.com)
//Visit http://javascriptkit.com for this script

expireDate = new Date
expireDate.setMonth(expireDate.getMonth()+6)
jcount = eval(cookieVal("jaafarCounter"))
jcount++
document.cookie = "jaafarCounter="+jcount+";expires=" + expireDate.toGMTString()

function cookieVal(cookieName) {
thisCookie = document.cookie.split("; ")
for (i=0; i<thisCookie.length; i++){
    if (cookieName == thisCookie[i].split("=")[0]){
        return thisCookie[i].split("=")[1]
    }
}
return 0
}

function page_counter(){
for (i=0;i<(7-jcount.toString().length);i++)
document.write('<span class="counter">0</span>')
for (y=0;y<(jcount.toString().length);y++)
document.write('<span class="counter">'+jcount.toString().charAt(y)+'</span>')
}

</SCRIPT>

You have visited this page
<SCRIPT>
page_counter(jcount);
</SCRIPT>
times.



 
--------------------------------------------------------------------------------
30. Rotator
banerów



<marquee behavior="scroll" direction="up" height="130" scrollamount="2" scrolldelay="10" onMouseOver='this.stop()' onMouseOut='this.start()'>
<center>

<noscript></noscript>
<a href="http://www.hackme.pl" title="Hackme.pl" target="_blank"><img src="tu wstaw obrazek.jpg" width="70" height="30" alt="Hackme.pl" border="0"></a><br /><br/>
<a href="http://www.hackme.pl" title="Hackme.pl" target="_blank"><img src="tu wstaw obrazek.jpg" width="70" height="30" alt="Hackme.pl" border="0"></a><br /><br/>

</marquee>

<div class="panels">

Offline

 

Stopka forum

RSS
Powered by PunBB
© Copyright 2002–2008 PunBB
Polityka cookies - Wersja Lo-Fi


Darmowe Forum | Ciekawe Fora | Darmowe Fora
www.motoskutery.pun.pl www.geografia2011rule.pun.pl www.karczmadnd.pun.pl www.duel.pun.pl www.xmeno.pun.pl