tinte-4-u

Hier kommt jetzt eine Textbereich in der die einzelnen Zeilen eines Gedichtes von
Heinz Erhardt ein- und ausgeblendet werden
<script type='text/javascript'>
/* Grundscript von kostenlose-javascripts.de
verfeinert und ausgebaut von tinte-4-u.de */
var zeilenanzahl = 0;
inhalt = new Array();

/* HIER DIE TEXTE ANGEBEN
FÜR JEDE EINZELNE ZEILE
inhalt[zeilenanzahl++] = "hier den Text eingeben";
HINZUFÜGEN */

inhalt[zeilenanzahl++] = "Das Leben kommt auf alle Fälle,";
inhalt[zeilenanzahl++] = "aus einer Zelle";
inhalt[zeilenanzahl++] = "und manchmal endet`s auch bei Strolchen,";
inhalt[zeilenanzahl++] = "in einer solchen";
var anzahl = 0;
var textfarbe = "#ff33aa"; // textfarbe
var hintergrundfarbe = "#000066 "; // hintergrundfarbe
var textgroesse = "22"; // textgroesse
var textfont = "serif";
var zeit = 30; // hier wird die Geschwindigkeit des blendens bestimmt
var flag = true;
var textnr = 0;
var z = 0;
var hexzahl = new Array("0","1","2","3","4","5","6","7","8","9","a","b","c","d","e","f");

function htod(pos1, pos2, hex)
{
for(x = 0; x < 16; x++)
{
if(hexzahl[x] == hex.substr(pos1, 1))
break;
}
pos1 = x * 16;
for(x = 0; x < 16; x++)
{
if(hexzahl[x] == hex.substr(pos2, 1))
break;
}

return(pos1 + x);
}

function einausblenden()

{
blenden = document.getElementById("text");
if(flag)
{
if((z += 2) > (maxdiff - 3))
{
flag = false;
rfakt *= -1;
gfakt *= -1;
bfakt *= -1;
}
}
else
{
if((z -= 2) < 3)
{
blenden.style.visibility = "hidden";
if((textnr++) > (zeilenanzahl-2))
textnr = 0;
flag = true;
rfakt *= -1;
gfakt *= -1;
bfakt *= -1;
}
}
hrot += rfakt * 2;
hgruen += gfakt * 2;
hblau += bfakt * 2;

var rhih = Math.round((hrot / 16) - 0.5);
var rhil = Math.round((hrot % 16) - 0.5);
var ghih = Math.round((hgruen / 16) - 0.5);
var ghil = Math.round((hgruen % 16) - 0.5);
var bhih = Math.round((hblau / 16) - 0.5);
var bhil = Math.round((hblau % 16) - 0.5);

blenden.innerHTML = inhalt[textnr];
blenden.style.color = "#"+hexzahl[rhih]+hexzahl[rhil]+hexzahl[ghih]+hexzahl[ghil]+hexzahl[bhih]+hexzahl[bhil];
blenden.style.background = hintergrundfarbe;
blenden.style.visibility = "visible";
aktiv = window.setTimeout("einausblenden()", zeit);
}
textfarbe = textfarbe.toLowerCase();
hintergrundfarbe = hintergrundfarbe.toLowerCase();

var trot = htod(1 , 2, textfarbe);
var tgruen = htod(3, 4, textfarbe);
var tblau = htod(5, 6, textfarbe);

var hrot = htod(1 , 2, hintergrundfarbe);
var hgruen = htod(3, 4, hintergrundfarbe);
var hblau = htod(5, 6, hintergrundfarbe);

var rdiff = Math.abs(trot - hrot);
var gdiff = Math.abs(tgruen - hgruen);
var bdiff = Math.abs(tblau - hblau);
var maxdiff = Math.max(rdiff, gdiff, bdiff);
maxdiff++;

var rdiff = trot - hrot;
var gdiff = tgruen - hgruen;
var bdiff = tblau - hblau;

var rfakt = rdiff / maxdiff;
var gfakt = gdiff / maxdiff;
var bfakt = bdiff / maxdiff;

aktiv = window.setTimeout("einausblenden()", zeit); // das ein- ausblenden wird gestartet

function Aufhoeren () { // funktion für den aufhören button
window.clearTimeout(aktiv);
sichtbar = document.getElementById("anhalten");
sichtbar.style.visibility = "hidden";
sichtbar = document.getElementById("weiter");
sichtbar.style.visibility = "visible";

}

function Weiter () { // funktion für den weiter button
aktiv = window.setTimeout("einausblenden()", zeit);
sichtbar = document.getElementById("anhalten");
sichtbar.style.visibility = "visible";
sichtbar = document.getElementById("weiter");
sichtbar.style.visibility = "hidden";
}

document.write('<div id="text" style="visibility:hidden;font-family:'+textfont+';font-size:'+textgroesse+'px;color:'+hintergrundfarbe+'">-</div>');
//-->
</script>
<form action="">
<input type="button" value="Stop" onclick="Aufhoeren()" id="anhalten">
<input type="button" value="Weiter" onclick="Weiter()" id="weiter">
</form>

<!-- den weiterbutton verbergen um ein zweites starten des skriptes zu unterbinden -->
<script language="JavaScript" type="text/JavaScript">
sichtbar = document.getElementById("weiter");
sichtbar.style.visibility = "hidden";
</script>
<!-- Ende der Seite -->