Neues Addon - Tageszeit

    Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

      Neues Addon - Tageszeit

      Hallo ich habe eine Frage an die "Profis" hier,
      und zwar, wie muß ich den Code abändern, damit der entweder login1.html, login2.html oder login3.html (eine für morgens, tags, und abends).

      und

      wie müßte er geändert werden für style1, style2, style 3 ?

      Hier der Code:
      <head>
      <script type="text/javascript" language="javascript">
      <!-- Begin
      datetoday = new Date();
      timenow=datetoday.getTime();
      datetoday.setTime(timenow);
      thehour = datetoday.getHours();
      if (thehour > 18) display = "Abend";
      else if (thehour >11) display = "Tag";
      else display = "Morgen";
      var greeting = ("Hallo und schönen guten " + display + ",");
      document.write(greeting);
      // End -->
      </script> </font></font></font></font>
      </head>

      Ich wäre sehr dankbar, wenn mir wer helfen könnte....

      RE: Neues Addon - Tageszeit

      Warum so kompliziert hier probier mal das

      Quellcode

      1. <script language="JavaScript">
      2. <!-- Verstecken für ältere Browser --
      3. today = new Date()
      4. if(today.getMinutes() < 10){
      5. pad = "0"}
      6. else
      7. pad = "";
      8. document.write ;if((today.getHours() >=6) && (today.getHours() <=11)){
      9. document.write("Guten Morgen") //nach 6 Uhr bis 11 Uhr
      10. }
      11. if((today.getHours() >=11) && (today.getHours() <=13)){
      12. document.write("Mahlzeit! ") //nach 11 Uhr bis 13 Uhr
      13. }
      14. if((today.getHours() >=12) && (today.getHours() <=16)){
      15. document.write("Guten Tag !") // nach 12 Uhr bis 16 Uhr
      16. }
      17. if((today.getHours() >=17) && (today.getHours() <=23)){
      18. document.write("Guten Abend !") //nach 17 Uhr bis 23 Uhr
      19. }
      20. if((today.getHours() >=0) && (today.getHours() <=4)){
      21. document.write("Sind sie Nachtschwärmer?")
      22. }
      23. if((today.getHours() >=4) && (today.getHours() <=6)){
      24. document.write("Sind Sie etwa schon oder gar noch auf?")
      25. }
      26. // -- Ende verstecken -->
      27. </script>


      Das Fügst du an der Stelle ein wo du es haben willst
      ab besten zwischen <body> </body>
      Die Uhrezeiten und den Text änderst du deinen Bedürfnissen an.

      Mfg Manfred

      RE: Neues Addon - Tageszeit

      Au fein, danke.
      Und wie mache ich daß, der er anstatt Text eine jeweilig Seite aufruft, die farblich zu der Tageszeit angepasst ist ?

      z.B.: login1.htm (für morgens) login2.htm (für mittags), usw.

      Auch bei den Styles, daß er einen bestimmten Style je nach Tageszeit annimmt. z.B.: Style1, Style2, etc...

      RE: Neues Addon - Tageszeit

      User 1 steigt um 10 Uhr in den Chat und hat einen blauen Hintergrund
      User 2 steigt um 15 Uhr in den Chat und hat einen grünen Hintergrund
      Nun willst du das beide User sich Unterhalten können verstehe ich das Richtig?

      Mfg Manfred

      RE: Neues Addon - Tageszeit

      Hallo,
      in erster Linie hätte ich gerne die Loginseite zur Tageszeit angepasst, z.B. Tagsüber in hellerem hintergrund und abends im dunkelerem hintergrund, dem ensprechend auch die Schriftfarbe, daß man die lesen kann.
      Dazu habe ich mir gedacht, mache ich verschiedene login-seiten, die entsprechent aufgerufen werden.
      Im Chat auch so, tagüber soll alles bisserl herller sein, also einen helleren style und am abend bissle ne dunkleren style..

      RE: Neues Addon - Tageszeit

      Ok ein wenig html wirst ja können.
      Aber bedenke ein User hat einen anderen Style ergo müsstest du den User zwingen deine Vorgaben anzunehmen.
      User ein hat sich den blauen Hintergrund ausgesucht.
      Deine Vorgaben sind aber um dieser Uhrzeit Roter Hintergrund daher musst du es so schreiben das der User ebenfalls den roten Hintergrund hat.
      Dazu habe ich jetzt mal einen Kopf dafür, aber die Idee ist nicht schlecht.
      Mal sehen ob ich die Zeit finde dazu.

      Mfg Manfred

      RE: Neues Addon - Tageszeit

      Ja deswegen richte ich diese Frage an die Profis, habe mir schon den Kopf dazu zerbrochen, weiß aber nicht wie ich das lösen soll...

      document.write
      Wie lautet da der Befehl, wenn er ein Hintergrundbild laden soll ?

      Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von „Peppi“ ()

      RE: Neues Addon - Tageszeit

      Nun dann würde ich dir mal Vorschlagen lies dir mal das durch selfhtml.org/ da findest du genau die Antworten auf deinen Fragen.
      Wo was einbauen das können wir dir gerne sagen.
      Hier ein kleiner Tipp für die jeweilige *.css Datei für ein Hintergrundbild zu laden

      Quellcode

      1. background-image: url(images/table-bg.JPG);

      Probier ein wenig rum dann lernst du noch leichter, wir geben dir Tipps und Hilfestellungen ein wenig musst du dann schon selber machen ;)

      Mfg Manfred
      Du kannst es dir einfach machen und mehrere CSS Dateien verwenden, oder aber, du machst es etwas geschickter.

      Der Code von Manfred ist für den Anfang gut, aber ausbaufähig. Hier mal eine... Gekürzte Version :D

      Quellcode

      1. <script language="JavaScript">
      2. var h = new Date().getHours();
      3. var c = null;
      4. if (h<=6) {c = "Guten Morgen. Schon wieder oder immernoch wach?";}
      5. else if (h<=11) {c = "Guten Morgen";}
      6. else if (h<=14) {c = "Mahlzeit!";}
      7. else if (h<=18) {c = "Guten Tag";}
      8. else if (h<=23) {c = "Guten Abend";}
      9. else if (h>=0 && h<=6) {c = "Guten Morgen. Schon wieder oder immernoch wach?");}
      10. </script>


      Was du daraus machst, musst du selbst wissen ;)

      Aber ich bin ja mal nicht so ;) Einen Tip gebe ich dir wohl noch :D

      Quellcode

      1. document.writeln("HIER KOMMT DEIN CSS CODE REIN");


      Im Übrigen würde ich nicht für jede Tagszeit ein Template verwenden, sondern lediglich mit CSS arbeiten.

      Übrigens... Die Teile der CSS, die du dynamisch durch diese JS generierst, musst du aus der verwendeten CSS Datei entfernen, da sonst die Sheets aus der CSS, anstatt die generierten aus der JS genommen werden.

      Viel Erfolg ;)