Scrolltext Modul
Verfasst: So 4. Nov 2007, 13:02
Hallo Leute,
ich habe im Moment einen Scrolltext auf meiner Seite im Einsatz, den würde ich jetzt wo ich die Seite auf Contenido umstelle gern in ein Modul umbauen.
Ich schildere euch mal wie der scrolltext im Moment aufgebaut ist:
Zuallererst gibt es eine scroll.txt in der der Text steht welcher auf der Seite in einem bestimmten Bereich scrollen soll:
Dann eine Datei namens scroller.php welche so aufgebaut ist:
Und zu guter letzt die Datei index.php wo die schon eben genannten beiden Dateien dann includet werden:
Ich habe noch kein Modul für Contenido gebaut, daher wende ich mich an euch, ist es möglich das ganze auf basis des TEXT (HTML) Moduls zu machen? Das im Backend der Texteingegeben wird und im Frontend erst das Javascript dazukommt, welches dafür sorgt das der Text scrollt?
Vielleicht hat ja schonmal jemand etwas ähnliches realisiert.
Ich versuche es mit einem Modul, weil das includen in einem Layout nicht mehr funktioniert.
Danke und Gruß
Jamest
ich habe im Moment einen Scrolltext auf meiner Seite im Einsatz, den würde ich jetzt wo ich die Seite auf Contenido umstelle gern in ein Modul umbauen.
Ich schildere euch mal wie der scrolltext im Moment aufgebaut ist:
Zuallererst gibt es eine scroll.txt in der der Text steht welcher auf der Seite in einem bestimmten Bereich scrollen soll:
Code: Alles auswählen
Haben Sie einen <b>Anhörungsbogen</b> oder einen <b>Bußgeldbescheid</b> vom Umweltbundesamt erhalten?<br>
...
Code: Alles auswählen
<script language="JavaScript">
document.write('<table border="0"><tr><td width='+swidth+' align="right">');
if (document.getElementById || document.all ){
document.write('<span style="height:'+sheight+';"><div style="position:relative;overflow:hidden;width:'+swidth+';height:'+sheight+';clip:rect(0 '+swidth+' '+sheight+' 0);" onMouseover="sspeed=0;" onMouseout="sspeed=restart"><div align="right" id="slider" style="position:relative;width:'+swidth+';"></div></div></span>')
}
</script>
<ilayer width=&{swidth}; height=&{sheight}; name="slider1" bgcolor=&{sbcolor};>
<layer name="slider2" width=&{swidth}; onMouseover="sspeed=0;" onMouseout="sspeed=restart"></layer></ilayer>
</td>
</tr></table>
Code: Alles auswählen
<?PHP
//Scrolltext
$filename = "scroll.txt";
$handle = fopen ($filename, "r");
$scrolltext = fread($handle, filesize ($filename));
$scrolltext = nl2br($scrolltext);
$scrolltext = nl2br($scrolltext);
$scrolltext = str_replace (chr(10), "", $scrolltext);
$scrolltext = str_replace (chr(13), "", $scrolltext);
//echo $scrolltext;
fclose ($handle);
?>
<html>
<head>
<title></title>
<SCRIPT LANGUAGE="JavaScript">
//scroller width: change to your own;
var swidth=180;
//scroller height: change to your own;
var sheight=68;
//scroller's speed: change to your own;
var sspeed=2;
var restart=sspeed;
rspeed=sspeed;
//text: change to your own
wholemessage='<?PHP echo $scrolltext; ?>';
//-- end Parameters and message -->
//-- begin: Scroller's Algorithm -->
function goup(){if(sspeed!=rspeed*8){sspeed=sspeed*2;restart=sspeed;}}
function godown(){if(sspeed>rspeed){sspeed=sspeed/2;restart=sspeed;}}
function start(){if(document.all) iemarquee(slider);else if(document.getElementById )ns6marquee(document.getElementById('slider'));else if(document.layers)ns4marquee(document.slider1.document.slider2);}function iemarquee(whichdiv){iediv=eval(whichdiv);iediv.style.pixelTop=sheight;iediv.innerHTML=wholemessage;sizeup= iediv.offsetHeight;ieslide();}function ieslide(){if(iediv.style.pixelTop>=sizeup*(-1)){iediv.style.pixelTop-=sspeed;setTimeout("ieslide()",100);}else{iediv.style.pixelTop=sheight;ieslide();}}function ns4marquee(whichlayer){ns4layer=eval(whichlayer);ns4layer.top=sheight;ns4layer.document.write(wholemessage);ns4layer.document.close();sizeup= ns4layer.document.height;ns4slide();}function ns4slide(){if(ns4layer.top>=sizeup*(-1)){ns4layer.top-=sspeed;setTimeout("ns4slide()",100);}else{ns4layer.top=sheight;ns4slide();}}function ns6marquee(whichdiv){ns6div=eval(whichdiv);ns6div.style.top=sheight;ns6div.innerHTML=wholemessage;sizeup= ns6div.offsetHeight;ns6slide();}function ns6slide(){if(parseInt(ns6div.style.top)>=sizeup*(-1)){ns6div.style.top=parseInt(ns6div.style.top)-sspeed;setTimeout("ns6slide()",100);}else{ns6div.style.top=sheight;ns6slide();}}
//-- end Algorithm -->
</script>
</head>
<body onload="start();">
<table width="823" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="823" height="46"><img src="img/<?PHP echo $farbe; ?>/header/header1.jpg" width="823" height="46"></td>
</tr>
<tr>
<td class="scroller" background="img/<?PHP echo $farbe; ?>/header/header2.jpg" width="823" height="79" align="right"><?PHP include " scroller.php"; ?></td>
</tr>
</table>
</body>
</html>
Vielleicht hat ja schonmal jemand etwas ähnliches realisiert.
Ich versuche es mit einem Modul, weil das includen in einem Layout nicht mehr funktioniert.
Danke und Gruß
Jamest
