Copy Link

Add to Bookmark

Report

JAVASCRIPT (parte I)

eZine lover (@eZine)

Published in

bakunin

· 2 years ago

BAKUNIN
bakunin@meganmail.com

Bah...
Si sente spesso parlare di JAVASCRIPT come il linguaggio per i programmi su INTERNET. Ma spesso tra PERL, TCL, PHP, APACHE, script vari e HTML si fa solo casino!

Ecco perché sono qui.
Vi spiegherò i fondamenti della programmazione degli Javascpript, cioè quei comandi che, inseriti nel vostro codice HTML rendono il vostro sito più divertente.

MATERIALE OCCORRENTE

Solo un browser che regga lo JavaScript. Io consiglio NetScape perché è lì che è nato. Infatti questo "linguaggio" è nato dall'interazione di ingenieri della Netscape e della Sun e si basa ovviamente sullo JAVA (ma dai!).

CONOSCENZE MINIME

Sicuramente l'HTML. Poi se non volete copiare gli esempi che vi mostro... proprio a livello terra terra, ma capire come funzionano... un po' di C o C++ non sarebbe male!

Non mi metto qui quindi a spiegare i funzionamenti dei cicli e delle strutture matematiche. Queste sono identiche al C quindi! STUDIATE!

CURIOSITÀ

Volete sapere perché si chiama JAVA? perché java è un bel suono. Ne + ne - di questo! Sapete come si chiamava prima? Oak. perché? perché era il nome della quercia davanti all'ufficio di James Gosling, quel pazzo paranoico programmatore che si è inventato JAVA.

INCOMINCIAMO

PREMESSA PRIMA: Non bisogna assolutamente confondere gli SCRIPT JAVA con gli APPLET JAVA! La differenza è totale. Mentre i secondi sono veri e propri programmi che funzionano su internet, i primi sono solo "giochetti grafici".

PREMESSA DUE: Lo Java, e quindi anche lo JavaScript, è un linguaggio orientato ad oggetti (OOP), quindi ci saranno oggetti con una determinata gerarchia delle proprietà particolari.

Queste sono regolate da una struttura particolare che è questa:

Oggetto.proprietà.proprietà

INDICE

Apertura di una pagina A
Apertura di una pagina B
Chiusura pagina
Immagini e mouse
Barra del browser
Data e ora
Password
Menu
Cookie
Finestre
Mouse bloccato
Stampare

SI PARTE

Partiamo con esempio:

--------INIZIO--------- 

<HTML> 
<HEAD> 
<title>Nuova pagina</title> 
</HEAD> 
<body> 
<FORM> 
<INPUT TYPE="button" VALUE="Nuova pagina" onClick='window.open("pag.htm");'> 
</FORM> 
</BODY> 
</HTML> 

-------FINE---------

Se non capite tutto eccetto la riga <INPUT....> è grave! Vi consiglio di studiarvi bene l'HTML!
Se vi sembra tutto chiaro...
ecco la spiegazione di quella riga.

Questo già lo dovreste sapere:

INPUT TYPE="button" VALUE="Nuova pagina"

Crea un pulsante (ovviamente se inserito in un <form></form>) con la scritta:

NUOVA PAGINA.

Per quanto riguarda il resto:

onClick='window.open("pag.htm");'

La spiegazione è questa:

onClick --> regola la modalità di pressione del pulsante, cioè appena il pulsante è cliccato fai: window.open("pag.htm");
window.open("pag.htm"); --> Una riga in JAVA. Si può notare il ; finale tipico di molti linguaggi come il C o il C++. Non fa altro che aprire una pagina usando il modulo open. Il modulo è un tipo funzione JAVA che effettua una operazione. Si può capire che si parla di modulo quando compaiono le parentesi (). Sia piene che vuote!

Esiste anche un altro metodo da aprire finestre. Cioè aprirle in un'altra finestra. Questo si fa attraverso la funzione NewWindow.

---------INIZIO----------- 
<HTML> 
<HEAD> 
<TITLE>Nuova finestra</TITLE> 
<SCRIPT LANGUAGE="JavaScript"> 
function NewWindow() { 
nuova=window.open("http://go.to/tankcommandos","NewWindow","Menubar=yes, 
toolbar=no,directories=no,menubar=no,scrollbars=no,width=200,height=200"); 
} 
</SCRIPT> 
</HEAD> 
<BODY> 
<FORM> 
<input type="button" value="Nuova pagina" onclick='NewWindow();'> 
</FORM> 
</BODY> 
</HTML> 
---------FINE-----------

Poi richiamo la funzione attraverso il comando onclick='NewWindow();'.
SEMPLICE NO?

Avete visto scritte strane vero? Tipo queste:

"Menubar=yes,toolbar=no,directories=no,menubar=no,scrollbars=no,width=200,height=200"

Queste sono le caratteristiche che si possono dare (o non dare) alla pagina
che verrà aperta.
Per chiarirvi le idee ecco una tabelluzza delle caratteristiche che potete usare:

RICORDO: yes attiva e no disattiva... perchì non capisse!

 ----------------------------------------------------------------------- 
| Menubar=yes/no       | barra dei menu del browser			| 
| Location=yes/no      | barra dell'URL del browser                     | 
| Status=yes/no        | la barra di stato del browser                  | 
| Scrollbars=yes/no    | barre di scorrimento del browser               | 
| Directories=yes/no   | bottoni del browser                            | 
| Toolbar=yes/no       | pulsanti della barra degli strumenti           | 
| Resizeable=yes/no    | la possibilità di ridimensionare la finestra   | 
| Width=X     	       | Larghezza della finestra in pixel              | 
| Height=X    	       | Altezza della finestra in pixel                | 
 -----------------------------------------------------------------------

Chiudiamo ora le finestra:

<form> 
<input type="button" value="Chiudi" name="B1" onclick="window.close()"> 
</form>

EX CLARO fin qui?

Dovete sapere che si può aprire una finestra anche in un'altro modo. Questo è crearla all'interno della pagina stessa:

------INIZIO------ 
<HTML> 
<HEAD> 
<script language="JavaScript"> 
function NewWindow() 
{ 
msg=open("","schermo","toolbar=no,directories=no,menubar=no,width=170,height=250,resizable=yes"); 
msg.document.write("<HEAD><TITLE>PAGINA DI PROVA!</TITLE></HEAD><body>"); 
msg.document.write("<CENTER><font size=6>HTML.it</font></CENTER><BR>"); 
msg.document.write("<HR><BR>"); 
msg.document.write("Che ve ne pare delle potenzialità di questi semplici 
Scriptini? Mi ca male non credete!<HR>"); 
} 
</script> 
</HEAD> 
<body> 
<form> 
<input type="button" value="Apri" onclick="NewWindow()"> 
</form> 
</body> 
</HTML> 
-------FINE--------

Tutto cioè si basa sul modulo write(). Semplice no?

Sono talmente tante le cose che è possibile fare con li JAVASCRIPT che non so quale potrebbe essere il prossimo argomento...

Che ne dite di quelle immagini che appena si passa il mouse sopra, cambiano?

Ecco un esempio:

--------INIZIO-------- 
<HTML> 
<HEAD> 
<SCRIPT LANGUAGE="JavaScript"> 
<!-- 
browserName = navigator.appName; 
browserVer = parseInt(navigator.appVersion); 
if(browserName=="Netscape" && browserVer >= 3) ver = "yes"; 
else ver = "yes"; 
if(ver == "yes") { 
immagine1 = new Image(); immagine1.src ="immagine1.gif"; 
immagine2 = new Image(); immagine2.src ="immagine2.gif"; 
} 
function active(imgName) 
{ 
if (ver == "yes") { 
img1 = eval(imgName + "1.src"); 
document [imgName].src = img1; 
}} 
function inactive(imgName) 
{ 
if (ver == "yes") { 
img2 = eval(imgName + "2.src"); 
document [imgName].src = img2; 
}} 
// --> 
</SCRIPT> 
</HEAD> 
<BODY> 
<A HREF="pagina.htm" onMouseover="inactive('immagine'); 
window.status='immagine'" onMouseout= "active('immagine')"> 
<IMG NAME="immagine" SRC="immagine1.gif" ALT="immagine" width=100 height=50 
border=0> 
</A> 
</BODY> 
</HTML> 

-----------FINE------------

Spiegazione... altrimenti impazzite!

Codice dello script ora commentato!

<!-- 
2 variabili che indicano il nome del browser e la versione: 

browserName = navigator.appName; 
browserVer = parseInt(navigator.appVersion); 

Ciclo per controllare il nome del browser e la versione: 

if(browserName=="Netscape" && browserVer >= 3) ver = "yes"; 
else ver = "yes"; 

Potete notare l'operatore && che fa partire il tutto solo se entrambe le condizioni (cioè il nome e la versione) sono verificate. Compare anche la variabile ver. 

if(ver == "yes") { 
immagine1 = new Image(); immagine1.src ="immagine1.gif"; 
immagine2 = new Image(); immagine2.src ="immagine2.gif"; 
} 

function active(imgName) 
{ 
if (ver == "yes") { 
img1 = eval(imgName + "1.src"); 
document [imgName].src = img1; 
}} 

function inactive(imgName) 
{ 
if (ver == "yes") { 
img2 = eval(imgName + "2.src"); 
document [imgName].src = img2; 
}} 
// -->

Se la variabile ver è "yes" crea 2 oggetti (2 immagini) e le identifica con immagine1.gif e immagine2.gif. Tutto si basa sul modulo Image() che è specifico della creazione di immagini.

Il codice dello script è messo a commento per renderlo invisibile ai browser che non lo sopportano.

Da notare è:

le funzioni active e inactive
che il NAME="" dell'immagine deve essere identico allo script

L'ultima parte dell'esempio da vedere è questo:

<A HREF="pagina.htm" onMouseover="inactive('immagine'); 
window.status='immagine'" onMouseout= "active('immagine')">

Crea un link ad un'altra pagina e fa partire le operazioni di cambiamento immagine quando il mouse passa (Richiama inactive() e active()).

<IMG NAME="immagine" SRC="immagine1.gif" ALT="immagine" width=100 height=50 border=0>

Crea realmente l'immagine all'interno del documenti. Importante come ho già detto il fatto che l'immagine deve avere il NOME! identico a quello dello script.

Con questo principio si possono fare anche i pulsanti che scendono o simili.

Ecco un altro argomento:
La barra del browser che cambia!

--------INIZIO---------- 
<HTML> 
<HEAD> 
<script language="JavaScript"> 
<!-- Hide 
function messaggio(txt) { 
window.status = txt; 
setTimeout("elimina()",500); 
} 
function elimina() { 
window.status=""; 
} 
// --> 
</script> 
</HEAD> 
<BODY> 
<a href="link.htm" onMouseOver="messaggio('Messaggio sulla status bar');return 
true;">link</a> 
</BODY> 
</HTML> 
--------FINE-------------

Vediamo la semplicità di questo script!
Si crea il solito SCRIPT commentato ... con 2 funzioni:

function messaggio(txt) { 
window.status = txt; 
setTimeout("elimina()",500); 
}

Questa imposta la scritta sulla barra. Come possiamo vedere c'è (txt) quindi necessita di un argomento quando verrà richiamata. Questo argomento verrà poi messo all'interno della barra:

window.status = txt;

Aspettato 500 millesimi di secondo (5 decimi di secondi) fa partire in automatico la funzione elimina:

function elimina() { 
window.status=""; 
}

Questa disattiva le scritte sulla barra.

Tutto ciò parte quando il mouse si trova sopra un link:

<a href="pagina.htm" onMouseOver="messaggio('Messaggio a nostro piacimento');return true;">link</a>

Vediamo che quando il mouse si trova sul collegamento parte la funzione messaggio che come argomento ha: Messaggio a nostro piacimento.

Ho messo 5 secondi e poi si cancella perché altrimenti passato il mouse resta a vita la scritta... non mi sembra il massimo!

E se volessimo un barra in movimento tipo il nostro sito?

SEMPLICE:

------INIZIO--------- 

<HTML> 
<HEAD> 
<SCRIPT LANGUAGE="JavaScript"> 
var timed = 0; 
var scrollGo = false; 
var delay=100; 
var space=100; 
function scroll_start() { 
var i=0; 
msg="Viva i tankcommandos!!!! Siamo troppo unici!!!!"; 
for (i=0;i<space;i++) 
msg=" "+msg; 
scrollGo=true; 
timerid=window.setTimeout("scrollmsg(0)",delay); 
} 
function scrollmsg(pos) { 
var out = ""; 
scrollGo=false; 
if (pos < msg.length) 
self.status = msg.substring(pos, msg.length); 
else 
pos=-1; 
++pos; 
scrollGo=true; 
timerid=window.setTimeout("scrollmsg("+pos+")",delay); 
} 
</SCRIPT> 
</HEAD> 
<BODY onLoad="scroll_start();"> 
</BODY> 
</HTML> 

--------FINE-----------

Che ne dite?
Non è abbastanza CLARO?

Spiegazione:

Var è la variabile che regola la velocità del movimento:

var timed = 0; 
var scrollGo = false; 
var delay=100; 
var space=100; 

 
function scroll_start() { 
var i=0; 
msg="Viva i tankcommandos!!!! Siamo troppo unici!!!!"; 
for (i=0;i<space;i++) 
msg=" "+msg; 
scrollGo=true; 
timerid=window.setTimeout("scrollmsg(0)",delay); 
} 

function scrollmsg(pos) { 
var out = ""; 
scrollGo=false; 
if (pos < msg.length) 
self.status = msg.substring(pos, msg.length); 
else 
pos=-1; 
++pos; 
scrollGo=true; 
timerid=window.setTimeout("scrollmsg("+pos+")",delay); 
}

setTimeout è il solito modulo che gestisce i tempi. Non mi metto a spiegare i cicli ... sono quelli del C!

Parliamo ora della data e dell'ora!

Che giorno è?

<script language="JavaScript"> 
<!-- 
oggi = new Date() 
document.write(" del ", oggi.getDate(),"/",oggi.getMonth() + 1,"/",oggi.getYear()); 
// --> 
</script>

e per l'ora questo:

document.write("Sono le ",oggi.getHours(),":",oggi.getMinutes())

Non ho fatto altro che usare i moduli getDate(), getMonth(), getYear(), Date(), getHours() e getMinutes().

Vogliamo proprio avere un orologio dinamico?
ECCOVELO!

<HTML> 
<HEAD> 
<SCRIPT LANGUAGE="JavaScript"> 
function TimeOutfunc() { 
timeout = window.setTimeout("TimeOutfunc()", 1000); 
var today = new Date(); 
document.forms[0].elements[0].value = today.toString(); 
} 
</SCRIPT> 
</HEAD> 
<BODY ONLOAD="timeout = setTimeout('TimeOutfunc();',1000);"> 
<FORM> 
<INPUT TYPE="text" NAME="ora" VALUE="" SIZE="25"> 
</FORM> 
</BODY> 
</HTML>

Cosa volete di più! Aumento la funzione TimeOutFunc ogni secondo (1000 millesimi) attraverso il modulo setTimeout().

Sempre inerente all'ora c'è la data dell'ultima modifica della pagina... così non si deve fare a mano :)

<html> 
<body> 
Ultima modifica: 
<script language="JavaScript"> 
<!-- 
document.write(document.lastModified) 
// --> 
</script> 
</body> 
</html>

Si usa il comando lastModified applicato al document, cioè la pagina in questione!

Ora le PassWord:

<script language="JavaScript"> 
function passWord() { 
var testV = 1; 
var pass1 = prompt('Inserisci la Password'); 
while (testV < 3) { 
if (!pass1) history.go(-1) 
if (pass1.toLowerCase() == "bakunin") { 
alert('La tua password è esatta'); 
break; 
} 
testV+=1; 
var pass1 = prompt('Sbagliato! Puoi riprovare.','Password'); 
} 
if (pass1.toLowerCase()!="altro" & testV ==3) history.go(-1); 
return " "; 
} 
document.write(passWord()); 
</script>

Ecco qui...
un semplice script che chiede la password!
Ovviamente con uno script così dovete nascondere il codice sorgente... lo vedremo! Anche se mediamente il vostro browser non lo mostrerà :)

Spiegazione:

history.go(-1) torna in dietro alla pagine precedente (tipo un back)
toLowerCase() imposta tutti i caratteri maiuscoli
alert('La tua password è esatta'); messaggio di avvenuta inserzione

Questo lo preso da un sito ... l'ho trovato geniale!

------ 
<HEAD> 
<SCRIPT language="JavaScript"> 
<!-- 
var usermulcode=40 
var code=0 
var mul=1 
var digit=0 
var fails=0 
function Enter_code(number) 
{ 
code=code*10+number 
mul=mul*number 
document.codepad.thecode.value=code 
digit++ 

if (digit==4) 
{ 
if (mul==40) 
{ 
location=code+".htm" 
} 
else 
{ 
fails++ 
code=0 
mul=1 
digit=0 
if (fails<3) 
{ 
if (fails==1) 
{document.codepad.thecode.value="riprova"} 
if (fails==2) 
{document.codepad.thecode.value="ultima volta"} 
} 
else 
{ 
location="risposta.htm" 
document.codepad.thecode.value="A presto!" 
} 
} 
} 
} 
function keycodepad(mulcode) 
{ 
usermulcode=mulcode 
document.write("<form name=\"codepad\">"); 
document.write("<input type=\"button\" value=\" 1 \" onClick=\"Enter_code(1)\">"); 
document.write("<input type=\"button\" value=\" 2 \" onClick=\"Enter_code(2)\">"); 
document.write("<input type=\"button\" value=\" 3 \" onClick=\"Enter_code(3)\"><br>"); 
document.write("<input type=\"button\" value=\" 4 \" onClick=\"Enter_code(4)\">"); 
document.write("<input type=\"button\" value=\" 5 \" onClick=\"Enter_code(5)\">"); 
document.write("<input type=\"button\" value=\" 6 \" onClick=\"Enter_code(6)\"><br>"); 
document.write("<input type=\"button\" value=\" 7 \" onClick=\"Enter_code(7)\">"); 
document.write("<input type=\"button\" value=\" 8 \" onClick=\"Enter_code(8)\">"); 
document.write("<input type=\"button\" value=\" 9 \" onClick=\"Enter_code(9)\"><br>"); 
document.write("<input type=\"text\" name=\"thecode\" size=10 value=\"\"><br>"); 
document.write("</form>"); 
} 
// --> 
</SCRIPT> 
</HEAD><BODY> 
<FORM name="codepad"><INPUT type="button" value=" 1 " onClick="Enter_code(1)"> 
<INPUT type="button" value=" 2 " onClick="Enter_code(2)"> 
<INPUT type="button" value=" 3 " onClick="Enter_code(3)"> 
<BR> 
<INPUT type="button" value=" 4 " onClick="Enter_code(4)"> 
<INPUT type="button" value=" 5 " onClick="Enter_code(5)"> 
<INPUT type="button" value=" 6 " onClick="Enter_code(6)"> 
<BR> 
<INPUT type="button" value=" 7 " onClick="Enter_code(7)"> 

<INPUT type="button" value=" 8 " onClick="Enter_code(8)"> 
<INPUT type="button" value=" 9 " onClick="Enter_code(9)"> 
<BR> 
<INPUT type="text" name="thecode" size=10 value=""> 
<BR> 
</FORM> 
</BODY> 
----------

Vi chiedete dov'è scritta la password? Ma come, non la vedere?
Eccola:

var usermulcode=40

E' la moltiplicazione dei numeri che compongono la password! Cioè 2514
Vi starete chiedendo: ma ci sono altri numeri che danno risultato 40! Certo... ma lui si collega alla pagina della password quindi 2514.htm.

Ora preoccupiamoci un po' di menu espandibili!
Si possono fare in vari modi... uno fra i tanti è questo:

<SCRIPT LANGUAGE="JavaScript"> 
<!-- 
var caution = false 
function setCookie(name, value, expires, path, domain, secure) { 
var curCookie = name + "=" + escape(value) + 
((expires) ? "; expires=" + expires.toGMTString() : "") + 
((path) ? "; path=" + path : "") + 
((domain) ? "; domain=" + domain : "") + 
((secure) ? "; secure" : "") 
if (!caution || (name + "=" + escape(value)).length <= 4000) 
document.cookie = curCookie 
else 
if (confirm("Cookie exceeds 4KB and will be cut!")) 
document.cookie = curCookie 
} 
function getCookie(name) { 
var prefix = name + "=" 
var cookieStartIndex = document.cookie.indexOf(prefix) 
if (cookieStartIndex == -1) 
return null 
var cookieEndIndex = document.cookie.indexOf(";", cookieStartIndex + prefix.length) 
if (cookieEndIndex == -1) 
cookieEndIndex = document.cookie.length 
return unescape(document.cookie.substring(cookieStartIndex + prefix.length, cookieEndIndex)) 
} 
function deleteCookie(name, path, domain) { 
if (getCookie(name)) { 
document.cookie = name + "=" + 
((path) ? "; path=" + path : "") + 
((domain) ? "; domain=" + domain : "") + 
"; expires=Thu, 01-Jan-70 00:00:01 GMT" 
} 
} 
function fixDate(date) { 
var base = new Date(0) 
var skew = base.getTime() 
if (skew > 0) 
date.setTime(date.getTime() - skew) 
} 
function item(parent, text, depth) { 
this.parent = parent 
this.text = text 
this.depth = depth 
} 
function makeArray(length) { 
this.length = length 
} 
function makeDatabase() { 
outline = new makeArray(10) 
outline[0] = new item(true, 'FISICO DI BAKUNIN', 1) 
outline[1] = new item(false, 'bello', 2) 
outline[2] = new item(true, 'CAPACIT¿ DI BAKUNIN', 1) 
outline[3] = new item(false, 'Intelligente', 2) 
outline[4] = new item(false, 'Creativo', 2) 
outline[5] = new item(false, 'Amabile', 2) 
outline[6] = new item(true, 'ALTRE INFORMAZIONI', 1) 
outline[7] = new item(false, 'Cosa dire... è talmente unico', 2) 
outline[8] = new item(false, 'che se non ci fosse bisognerebbe inventaro!', 2) 
outline[9] = new item(false, 'hihihi!', 2) 

setStates() 
setImages() 
} 
function setStates() { 
var storedValue = getCookie("outline") 
if (!storedValue) { 
for (var i = 0; i < outline.length; ++i) { 
if (outline[i].depth == 0) 
outline[i].state = true 
else 
outline[i].state = false 
} 
} else { 
// extract current states from cookie (0 => false, 1 => true) 
for (var i = 0; i < outline.length; ++i) { 
if (storedValue.charAt(i) == '1') 
outline[i].state = true 
else 
outline[i].state = false 
} 
} 
} 
function setImages() { 
for (var i = 0; i < outline.length; ++i) { 
if (outline[i].state) 
if (outline[i].parent) 
if (outline[i + 1].state) // outline[i] is exploded 
outline[i].pic = '<A HREF="javascript:toggle(' + i + ')"><IMG SRC="a.gif" BORDER=0></A>' else 
outline[i].pic = '<A HREF="javascript:toggle(' + i + ')"><IMG SRC="b.gif" BORDER=0></A>' else // 
outline[i] is only a child (not a parent) 
outline[i].pic = '<IMG SRC="child.gif" BORDER=0>' } 
} 
function toggle(num) { 
for (var i = num + 1; i < outline.length && outline[i].depth >= outline[num].depth + 1; ++i) { 
if (outline[i].depth == outline[num].depth + 1) 
outline[i].state = !outline[i].state // toggle state 
} 
setStorage() 
history.go(0) 
} 
function setStorage() { 
var text = "" 
for (var i = 0; i < outline.length; ++i) { 
text += (outline[i].state) ? "1" : "0" 
} 
setCookie("outline", text) 
} 
makeDatabase() 
// --> 
</SCRIPT>

Semplice!
Ho anche messo 2 immagini in modo da rendere più caruccio il tutto!
Il codice è particolarmente semplice. Sempre per chi vuole capirlo :)

Questo piccolo (?) script gestisce i cookie ... ed in particolare dice quante volte si è visitata la pagina in questione.

<Script> 
<!-- 
function getCookieVal (offset) 
{ 
var endstr = document.cookie.indexOf (";", offset); 
if (endstr == -1) 
endstr = document.cookie.length; 
return unescape(document.cookie.substring(offset, endstr)); 
} 
function GetCookie (name) 
{ 
var arg = name + "="; 
var alen = arg.length; 
var clen = document.cookie.length; 
var i = 0; 
while (i < clen) 
{ 
var j = i + alen; 
if (document.cookie.substring(i, j) == arg) 
return getCookieVal (j); 
i = document.cookie.indexOf(" ", i) + 1; 
if (i == 0) 
break; 
} 
return null; 
} 
function SetCookie (name, value) 
{ 
var argv = SetCookie.arguments; 
var argc = SetCookie.arguments.length; 
var expires = (2 < argc) ? argv[2] : null; 
var path = (3 < argc) ? argv[3] : null; 
var domain = (4 < argc) ? argv[4] : null; 
var secure = (5 < argc) ? argv[5] : false; 
document.cookie = name + "=" + escape (value) + 
((expires == null) ? "" : ("; expires=" + expires.toGMTString())) + 
((path == null) ? "" : ("; path=" + path)) + 
((domain == null) ? "" : ("; domain=" + domain)) + 
((secure == true) ? "; secure" : ""); 
} 
function DisplayInfo() 
{ 
var expdate = new Date(); 
var visit; 
expdate.setTime(expdate.getTime() + (24 * 60 * 60 * 1000 * 365)); 
if(!(visit = GetCookie("visit"))) 
visit = 0; 
visit++; 
SetCookie("visit", visit, expdate, "/", null, false); 
var message; 
if(visit == 1) message=" Ben venuto!"; 
if(visit == 2) message=" Ben ritornato!"; 
if(visit == 3) message=" Stai diventanto un'abitudinario!"; 
if(visit == 4) message=" Cacchio! 4 volte!"; 
if(visit == 5) message=" Stai stressando!"; 
if(visit == 6) message=" 6 volte non ha senso!"; 
alert("\n"+"Hai visitato questa pagina\n"+""+visit+" "+"volte."+"\n"+"\n"+message); 
} 
function ResetCounts() 
{ 
var expdate = new Date(); 
expdate.setTime(expdate.getTime() + (24 * 60 * 60 * 1000 * 365)); 
visit = 0; 
SetCookie("visit", visit, expdate , "/", null, false); 
leapto(); 
} 
// --> 
</Script>

Per farlo funzionare mettere in

<body></body> questo: onload="DisplayInfo()"

Questo penso sia una delle cose più usate:

<script language="JavaScript"> 
newwindow=window.open("finestra.htm","width=470,height=62") 
newwindow.creator=self 
</script>

Apre una nuova finestra!

Nascondiamo il codice:

<SCRIPT LANGUAGE="JavaScript1.1"> 
<!-- Begin 
function right(e) { 
if (navigator.appName == 'Netscape' && 
(e.which == 3 || e.which == 2)) 
return false; 
else if (navigator.appName == 'Microsoft Internet Explorer' && 
(event.button == 2 || event.button == 3)) { 
alert("OPS... sembra che tasto destro del tuo mouse non funzioni!"); 
return false; 
} 
return true; 
} 
document.onmousedown=right; 
if (document.layers) window.captureEvents(Event.MOUSEDOWN); 
window.onmousedown=right; 
// End --> 
</script>

Semplicemente disattivo il pulsante destro del mouse all'interno della pagina.
» possibile che non funga con netscape... cioè non funziona il tasto ma non si vede la frase!

<SCRIPT LANGUAGE"JavaScript1.1"> 
<!-- Begin 
function protect(e) { 
alert("Spiacenti, non puoi salvare l'immagine"); 
return false; 
} 

function trap() { 
if(document.images) 
for(i=0;i<document.images.length;i++) 
document.images[i].onmousedown = protect; 
}

E questa immagine... riuscirai mai a salvarla?

Stampare?
Ecco come!

<SCRIPT Language="Javascript"> 

function printit(){ 
if (NS) { 
    window.print() ; 
} else { 
    var WebBrowser = '<OBJECT ID="WebBrowser1" WIDTH=0 HEIGHT=0 CLASSID="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2"></OBJECT>'; 
document.body.insertAdjacentHTML('beforeEnd', WebBrowser); 
    WebBrowser1.ExecWB(6, 2); 
WebBrowser1.outerHTML = ""; 
} 
} 
</script>

Io mi fermo qui..
Ma prima di lasciarvi, la cosa più interessante!

SCOPRIRETE IL BROWSER UTILIZZATO:

<SCRIPT> 
<!-- 
document.write(navigator.appName) 
//--> 
</SCRIPT>

LA SUA CONFIGURAZIONE:

<SCRIPT> 
<!-- 
document.write(navigator.appVersion) 
//--> 
</SCRIPT>

IL SISTEMA OPERATIVO:

<SCRIPT> 
<!-- 
 if(navigator.userAgent.indexOf('IRIX') != -1) 
    {document.write("Irix")} 

  else if((navigator.userAgent.indexOf('Win') != -1) && 
  (navigator.userAgent.indexOf('95') != -1)) 
    {document.write("Microsoft Windows 95")} 

  else if(navigator.userAgent.indexOf('Win') != -1) 
    {document.write("Microsoft Windows 3.1 or NT")} 

  else if(navigator.userAgent.indexOf('Mac') != -1) 
    {document.write("Macintosh")} 

  else {document.write("Other")} 
//--> 
</SCRIPT>

RISOLUZIONE VIDEO:

<SCRIPT> 
<!-- 
var screenW = screen.width 
var screenH = screen.height 
document.write(screenW + "X" + screenH) 
//--> 
</SCRIPT>

QUANTE PAGINE HA VISITATO CON QUELLA FINESTRA:

<SCRIPT> 
var times=history.length; 
document.write('In questa sessione hai visitato '+times+' siti'); 
</SCRIPT> 

URL DELLA PAGINA: 

<SCRIPT> 
<!-- 
document.write(document.URL) 
//--> 
</SCRIPT>

Direi che io concludo qui! Se vi interessa particolarmente questo argomento... speditemi quello che vi interessa e magari, farò una guida anche sullo JAVA e in particolare sulle applet java!

--------------------------------FINE------------------------------------

Ciao a tutti

BAKUNIN
bakunin@meganmail.com
http://go.to/tankcommandos