Nessun risultato. Prova con un altro termine.
Guide
Notizie
Software
Tutorial

Ring di siti con consolle in Javascript

Link copiato negli appunti

La Rete è uno strumento comunicativo con peculiarità totalmente differenti dagli altri media tradizionali. Lo sa bene chi di Internet ha fatto il proprio lavoro o il principale hobby. Anche la pubblicazione di siti Web non sfugge a questa considerazione ed anzi, ne esalta la veridicità. Creare un sito Web è estremamente semplice e totalmente gratuito, cosi' come pubblicizzarlo. Esistono canali promozionali "verticali" gratuiti, quali i circuiti banner, che attraverso una struttura centralizzata consentono lo scambio di banner tra siti diversi. Esiste anche un'altra forma di promozione "orizzontale" in voga negli ultimi mesi: i ring. Si tratta di strutture ad anello, alle quali aderiscono siti con target e contenuti simili, e che decidono di "linkarsi" reciprocamente per aumentare la propria visibilità.

Tecnicamente questi ring funzionano attraverso una consolle, posta nella home page dei siti aderenti, contenente tre pulsanti: "precedente", "successivo" e "random". Ovviamente il primo rimanda al sito posto nella posizione precedente del ring, il secondo a quella successiva, ed il terzo ad un sito a caso tra quelli aderenti al ring.

Si tratta di consolle collegate a un database e complessi programmi in Perl che tiene traccia dei siti più visitati e di altri dati.

Javascript consente di evitare l'uso di programmi sofisticati, attraverso un semplice script che genera una consolle del tutto simile a quella dei più blasonati ring.

L'esempio si compone di 1 file:

  • esempio.htm

Per una più semplice comprensione del presente script fai continuamente riferimento ai file sopracitati, verificando le procedure e i dati espressi. Solo in questo modo, con un continuo confronto, comprenderai le peculiarità di questo Javascript.

Si tratta dell'unico esempio di questo script, contenente tutto il necessario al corretto funzionamento dello stesso.

Il file contiene tra i tag <head> il codice Javascript vero e proprio, e tra i tag <body> quello relativo alla creazione dei tre bottoni. Ma andiamo con ordine.

Tra i tag <head> va inserito il seguente codice:

<script language="javascript">
<!--- hide script from old browsers
sites = new Array()
sites [1] = "http://www.html.it"
sites [2] = "http://www.hwupgrade.it"
sites [3] = "http://www.motoridiricerca.it"
sites [4] = "http://www.freeonline.org"
sites [5] = "http://www.100links.com"
sites [6] = "http://www.anfyjava.com"
var max=sites.length-1, place=0
function findthis() {
thisURL=document.URL.toLowerCase();
for (var i=1; i<=max; i++){
if (thisURL==sites[i])
place=i;
}
}
function go(where) {
location = sites[where];
}

function next() {
findthis();
if (place==max)
place=1;
else
place=place+1;
go(place);
}
function previous() {
findthis();
if (place<=1)
place=max;
else
place=place-1;
go(place);
}
function getRandom() {
return Math.random()
}
function random() {
findthis();
myrand=Math.round(getRandom()*(max));
if ((place==myrand) || (myrand==0))
random();
else {
place=myrand;
go(place);
}
}
// end hiding from old browsers -->
</SCRIPT>

I siti facenti parte del ring vanno inseriti all'inizio del codice:

sites = new Array()
sites [1] = "http://www.html.it"
sites [2] = "http://www.hwupgrade.it"
sites [3] = "http://www.motoridiricerca.it"
sites [4] = "http://www.freeonline.org"
sites [5] = "http://www.100links.com"
sites [6] = "http://www.anfyjava.com"

Per inserire altri siti nel ring è sufficiente aggiungere altre righe di codice numerate progressivamente, oltre al link naturalmente. Per esempio, se si vuole aggiungere al ring precedente il sito www.buongiorno.net, non si deve far altro che inserire questa nuova riga di codice:

sites [7] = "http://www.buongiorno.net"

Il resto del codice non va modificato in nessuna parte.

Impostato lo script all'interno dei tag <head> è necessario aggiungere il codice HTML che genera i bottoni.

Per fare questo è sufficiente posizionare il seguente codice nel punto desiderato del documento (tra i tag <body>):

<form name="aform">
<input type="button" value="precedente" onclick="previous()">
<input type="button" value="successivo" onclick="next()">
<input type="button" value="random" onclick="random()">
</form>

Fatto questo, lo script è correttamente impostato e nessun'altra operazione è richiesta per il suo buon funzionamento.

Questo Javascript è utile per siti che intendono unire i propri sforzi per aumentare visibilità e peso all'interno del Web, senza per questo aderire a Webring centralizzati.

Ti consigliamo anche