• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Brauche Hilfe bei dynamischer/statischer Webseite

Status
Für weitere Antworten geschlossen.
W

wallnuss

Neues Mitglied
Hi
Der Titel ist zwar ein bisschen verwirrend abre mir ist nichts besseres eingefallen um mein Problem zu lösen.

Also meine Seite soll so aufgebaut sein

KOPF
__________________________

Haupteil
__________________________

Fuß

Kopf und Fuß bleiben gleich und in der mitte möchte ich nun das die verschiedenen Seite "durchlaufen".

das ganze soll wenn möglich über <div> und js passieren.
Die einzelnen siten werden über <object name="Main" content="text/html" data="content/1-start/main-1.html" width="1024" height="768"> eingebunden.

Was ich jetzt noch brauche wäre ein JS das nach einer bestimmten Zeit zur nächsten Seite wechselt.
HAt da jmd eine Idee ?
Danke schon mal im Voraus
Wallnuss

PS:Falls sich jmd wundert wozu ich das brauche wir bauen in der SChule zuzit einen Infoscreen auf und dort soll das ganze dann ohne benutzereingaben durchwechseln
 
Werbung:
Hab dir hier mal etwas Code zusammen gestellt, ich hoffe das hilft dir weiter, und ist so, wie du gemeint hast.

HTML: 
<div id="content"></div>

<script language="JavaScript">
  var zeit = 5; // Sekunden, bis weitergeschaltet wird
  var seiten = new Array(
    '<object name="Main" content="text/html" data="content/1-start/main-1.html" width="1024" height="768">',
    '<object name="Main" content="text/html" data="content/1-start/main-2.html" width="1024" height="768">',
    '<object name="Main" content="text/html" data="content/1-start/main-3.html" width="1024" height="768">',
    '<object name="Main" content="text/html" data="content/1-start/main-4.html" width="1024" height="768">',
    '<object name="Main" content="text/html" data="content/1-start/main-5.html" width="1024" height="768">');
  
  
  var i = -1;
  function wechseln() { i++;
    if(document.getElementById("content")) { document.getElementById("content").innerHTML = seiten[(i%seiten.length)]; }
    window.setTimeout("wechseln()", zeit*1000); } wechseln();
</script>
 
Danke ich werds gleich mal ausprobieren

*edit* das wechseln etc funktioniert sehr gut sber bestände vllt die Möglichkeit für jede Seite eine andere anzeigen dauer zu definieren ?
 
Zuletzt bearbeitet:
Werbung:
wallnuss schrieb:
Danke ich werds gleich mal ausprobieren

*edit* das wechseln etc funktioniert sehr gut sber bestände vllt die Möglichkeit für jede Seite eine andere anzeigen dauer zu definieren ?
Zum Vergrößern anklicken....

hey! klar ist das möglich:
HTML: 
<div id="content"></div>

<script language="JavaScript">
  var seiten = new Array(
    new Array('<object name="Main" content="text/html" data="content/1-start/main-1.html" width="1024" height="768">',5),
    new Array('<object name="Main" content="text/html" data="content/1-start/main-2.html" width="1024" height="768">',25),
    new Array('<object name="Main" content="text/html" data="content/1-start/main-3.html" width="1024" height="768">',10),
    new Array('<object name="Main" content="text/html" data="content/1-start/main-4.html" width="1024" height="768">',2),
    new Array('<object name="Main" content="text/html" data="content/1-start/main-5.html" width="1024" height="768">',8));
  
  
  var i = -1;
  function wechseln() { i++;
    if(document.getElementById("content")) { document.getElementById("content").innerHTML = seiten[(i%seiten.length)][0]; }
    window.setTimeout("wechseln()", seiten[(i%seiten.length)][1]*1000); } wechseln();
</script>

die zeit, wielang die seite angezeigt werden soll, kannst du mit der Zahl hinter der adresse angeben...
 
Ok danke ich stand da echt auf dem Schlauch
HTML: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
<title>Infoscreen</title>
<style type="text/css">
.Head { vertical-align:top; background-color:rgb(229, 229, 229);color: rgb(0, 0, 0) }
.Logo { vertical-align:top; text-align:right; background-color:rgb(229, 229, 229);color: rgb(0, 0, 0) }
.Time { vertical-align:top; text-align:left; background-color:rgb(229, 229, 229);color: rgb(0, 0, 0) }
.Hauptteil { vertical-align:middle; background-color:transparent; text-align:center}
.Fuss { vertical-align:bottom; background-color:rgb(28, 28, 28); color:rgb(86, 86, 86) }
.Ticker { vetical-align:top}
.Copyright { vetical-align:bottom; text-align:center}
</style>
</head>
<body>
<div id="Head" class="Head">
    <div id="Time" class="Time">
    &nbsp;    
    </div>
     <div id="Logo" class="Logo">
        <img style="width: 143px; height: 50px;" alt="logo-mowhere" src="http://www.html.de/images/nowhere-gym-logo.png">
    </div>
</div>
 
 <div id="Hauptteil" class="Hauptteil">
    <div id="content">
    </div> 
        <script language="JavaScript">
            var seiten = new Array(
                new Array('<object name="Main" content="text/html" data="content/1-start/main-1.html" width="1024" height="768">',5),
                new Array('<object name="Main" content="text/html" data="content/2-arbeitsgruppe_Infoscreen/main-1.html" width="1024" height="768">',5),
                new Array('<object name="Main" content="text/html" data="content/3.5-wetter/main-1.html" width="1024" height="768">',5),
                new Array('<object name="Main" content="text/html" data="content/3-termine/main-1.html" width="1024" height="768">',5),
                new Array('<object name="Main" content="text/html" data="content/Sonstiges/Bestenliste.html" width="1024" height="768">',5),
                new Array('<object name="Main" content="text/html" data="content/9-Aufgabe/Aufgabe6.html" width="1024" height="768">',5),
                new Array('<object name="Main" content="text/html" data="content/10-Braun/Buchtipp_.html" width="1024" height="768">',5),
                new Array('<object name="Main" content="text/html" data="content/10-Braun/wusstet4.html" width="1024" height="768">',5),
                new Array('<object name="Main" content="text/html" data="content/8-Bild/main-1.html" width="1024" height="768">',5)/*,
                new Array('<object name="Main" content="text/html" data="content/3-termine/main-1.html" width="1024" height="768">',5),
                new Array('<object name="Main" content="text/html" data="content/3-termine/main-1.html" width="1024" height="768">',5),
                new Array('<object name="Main" content="text/html" data="content/3-termine/main-1.html" width="1024" height="768">',5),
                new Array('<object name="Main" content="text/html" data="content/3-termine/main-1.html" width="1024" height="768">',5),
                new Array('<object name="Main" content="text/html" data="content/3-termine/main-1.html" width="1024" height="768">'5)*/);
            var i = -1;
            function wechseln() { i++;
            if(document.getElementById("content")) { document.getElementById("content").innerHTML = seiten[(i%seiten.length)][0]; }
                window.setTimeout("wechseln()", seiten[(i%seiten.length)][1]*1000); } wechseln();
        </script>
</div>


<div id="Fuss" class="Fuss">
    <div id="Ticker" class="Ticker">&nbsp; </div>
    <div id="Copyright" class="Copyright">
        <span style="font-size: 11pt; line-height: 115%; font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;;">&copy;</span>
        <small style="font-family: Consolas;">&nbsp;Arbeitsgruppe Infoscreen 2008 - [email protected]
    </div>
</div>
</body>
</html>
So sieht bis jetzt meine Seite aus.
-Oben rechts wird ein Logo angezeigt
-Mitte Content
-Unten Copy..

Wobei ich noch Hilfe benötigen würde wäre:
a. links oben soll das datum+ die Zeit Fortlaufend dargestellt werden.
b.unten über dem Copy... soll ein "Ticker" eingeblendet werden.

Der Ticker sollte am Besten die Nachrichten aus einer Txt auslesen z.B.

Code: 
Nachricht;Wichtigkeit;Datum
Heute Hitzefrei;1;13.06.2008
Morgen Sommerkonzert;5;
...
Dabei soll halt die Wichtigkeit aus der Anzahl der vorhandenen Nachrichten berechnet werden und dann werden veschieden gewichtete Nachrichten unterschiedlich Häufig gezeigt.

Datum wann die Nachrichten Angezeigt werden sollen. Kein Datum=immer.
c. Dann bräuchte ich für den Content noch eine Zeitabfrage à la
if (time => 7:00 and time =<7:45) or (time => 9:15 and time =<9:35)
then ...
elseif (time > 7:45 and time <9:15) or (time > 9:35 and time <11:05)
else --> nocontent.html

Ich weiß ist relativ viel aber falls jmd eine Idee hätte ich würde mich drüber freuen.
Ihr könnt mich auch jederzeit über skype,icq oder msn ereichen.
Falls ihr wollt das ihr genannt werdet oder das im quelltext steht von wem was ist ist das auch kein Problem ;-)

Mit freundlichen Grüßen wallnuss
 
Zuletzt bearbeitet:
Fällt den niemandem etwas ein ?
Wäre nett wenn jmd dazu ein paar ideen hätte wie man das verwirklichen kann.

Ich gebe dazu auch gern einen Job dazu raus ;-) so ungefähr mit folgendem Worten:

Job:
-Anforderungen:Html;JS;PHP
-Aufwandentschädigung:Ehre ohnes gleichen
...

Also macht mal ein wildees brainstorming :lol:

wallnuss
 
Werbung:
Also ein wenig Arbeit kannst du auch selber reinstecken. Ne Uhr per JS findest du per Google ganz einfach. Das könnte man selbst ohne JS-Ahnung selber bauen.

Den Ticker kannst du zur Not per <iframe> einbinden.
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben