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

Keine Ausgabe im div

T

tylerendicott

Neues Mitglied
Hi,

ich versuche, mit js einige Daten zu generien und diese dann in einem div auszugeben.

Wenn ich es so versuche, steht im div nichts drin, obwohl ich es an anderer Stelle identisch gelöst habe.

HTML: 
<div id="kalender">

<!-- temp

//


-->

    <script>

    var d = new Date();
    var weekday = new Array(7);

    weekday[0] = "sun";
    weekday[1] = "mon";
    weekday[2] = "tue";
    weekday[3] = "wed";
    weekday[4] = "thu";
    weekday[5] = "fri";
    weekday[6] = "sun";


    var a = weekday[(d.getDay() -1)];
    $('#day1').text(a);

    var b = weekday[(d.getDay() +0)];
    $('#day2').text(b);

    var c = weekday[(d.getDay() +1)];
    $('#day3').text(c);

    var d = weekday[(d.getDay() +2)];
    $('#day4').text(d);

    var e = weekday[(d.getDay() +3)];
    $('#day5').text(e);


    </script>

    <div id="kal_box_space"></div>

        <div id="day1"></div>
        <div id="day2"></div>
        <div id="day3"></div>
        <div id="day4"></div>
        <div id="day5"></div>

    <div id="kal_box_space"></div>

</div>

Kann mir wer sagen, wo genau das Problem liegt?

Gurß Tyler
 
Werden Fehler werden in der Console ausgegeben?

Meine Vermutung ist das jQuery nicht eingebunden ist.
 
Was augenscheinlich falsch ist:

1. Das Script gehört neben der jQuery-Library ans Dokumentende (vor </body>).
2. Das Script enthält zwei gleichlautende Variablen (var d).
3. Samstag ist mit "sun" (Sunday) abgekürzt.
 
djheke schrieb:
bodo92 schrieb:
Werden Fehler werden in der Console ausgegeben?

Meine Vermutung ist das jQuery nicht eingebunden ist.
Zum Vergrößern anklicken....
Stimmt so funktioniert's
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js" type="text/javascript"></script>
Zum Vergrößern anklicken....
Klar funktioniert's so, aber erst in Verbindung mit meinem 1. Tipp, und dann auch nur bruchstückhaft, weil weitere Fehler enthalten sind ;)
Spicelab schrieb:
1. Das Script gehört neben der jQuery-Library ans Dokumentende (vor </body>).
2. Das Script enthält zwei gleichlautende Variablen (var d).
3. Samstag ist mit "sun" (Sunday) abgekürzt.
Zum Vergrößern anklicken....
 
Ich hab jquery so eingebunden.

Code: 
<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.1.min.js"></script>

Muss ich grundsätzlich alle javascripte vor dem body einbauen? Hab ich bis jetzt nämlich konsequent nicht so gemacht.
 
tylerendicott schrieb:
Muss ich grundsätzlich alle javascripte vor dem body einbauen? Hab ich bis jetzt nämlich konsequent nicht so gemacht.
Zum Vergrößern anklicken....
Um mögliche (Laufzeit-)Fehler im DOM / Scripting zu vermeiden, sollten die Scripts nicht im Dokumentheader (<head></head>), sondern am Dokumentende, eben vor dem schliessenden </body>-Tag, aufgerufen werden.
 
Dann ist ja alles cool, danke.

Mein Problem hab ich nicht anders gelöst. Ist natürlich bei weitem nicht so elegant, funktioniert aber so, wie ich das will und das reicht mir erstmal. Obwohl ich immer noch nicht gecheckt habe, was daran nicht funktioniert. Lösungsvorschläge hab ich alle gelesen und verbessert.

HTML: 
<div id="kalender">
  
<div id="kal_line"></div>
  
<script>

    $(document).ready
    (
        function()
        {
            setInterval(function()
            {
                var d = new Date();
                var day = d.getDay();
              
                if(day == 0)
                    {
                        a = "sat";
                        b = "sun";
                        c = "mon";
                        d = "tue";
                        e = "wed";
                    }
              
                if(day == 1)
                    {
                        a = "sun";
                        b = "mon";
                        c = "tue";
                        d = "wed";
                        e = "thu";
                    }
              
                if(day == 2)
                    {
                        a = "mon";
                        b = "tue";
                        c = "wed";
                        d = "thu";
                        e = "fri";
                    }
              
                if(day == 3)
                    {
                        a = "tue";
                        b = "wed";
                        c = "thu";
                        d = "fri";
                        e = "sat";
                    }
              
                if(day == 4)
                    {
                        a = "wed";
                        b = "thu";
                        c = "fri";
                        d = "sat";
                        e = "sun";
                    }
              
                if(day == 5)
                    {
                        a = "thu";
                        b = "fri";
                        c = "sat";
                        d = "sun";
                        e = "mon";
                    }
              
                if(day == 6)
                    {
                        a = "fri";
                        b = "sat";
                        c = "sun";
                        d = "mon";
                        e = "tue";
                    }

                $('#day1').text(a);
                $('#day2').text(b);
                $('#day3').text(c);
                $('#day4').text(d);
                $('#day5').text(e);

                });
            }
        );
    </script>
  
        <ul>
                <li><div id="day1" class="pos1"></div></li>
                <li><div id="day2" class="pos2"></div></li>
                <li><div id="day3" class="pos3"></div></li>
                <li><div id="day4" class="pos4"></div></li>
                <li><div id="day5" class="pos5"></div></li>
        </ul>
  
</div>
 
Alter Falter, sowas ist natürlich sexy. Ich schau mal, dass ich das so übernehme, wenn es dir recht ist. Das ist nämlich viel cooler als meins :D
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben