Strona główna
Funkcja skryptuOpis skryptuskrypt
Animacja ładowania strony "Skrypt na początku wyświetla 2 div'y przyciemniający strone oraz div z animacją ładowania, następnie oczekuje na pełne załadowanie strony aby wyłączyć pasek ładowania po poprawnym załadowaniu naszej strony."
html> head>
meta http-equiv="Content-Type" content="text/html; charset=utf-8">
script type="text/javascript" src="jquery-1.4.1-min.js"> /script>
style type="text/css">
.przyciemnienie{
position:absolute;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
opacity: .6;
filter: alpha(opacity=60);
background:#FFFFFF;
width:100%;
height:100%;
z-index:9998;
}
.loading{
position:absolute;
width:300px;
height:100px;
background: #fff;
border: #E0E0E0 solid 1px;
vertical-align:middle;
text-align:center;
left: 50%;
margin-left:-150px;
z-index:9999;
top:150px;
padding-top:50px;
}
/style>
/head>
body>
div id="przyciemnienie" class="przyciemnienie"> /div>
div id="loading" class="loading">img src="nasz_loading.gif" alt="" /> /div>
Tutaj zawartość naszej strony....
a href="link_do_podstrony" class="loadingOn">Jakiś link /a>
script type="text/javascript" charset="utf-8">
$.prettyLoader();
$(document).ready(function(){
// Po poprawnym załadowaniu strony wyłącza przyciemnienie
$("#przyciemnienie").fadeOut('normal');
// Po poprawnym załadowaniu strony wyłącza loading
$("#loading").fadeOut('normal');
//Po kliknięciu w link z clasą loadingOn uruchamia loading
$('.loadingOn').click(function() {
$("#przyciemnienie").fadeIn('normal');
$("#loading").fadeIn('normal');
});
});
/script>
/body>
/html>
Ostatnia modyfikacja strony"Skrypt przedstawiający datę ostatniej modyfikacji strony"
script language="JavaScript" type="text/javascript">

// last modified script by Bernhard Friedrich; should work in all browsers
var a;
a=new Date(document.lastModified);
lm_year=a.getYear();
if (lm_year<1000){if (lm_year<70){lm_year=2000+lm_year;}
else lm_year=1900+lm_year;} lm_month=a.getMonth()+1;
if (lm_month<10){lm_month='0'+lm_month;} lm_day=a.getDate();
if (lm_day<10){lm_day='0'+lm_day;} lm_hour=a.getHours();
if (lm_hour<10){lm_hour='0'+lm_hour;} lm_minute=a.getMinutes();
if (lm_minute<10){lm_minute='0'+lm_minute;} lm_second=a.getSeconds();
if (lm_second<10){lm_second='0'+lm_second;}
document.write("Ostatnia modyfikacja:
" + lm_day+'.'+lm_month+'.'+lm_year+'  '+lm_hour+':'+lm_minute+':'+lm_second);
/script>
Dynamiczne menuPłynne przejścia grafiki z aktywnymi odsyłaczami

Sekcja HEAD:


script language="JavaScript1.2">
function reapply(){
setTimeout("slideit()",2000)
return true
}
window.onerror=reapply
var image1=new Image()
image1.src="1.jpg"
var image2=new Image()
image2.src="2.jpg"
var image3=new Image()
image3.src="3.jpg"
/script>

Sekcja BODY:


body onLoad="slideit()" bgcolor="#A8A8FF">
h2 align="center">Płynne przej¶cia grafiki z aktywnymi odsyłaczami/h2>
div align="center">
center>
table border="0" cellpadding="0" cellspacing="0" width="100">
tr>
td>
a href="javascript:slidelink()"> img src="3.jpg" name="slide" border=0 style="filter:blendTrans(duration=3)" width="208" height="292"> /a>
script>
var number_of_images=3
var speed=2
var step=1
var whichimage=1
function slideit(){
if (!document.images)
return
if (document.all)
slide.filters.blendTrans.apply()
document.images.slide.src=eval("image"+step+".src")
if (document.all)
slide.filters.blendTrans.play()
whichimage=step
if (stepstep++
else
step=1
if (document.all)
setTimeout("slideit()",speed*1000+3000)
else
setTimeout("slideit()",speed*1000)
}
function slidelink(){
if (whichimage==1)
window.location="http://www.onet.pl"
else if (whichimage==2)
window.location="http://www.wp.pl"
else if (whichimage==3)
window.location="http://www.js-service.pl"
}
script>
/td>
/tr>
/table>
/center>
/div>
Kalendarz z wyróżnionym dniem"...kalendarz wyświetla miesiąc, wyróżniając czerwonym kolorem bieżący dzień."
SCRIPT LANGUAGE="JavaScript">
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=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;sdocument.write(" td> /td>");
}
count=1;
while (count <= monthdays[thismonth]) {
for (b = startspaces;b<7;b++) {
linktrue=false;
document.write(" td>");
for (c=0;cif (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>");
SCRIPT>
Blokada prawego przycisku myszy"Dzięki zablokowaniu prawego przycisku na naszej stronie zabezpieczymy się przed kradzieżą np. grafiki z naszej strony."
// LISTING 1.0
META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1250">
/HEAD>
SCRIPT language="javascript" type="text/javascript">
!-- Ukrycie przed przeglądarkami nie obsługującymi JavaScriptów
var MSIE = navigator.appName == "Microsoft Internet Explorer"?true:false;
var NN = navigator.appName == "Netscape"?true:false;
function blockMouseClick(evt)
{
if(MSIE && (event.button == 2)){
alert("Blokada prawego przycisku myszy");
return false;
}
else if(NN && ((evt.which == 2) || (evt.which == 3))){
alert("Blokada prawego przycisku myszy");
return false;
}
}
document.onmousedown=blockMouseClick;
// Koniec kodu JavaScript -->
/SCRIPT>
BODY oncontextmenu="return false">
H1> CENTER>Treść strony /H1> /CENTER>