Jeden Wochentag ein anderes iframe nur wie ?

dirk67 · 05.01.2020

Hallo zusammen,

ich habe vorlegendes Problem und zwar möchte ich das für jeden Wochentag ein neues iframe geladen wird

also

Montag -> mo.html

Dienstag-> di.html

Mittwoch-> mi.html

Donnerstag -> do.html

Freitag -> fr.html

Samstag -> sa.html

Sontag -> so.html

Leider ist Javascript nicht so meins ja ich weiß php kann das besser und einfacher aber nicht ohne Server ;-)

Ich hoffe jemand kann mir weiterhelfen

MJayFux · 05.01.2020

Code:

<script type = "text/javascript">
    var datum = new Date();
    var wochentag = datum.getDay();
    switch (wochentag) {
               case 0: var iframelocation = "so.html";
               break;
            
               case 1: var iframelocation = "mo.html";
               break;
            
               case 2: var iframelocation = "di.html";
               break;
            
               ...

               case 6: var iframelocation = "sa.html";
               break;
            
               default: var iframelocation = "mo.html";
            }
      </script>     
      <p><iframe src="javascript:document.write(iframelocation);" /></p>

Dürfte so eigentlich klappen wenn ich nicht wieder einen Denkfehler gemacht habe ...

dirk67 · 06.01.2020

Erst einmal danke

Leider klappt es nicht :-(

Code:

<script type = "text/javascript">
    var datum = new Date();
    var wochentag = datum.getDay();
    switch (wochentag) {
               case 0: var iframelocation = "so.html";
               break;
          
               case 1: var iframelocation = "mo.html";
               break;
          
               case 2: var iframelocation = "di.html";
               break;
          
               case 3: var iframelocation = "mi.html";
               break;

           case 4: var iframelocation = "do.html";
               break;
 
               case 5: var iframelocation = "fr.html";
               break;

           case 6: var iframelocation = "sa.html";
               break;
          
               default: var iframelocation = "so.html";
            }
      </script>   
      <p><iframe src="javascript:document.write(iframelocation);" /></p>

Annihilator · 06.01.2020

Möglicherweise liegt der Fehler in der restlichen Programmierung.
Wir bräuchten mal den kompletten Quelltext.

Gruß
A

dirk67 · 06.01.2020

der ifram rahmen wird angezeit mehr aber nicht :-(

HTML:

<!DOCTYPE html>
<html lang="de">
<head>
    <meta charset="UTF-8">
    <title>test</title>
    <meta name="description" content="test">

</head>

<body>

<script type = "text/javascript">
var datum = new Date();
var wochentag = datum.getDay();
switch (wochentag) {
case 0: var iframelocation = "so.html";
break;
      
 case 1: var iframelocation = "mo.html";
 break;
        
 case 2: var iframelocation = "di.html";
 break;
        
 case 3: var iframelocation = "mi.html";
 break;

 case 4: var iframelocation = "do.html";
 break;

 case 5: var iframelocation = "fr.html";
 break;

 case 6: var iframelocation = "sa.html";
 break;
        
 default: var iframelocation = "so.html";
 }
</script> 
<p><iframe src="javascript:document.write(iframelocation);" /></p>

</body>
</html>

MJayFux · 07.01.2020

dirk67 schrieb:
der ifram rahmen wird angezeit mehr aber nicht :-(

sind die sources richtig referenziert?

owieortho · 07.01.2020

ReferenceError: iframelocation is not defined

Das Einfügen von

Code:

var iframelocation;

- obwohl eigentlich überflüssig, da sie ja jeweils im switch deklariert wird - ändert aber auch nichts. Und der wiederum funktioniert, was man sieht, wenn man sich das Ergebnis anzeigen lässt. Es scheint mir, dass es ein Problem gibt (lokal) das Ergebnis in den Wert des src-Attributs zu schreiben. Zur Kontrolle hat der Verzicht auf das JS und ein direkter Aufruf einer der Wochentagsdateien im iframe funktioniert.

Mal sehen was noch rauskommt.
Schönen Tag
O.

dirk67 · 07.01.2020

Also wenn ich dich richtig verstehe müsste es

case 2: var iframelocation; = "di.html";

break;

heißen ? wenn ja das klappt auch nicht :-(

dirk67 · 08.01.2020

Ich habe mal etwas gesucht und das gefunden

Code:

<script language="JavaScript" type="text/javascript">
<!--
var tag = new Date();
var heute = tag.getDay();
var bild = new Array();
bild[1]="1.png";
bild[2]="2.png";
bild[3]="1.png";
bild[4]="4.png";
bild[5]="5.png";
bild[6]="6.png";
bild[7]="7.png";

function bild_des_tages()
{
document.getElementById('bild').innerHTML = '<img src="' + bild[heute] + '" border="0" />';
}
//-->
</script>


</head>

<body>

<body onload="bild_des_tages();">
<div id="bild"></div>

mit bilder klappt das nur eben nicht mit html bzw. iframe

MJayFux · 08.01.2020

Na dann passt du den Code entsprechend an ...

Code:

<script language="JavaScript" type="text/javascript">
<!--
var tag = new Date();
var heute = tag.getDay();
var source = new Array();
source[1]="mo.html";
source[2]="di.html";
...
source[7]="so.html";
 
function source_des_tages()
{
document.getElementById('frame').innerHTML = '<iframe src="' + source[heute] + '" border="0" />';
}
//-->
</script>
</head>
 
<body onload="source_des_tages();">
<div id="frame"></div>

Annihilator · 08.01.2020

bitte beachten: source[0]="so.html";

Gruß
A

dirk67 · 08.01.2020

Perfekt es klappt 1000 dank