Hieronder de code zoals die hoort bij de HBO-Kennisbank widget. De widget is gemaakt met ExpressionEngine, MagPie plugin en scriptaculous.
Inhoud bestand ‘hbokennisbank’:
{assign_variable:template_group_name="widget"}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="{lang}" lang="{lang}">
<head>
<title>HBO-Kennisbank.nl Widget</title>
<meta http-equiv="Content-Type" content="text/html; charset={charset}" />
<link rel='stylesheet' type='text/css' media='all' href='{stylesheet={template_group_name}/widget_css}' />
<style type='text/css' media='screen'>@import "{stylesheet={template_group_name}/widget_css}";</style>
</head>
<body>
<div class="hboklogo"><a href="http://www.hbo-kennisbank.nl" alt="HBO-KENNISBANK.NL" title="direct naar HBO-Kennisbank.nl"><img src="/images/uploads/hbokennisbank_logo_transparant.gif" border="0" alt="HBO-KENNISBANK.NL" title="HBO-Kennisbank.nl" /></a> <a href="#" onclick="Effect.toggle('d75','slide'); return false;" title="< klik >"> [<b>?</b>]</a></div>
<form class="form" target="_blank" action="http://www.hbo-kennisbank.nl/nl/page/hbosearch.results/">
<p>
<input type="text" value="" name="query" size="24" class="searchtext" />
<input type="submit" value="Zoeken!" class="searchbutton" />
</p>
</form>
<div class="header">Laatste <a href="#" title="Nieuwe Scripties">Scripties</a> | <a href="{path={template_group_name}/publicaties}" title="Nieuwe Publicaties">Publicaties</a> | <a href="{path={template_group_name}/leermiddelen}" title="Nieuwe Leermiddelen">Leermiddelen</a> </div>
<div id="d75" style="display:none;padding:1px;margin:5px;border:5px solid white;">
<div class="introtekst">Ieder jaar produceren studenten, docenten en lectoren van de hogescholen in Nederland duizenden scripties, onderzoeken, afstudeerverslagen, papers en artikelen.
Het kapitaal aan kennis dat hierin opgeslagen is, wordt in de HBO Kennisbank digitaal beschikbaar gesteld aan geïnteresseerden van over de hele wereld.</div>
</div>
<div id="scripties" style="display:block;padding:0px;border-top:1px solid white;">
{exp:magpie url="http://www.hbo-kennisbank.nl:8000/hbokennisbank/rss?sortKeys=sort.dc.date,,1&query;=(meta.repository.collection+exact+hbokennisbank)+AND+(meta.record.hbokennisbank.type+exact+scriptie)" limit="5" refresh="7200"}
<ol>
{items}
<li><a href="{link}" title="{description}" target="_blank">{title}</a></li>
{/items}
</ol>
{/exp:magpie}
</div>
> Toon alle <a href="http://www.hbo-kennisbank.nl/nl/page/hbosearch.results/?meta_record_hbokennisbank_type=scriptie" target="_blank"> scripties</a><br />
> Abonneren via <a href="http://www.hbo-kennisbank.nl:8000/hbokennisbank/rss?sortKeys=sort.dc.date,;,;1&query;=(;meta.repository.collection+exact+hbokennisbank);+AND+(;meta.record.hbokennisbank.type+exact+scriptie);">RSS</a>
</body>
</html>
Inhoud bestand ‘publicaties’:
{assign_variable:template_group_name="widget"}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="{lang}" lang="{lang}">
<head>
<title>HBO-Kennisbank.nl Widget</title>
<meta http-equiv="Content-Type" content="text/html; charset={charset}" />
<link rel='stylesheet' type='text/css' media='all' href='{stylesheet={template_group_name}/widget_css}' />
<style type='text/css' media='screen'>@import "{stylesheet={template_group_name}/widget_css}";</style>
</head>
<body>
{embed=widget/topform}
<div id="d72" style="display:block;padding:0px;border-top:1px solid white;">
{exp:magpie url="http://www.hbo-kennisbank.nl:8000/hbokennisbank/rss?sortKeys=sort.dc.date,,1&query;=(meta.repository.collection+exact+hbokennisbank)+AND+(meta.record.hbokennisbank.type+exact+publicatie)" limit="5" refresh="7200"}
<ol>
{items}
<li><a href="{link}" title="{description}" target="_blank">{title}</a></li>
{/items}
</ol>
{/exp:magpie}
</div>
> Toon alle <a href="http://www.hbo-kennisbank.nl/nl/page/hbosearch.results/?meta_record_hbokennisbank_type=publicatie" target="_blank"> publicaties</a><br />
> Abonneren via <a href="http://www.hbo-kennisbank.nl:8000/hbokennisbank/rss?sortKeys=sort.dc.date,;,;1&query;=(;meta.repository.collection+exact+hbokennisbank);+AND+(;meta.record.hbokennisbank.type+exact+publicatie);">RSS</a>
</body>
</html>
Inhoud bestand ‘topform’:
{assign_variable:template_group_name="widget"}
<div class="hboklogo"><a href="http://www.hbo-kennisbank.nl" alt="HBO-KENNISBANK.NL" title="direct naar HBO-Kennisbank.nl"><img src="/images/uploads/hbokennisbank_logo_transparant.gif" border="0" alt="HBO-KENNISBANK.NL" title="HBO-Kennisbank.nl" /></a> <a href="#" onclick="Effect.toggle('d75','slide'); return false;" title="< klik >"> [<b>?</b>]</a></div>
<form class="form" target="_blank" action="http://www.hbo-kennisbank.nl/nl/page/hbosearch.results/">
<p>
<input type="text" value="" name="query" size="24" class="searchtext" />
<input type="submit" value="Zoeken!" class="searchbutton" />
</p>
</form>
<div class="header">Laatste <a href="{path={template_group_name}/hbokennisbank}" title="Nieuwe Scripties">Scripties</a> | <a href="{path={template_group_name}/publicaties}" title="Nieuwe Publicaties">Publicaties</a> | <a href="{path={template_group_name}/leermiddelen}" title="Nieuwe Leermiddelen">Leermiddelen</a> </div>
<div id="d75" style="display:none;padding:1px;margin:5px;border:5px solid white;">
<div class="introtekst">Ieder jaar produceren studenten, docenten en lectoren van de hogescholen in Nederland duizenden scripties, onderzoeken, afstudeerverslagen, papers en artikelen.
Het kapitaal aan kennis dat hierin opgeslagen is, wordt in de HBO Kennisbank digitaal beschikbaar gesteld aan geïnteresseerden van over de hele wereld.</div>
</div>
Inhoud bestand ‘widget_css’:
body {
margin: 0 auto;
padding: 0;
text-align: left;
background-attachment: scroll;
background-repeat: no-repeat;
background-position: 0px 0px;
font-size:9px;
background: #FFF url(./images/uploads/hbo-kennisbank_background.jpg) repeat center 0;
font-family:Verdana,Helvetica,Arial,sans-serif;
}
.introtekst {
font-size:11px;
margin:1;
padding:1;
background: #F19815;
color:#FFF;
}
.form, .hboklogo {
text-align: center;
}
.header {
color:#663366;
font-family:Helvetica;
font-size:12px;
font-weight:bold;
margin:0px;
text-align: center;
}
.hboklogo a:link {
text-decoration: none;
background: transparent;
}
.hboklogo a:hover {
text-decoration: none;
background: transparent;
}
.header a:link {
font-size:12px;
text-decoration: none;
color: #B061FF;
background: transparent;
}
.header a:hover {
font-size:12px;
text-decoration: none;
color: #900;
background: #FF9C2A;
}
.header a:visited {
font-size:12px;
text-decoration: none;
color: #336;
}
a:link {
font-size:11px;
font-weight:normal;
text-decoration: none;
color: #336;
background: transparent;
}
a:hover {
text-decoration: none;
color: #7745FF;
}
a:visited {
font-size:11px;
font-weight:normal;
text-decoration: none;
color: #336;
background: transparent;
}

