Jannik
Mitglied
Registriert: 16.08.2006
Beiträge: 43
|
|
Hi, ich habe ein javascript, welches jeden Monat einen Text erzeugt. Diesen Text möchte ich gerne über den Bildschirm laufen lassen. Also Lauftext, wie er ja schon von manchen Websites bekannt ist.
Meine Frage ist nun: Wie bekomme ich das hin? Sprich wie sieht der umgeschriebene Quelltext aus?
Ich hatte schonmal einen ähnlichen Thread, jedoch im falschen Bereich und ohne, dass mir vollständig geholfen werden konnte.
Hier der Code:
Code:
<script type="text/javascript">
/* <![CDATA[ */
var jetzt = new Date();
var jahresmonat = jetzt.getMonth();
var monat = new Array("Text Januar",
"Text Februar",
"Text März",
"Text April",
"Text Mai",
"Text Juni",
"Text Juli",
"Text August",
"Text September",
"Text Oktober",
"Text November",
"Text Dezember");
document.write(monat[jahresmonat]);
/* ]]> */
</script> |
Ich hoffe ihr könnt mir helfen.
Danke ^^
mfg.
|
|
| 09.09.2006 15:41:15 |
|
Jannik
Mitglied
Registriert: 16.08.2006
Beiträge: 43
|
|
Also eine Möglichkeit habe ich jetzt gefunden. Aber dabei sind noch ein paar Probleme:
Wie kann ich es erreichen, dass die Laufschrift nur von rechts nach links wandert und dann neu anfängt? Weil im Moment schwingt es immer hin und her.
Dann nochetwas. Wie könnte es funktionieren, dass die Laufschrift über die ganze Breite des Bildschirms wandert und nicht nur in einem kleinen Bereich. Ich weis ja nicht, wie hoch die Auflösung vom Betrachter ist.
Als letztes noch eine Fehlermeldung vom Validator:
Das Tag div ist an dieser Stelle nicht erlaubt.
document.write("<div id='text'>"+monat[jahresmonat]+"</div>");
Code:
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Laufschrift</title>
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<script type="text/javascript">
var hin=true;
function marquee1()
{
document.getElementById("text").style.color="#660066";
document.getElementById("text").style.fontFamily="'Comic Sans MS',serif";
document.getElementById("text").style.fontSize="16px";
document.getElementById("text").style.fontStyle="italic";
document.getElementById("text").style.fontWeight="normal";
document.getElementById("text").style.left="0px";
document.getElementById("text").style.position="absolute";
document.getElementById("text").style.textDecoration="none";
document.getElementById("text").style.top="0px";
marquee2();
};
function marquee2()
{
var pos_x=document.getElementById("text").style.left;
pos_x=parseInt(pos_x);
if (hin)
{
pos_x-=2;
if (pos_x<0)
{
hin=false;
pos_x=0;
};
};
else
{
pos_x=parseInt(pos_x)+2;
if (pos_x>500)
{
hin=true;
pos_x=500;
};
};
document.getElementById("text").style.left=pos_x+"px";
setTimeout("marquee2()", 1);
};
</script>
</head>
<body onload="marquee1()">
<script type="text/javascript">
var jetzt = new Date();
var jahresmonat = jetzt.getMonth();
var monat = new Array("Text Januar",
"Text Februar",
"Text März",
"Text April",
"Text Mai",
"Text Juni",
"Text Juli",
"Text August",
"Text September",
"Text Oktober",
"Text November",
"Text Dezember");
document.write("<div id='text'>"+monat[jahresmonat]+"</div>");
</script>
</body>
</html> |
Hoffentlich hat einer ne Idee.
^^
mfg.
Beitrag geändert von Jannik (11.09.2006 18:48:04)
|
|
| 11.09.2006 18:47:27 |
|
Jannik
Mitglied
Registriert: 16.08.2006
Beiträge: 43
|
|
Das mit dem div habe ich nun gelöst, aber da bleiben immer noch 2 Fragen zum Aussehen. Ich hoffe die kann mir einer von euch beantworten.
1) Wie geht das, dass die Schrift nur von rechts nach links läuft und nicht hin und her pendelt?
2) Ist es möglich, die Laufschrift über die ganze Seite laufen zu lassen und nicht nur bis zu einer bestimmten Pixelangabe?
Hoffentlich wird das noch gelöst...
mfg.
|
|
| 13.09.2006 15:25:37 |
|
Wechsel zu
Die letzten Beiträge aus diesen Forum
|
|
