Na vašo stran morate v značko <head> vkljujčiti naslednji javascript:
<script type="text/javascript" src="//osebje.feri.um.si/Scripts/osebe.js"></script>
Za določene vizualne efekte je priporočljivo, da imate vključen tudi jQuery, sicer pa ni potreben:
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
Stil definirate v:
<link rel="stylesheet" type="text/css" href="//osebje.feri.um.si/design/osebe.css" />
Vendar lahko seveda prenesete datoteko CSS k sebi in jo spremenite, katero pa boste morali imeti na svojem strežniku.
Nekje v telesu (v znački body) morate vključiti naslednji HTML element:
<div id="Div0"></div>
id tega elementa je poljuben.
V ta element
se bo nato prikazalo feri osebje z naslednjim javascriptom, ki ga vključite
takoj za tem elementom.
Spremenljivki boolPrevedi in boolVCard nastavite vrednost true samo, če želite imeti angleško verzijo osebja oziroma QR kodo. Privzeto sta ti dve vrednosti nastavljeni na false.
<script type="text/javascript">
boolPrevedi=true; // za angleško verzijo
boolVCard=true; // za QR kodo
prikaziOsebe('sm=7038805', 'Div0');
</script>
1. argument: tipa string, vpišete katero osebje se naj prikaže, npr:
'id=10117', 'id=15480', 'sm=7038805', 'sm=70388', kjer "id" pomeni točno določeno osebo in "sm" inštitut ali laboratorij.
Seznam oznak za organizacijske enote:
2. argument: tipa string, vpišete v katerem elementu div se naj prikaže osebje, in sicer id tega elementa, ki ste ga prej poljubno izbrali, v našem primeru 'Div0'.
Naslednji primer prikazuje celoten dokument HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<title>Osebe primer</title>
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="//osebje.feri.um.si/Scripts/osebe.js"></script>
<link rel="stylesheet" type="text/css" href="//osebje.feri.um.si/design/osebe.css" />
</head>
<body>
<div id="Div0"></div>
<script type="text/javascript">
boolPrevedi=true; // za angleško verzijo
boolVCard=true; // za QR kodo
prikaziOsebe('sm=7038805', 'Div0');
</script>
</body>
</html>