HOMEpfeil PRESSEpfeil DETAILS
22. Januar 2011
Fenster drucken. Falls es Probleme mit dem Ausdruck geben sollte, empfehlen wir, das PDF auszudrucken. Seite in PDF Form ansehen Artikel weiterempfehlen

Webmaster Info zur Landesbank-Schuldzinsenuhr

Einbindung der Javascript-Anwendung in Webseiten

I. Die einfachste Art der Einbindung unserer Zinsuhr ist die "IFrame Methode"

Dazu einfach je nach gewünschter Größe einen der beiden Code-Schnipse (gefettet!)l an der passenden Stelle einsetzten, damit wird die Zinsuhr von unserer Webseite geladen:

Bei mind. 280px Breite:
<iframe height="160" marginheight="0" src="http://www.bayernspd-landtag.de/aktuell/zinsuhr_280.html" frameborder="0" width="300" marginwidth="0" scrolling="no"></iframe>

Bei mind. 180px Breite:
<iframe height="140" marginheight="0" src="http://www.bayernspd-landtag.de/aktuell/zinsuhr_200.html" frameborder="0" width="200" marginwidth="0" scrolling="no"></iframe>

 

II.Etwas aufwändiger ist die Einbettung des Scripts

Folgende Dateien werden benötigt:

Diese Javascript Datei im Seiten-Head einbinden:
<script type="text/javascript" src="http://www.bayernspd-landtagsfraktion.de/scripts/schuldenzaehler.js"></script>

ALTERNATIV: Direkte Einbindung des JavaScript-Codes, hat aber den Nachteil, dass evtl. Änderungen jedesmal nachvollzogen werden müssen.

Diese CSS Datei (oder eine nach den eigenen Bedürfnissen gestaltete CSS Datei) im Head einbinden:
<link href="http://www.bayernspd-landtagsfraktion.de/css/schuldenzaehler.css" rel="stylesheet" type="text/css">
Geeignet für Inhaltsbereiche ab ca. 300px Breite.

Version für Bereiche ab ca. 190px:
<link href="http://www.bayernspd-landtagsfraktion.de/css/schuldenzaehler180.css" rel="stylesheet" type="text/css">

Hier ebenfalls alternativ die direkte Einbindung des CSS Codes möglich:

http://www.bayernspd-landtagsfraktion.de/css/schuldenzaehler.css
bzw.
http://www.bayernspd-landtagsfraktion.de/css/schuldenzaehler180.css

Funktionsaufruf im <Body> mit
<body onload="schuldenuhr();">

Falls es Probleme mit der Anpassung des Body-Tags geben sollte, ist die Alternative weiter unten unter Punkt 3 zu empfehlen. Diesen Code einfach vor den innerhalb des Body-Tags platzierten DIV-Tags setzen, dann sollte die Funktion aufgerufen werden.

Einbindung des Zählers innerhalb des Body-Tags mit
<div id="spalte_schuldenzaehler"><div id="counter" class="zaehler"></div>

Der äussere div beinhaltet das Hintergrundbild und die Breite, dieser kann in einer eigenen CSS Definition auch an die eigenen Bedürfnisse angepasst werden.

Der innere Tag enthält den eigentlichen Zähler, bitte hierbei auf die exakte Benennung achten.

 

Für die Einbindung in das WebSozi CMS wurde folgende Anleitung erfolgreich eingesetzt (es gibt dort anscheinend teilw. ein Problem mit eingebundenen Serverskripts):

1. Im rechten Block habe ich folgendes hinterlegt:

Zitat:

<div id="spalte_schuldenzaehler">
<div id="counter" class="zaehler"></div>
</div>

2. In den Metatags habe ich die CSS-Formatierungen direkt eingetragen:

Zitat:

<style type="text/css" media="screen, projection">
<!--

#spalte_schuldenzaehler{
width: 260px;
height: 160px;
float:left;
background-image:url(http://www.bayernspd-landtag.de/png/buttons/schuldenuhr.png);
background-repeat: no-repeat;
margin-top:20px;
padding-left:10px;
padding-right:5px;
}

.zaehler {
font-family: Arial, Helvetica, sans-serif;
font-size: 36px;
font-weight: bold;
margin:55px 10px 10px 10px;
}

-->
</style>

3. In meinem linken (mittleren) Block (der mit dem SPD-Allianz-Banner) habe ich folgendes eingetragen:

Zitat:

<script type="text/javascript">
window.onload = function()
{
var zeit=new Date();
dezimalstellen(Math.round(schulden+(zeit.getTime()/1000-startzeit)*anstieg_sek),'counter');
setTimeout('schuldenuhr()',1000);
}
;
</script>

Fenster drucken. Falls es Probleme mit dem Ausdruck geben sollte, empfehlen wir, das PDF auszudrucken. Seite in PDF Form ansehen Artikel weiterempfehlen