1. Vyrobte WWW strßnky pro odkazy
Jednotlivß hesla odkaz∙ si oΦφslujte. Stejnß Φφsla zahr≥te do jmen HTML soubor∙, kterΘ pat°φ t∞mto odkaz∙m. Soubory pojmenujte nap°. str1.html, str2.html, str3.html apod. V₧dy dodr₧ujte stejnou strukturu jmΘna souboru.

2. Vytvo°te JavaScript pro °azenφ odkaz∙
Do t∞la www strßnky napiÜte obdobn² k≤d JavaScriptu (text za // - do skriptu nepiÜte):

< SCRIPT Language="JavaScript">
//< !-
var indikator=1; 
// - indikßtor se°azenφ
var pomocny_odkaz; 
// - pomocnß prom∞nnß °azenφ a v²pisu
window.status='Moment, prosφm. Probφhß °azenφ hesel.'; 
// - hlßÜenφ ve stavovΘm °ßdku, 
// - informuje u₧ivatele a ΦasovΘ prodlev∞
odkaz = new Array(); 
// - deklarace pole hesel
cislo = new Array(); 
// - deklarace Φφsel odkaz∙ 
odkaz[1]='prvnφ heslo'; 
// - napφÜeme seznam p°esn∞
// - oΦφslovan²ch hesel
odkaz[2]='druhΘ heslo';
...
odkaz[n]='n-tΘ heslo';
if (odkaz.length >2) 
// - pokud mßme v seznamu vφce ne₧ jedno heslo, 
// - se°adφme je
{for(i=1; i< odkaz.length; i++) cislo[i]=i; 
// - vytvo°φme vektor Φφsel pro
// - odkazy na strßnky str1, str2, ...
while (indikator >0) 
// - se°adφme hesla podle abecedy
{indikator=0;
for(i=1; i< odkaz.length-1; i++)
{if (odkaz[i] >odkaz[i+1])
{pomocny_odkaz=odkaz[i];
odkaz[i]=odkaz[i+1];
odkaz[i+1]=pomocny_odkaz;
pomocny_odkaz=cislo[i];
cislo[i]=cislo[i+1];
cislo[i+1]=pomocny_odkaz;
indikator=1;
}
}
}
}   
// - konec °azenφ
for(i=1; i< odkaz.length; i++)
// - vypφÜeme vÜechny odkazy v seznamu 
// - na WWW strßnku
// - takΘ m∙₧eme p°idat ovlßdßnφ rolover∙
document.write('< A HREF="zaΦßtek_jmΘna_HTML_souboru');
// - zaΦneme psßt odkaz na WWW strßnku, nap°. "str"	
document.write(cislo[i]); 
// - p°idßme Φφslo hesla - strßnky
document.write('.html" >'); 
// - doplnφme koncovku HTML souboru
document.write(odkaz[i]); 
// - vlo₧φme text odkazu - heslo
document.write('< /A>'); 
// - ukonΦφme odkaz
window.status=''; 
// - vyma₧eme obsah stavovΘho °ßdku
odkaz=null; // - odstranφme pole
cislo=null;
//->
< /SCRIPT>

V t∞le:
< SCRIPT language="JavaScript">
//< !-
var indikator=1;
var pomocny_odkaz;
window.status='Moment, prosφm. Probφhß °azenφ databßze.';
odkaz = new Array();
cislo = new Array();
odkaz[1]='Internet';
odkaz[2]='WWW';
...
odkaz[157]='WYSIWYG editor';
odkaz[158]='XML';
if (odkaz.length >2)
{for(i=1; i< odkaz.length; i++) cislo[i]=i;
while (indikator >0)
   {indikator=0;
   for(i=1; i< odkaz.length-1; i++)
   		{if (odkaz[i]>odkaz[i+1])
		   {pomocny_odkaz=odkaz[i];
		   odkaz[i]=odkaz[i+1];
		   odkaz[i+1]=pomocny_odkaz;
		   pomocny_odkaz=cislo[i];
		   cislo[i]=cislo[i+1];
		   cislo[i+1]=pomocny_odkaz;
		   indikator=1;
		   }
		}
	}
}
for(i=1;i< odkaz.length; i++)
 if(cislo[i]<51)
 {document.write('< A HREF="co');
 document.write(cislo[i]);
 document.write('.htm" target="textco" onMouseOver="imgOn(');
 document.write(i);
 document.write('); return true" onMouseOut="imgOff(');
 document.write(i);
 document.write('); status=\'\'">< IMG name="r');
 document.write(i);
 document.write(
 '" width=9 height=9 src="roloff3.gif" border=0 >');
 document.write(odkaz[i]);
 document.write('< /A>< BR>');
 }
window.status='';
odkaz=null;
cislo=null;
//- >
< /SCRIPT>