nicht angemeldet
Hallo,
Ich suche ien schönes Script für einen Textticker, wo auch Links eingegeben werden können.
Kennt jemand ein gutes? Egal ob Java Script, html, php oder cgi.
Da man in CGI nichts schreiben kann und ich auf PHP heute keine Lust habe nheme ich mal Javscript und HTML.
Da keine Einschränkungen gemacht wurden gelten die ofiziellen Standards in der jeweils gültigen letzten Version.
---snip---
<?xml version="1.0" encoding="ISO-8859-1" standalone="yes"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Ticker Tape</title>
<meta http-equiv="content-type" lang="de" content="text/html; charset=ISO-8859-1" />
<script type="application/x-javascript">
//<!--
//<![CDATA[
function tickerTape() {
var j = 10;
var k = 10;
var DivMain = document.getElementById("divid");
var Div = document.createElement("div");
var DivId = document.createAttribute("id");
var DivStyle = document.createAttribute("style");
var Text = document.createTextNode(" $a_{1} > x^{2n} + y^{2n} > z ");
var Text1 = document.createTextNode(" \ip{A}{B} = \sum_{i} a_{i} b_{i} ");
var Text2 = document.createTextNode(" Latex 2e is out! Ouh, what late! ");
var Linktext = document.createTextNode(" example ");
var Link = document.createElement("a");
var LinkHref = document.createAttribute("href");
DivStyle.nodeValue = "position:absolute;top:" + j + "px;left:" + k + "px;white-space:nowrap;"
Div.setAttributeNode(DivStyle);
DivId.nodeValue = "div2id";
Div.setAttributeNode(DivId);
LinkHref.nodeValue = "http://example.com/";
Link.setAttributeNode(LinkHref);
Link.appendChild(Linktext);
Div.appendChild(Text);
Div.appendChild(Link);
Div.appendChild(Text1);
Div.appendChild(Text2);
DivMain.appendChild(Div);
scrollvLnR(10);
}
function scrollvLnR(_x) {
var x = (_x - 1);
var Tape = document.getElementById("div2id");
var Scroll = "scrollvLnR(" + x + ")";
if (x <= (-100)) {
x = 0;
Scroll = "scrollvLnR(" + x + ")";
}
Tape.style.left = x + "ex";
window.setTimeout(Scroll, 100);
}
//]]>
//-->
</script>
</head>
<body onload="javascript:tickerTape();">
<div id="divid" style="position:absolute;top:10px;left:10px;width:200px;height:4ex;overflow:hidden;border-style:solid;border-color:black;border-width:1px;">
</div>
</body>
</html>
---snap---
SCNR ;-)
(Hat auch einen kleinen Bug sowie ein Zeichen meiner Faulheit ;-)
so short
Christoph Zurnieden.