ilch.de :: Forum :: Allgemein :: HTML, PHP, SQL,...

Hi leute

möchte gerne mit JS eine funktion schreiben die mir das aktuelle datum mit einem vorgegebenen vergleicht ...

sinn und zweck .. das ganze soll für einen Adventskalender her halten, bei dem nur an bestimmten tagen eben die entsprechenden türchen auf gehen

also am 1. nur das 1. etc

habe das bis jetzt so dass die inhalte von den türchen in divs liegen die per css ausgeblendet sind ... und dann mit einer prototype animation wieder eingeblendet werden wenn man darauf klickt.

jemand ne idee wie ich das umsetzen könnte?

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
       "http://www.w3.org/TR/html4/loose.dtd">
        
<html>
    <head>
     
    <title>Christines Modehaus - Adventskalender</title>
     
    <link rel="stylesheet" type="text/css" href="style.css">
     
    <script type="text/javascript" src="http://script.aculo.us/prototype.js"></script>
    <script type="text/javascript" src="http://script.aculo.us/scriptaculous.js"></script>
     
     
     
    </head>
     
    <body>
    <div id="around">
        <p id="title">Advents-Kalender</p>
        <a href="#" onclick="$('tag1').appear(); return false;">
        <div class="tuerle">
            <p>1</p>
        </div></a>
        <div class="tuerle">
            <p>2</p>
        </div>
        <div class="tuerle">
            <p>3</p>
        </div>
        <div class="tuerle">
            <p>4</p>
        </div>
        <div class="tuerle">
            <p>5</p>
        </div>
        <div class="tuerle">
            <p>6</p>
        </div>
        <div class="tuerle">
            <p>7</p>
        </div>
        <div class="tuerle">
            <p>8</p>
        </div>
        <div class="tuerle">
            <p>9</p>
        </div>
        <br>
        <div class="tuerle">
            <p>10</p>
        </div>
        <div class="tuerle">
            <p>11</p>
        </div>
        <div class="tuerle">
            <p>12</p>
        </div>
        <div class="tuerle">
            <p>13</p>
        </div>
        <div class="tuerle">
            <p>14</p>
        </div>
        <div class="tuerle">
            <p>15</p>
        </div>
        <div class="tuerle">
            <p>16</p>
        </div>
        <div class="tuerle">
            <p>17</p>
        </div>
        <div class="tuerle">
            <p>18</p>
        </div>
        <br>
        <div class="tuerle">
            <p>19</p>
        </div>
        <div class="tuerle">
            <p>20</p>
        </div>
        <div class="tuerle">
            <p>21</p>
        </div>
        <div class="tuerle">
            <p>22</p>
        </div>
        <div class="tuerle">
            <p>23</p>
        </div>
        <div class="tuerle">
            <p>24</p>
        </div>
        <br style="clear:both"/>
         
 
        <div class="gewinne">
            <div id="tag1" style=" padding: 5px; margin: 10px;   display:none; width:730px; height:450px; position: absolute; top: 80px; background: #cbc9c9; border:1px solid #333; z-index: 1; -moz-box-shadow: 0px 1px 5px #fff; -webkit-box-shadow: 0px 1px 5px #fff; box-shadow: 0px 1px 5px #fff;">
                <div style=" width: 100%; text-align: right;">
                    <input type="button" onclick="Effect.Fold('tag1'); return false;" value="Close" >
                </div>
                 
                <div class="half">
                    <p>01.12.2011</p>
                </div>
                <div class="half">
                    <iframe src="gewinnspiel.php" width="100%" height="380px" name="Formular" frameBorder="0" scrolling="no">
                      <p>Ihr Browser kann leider keine eingebetteten Frames anzeigen:
                      Sie k&ouml;nnen die eingebettete Seite &uuml;ber den folgenden Verweis
                      aufrufen: <a href="gewinnspiel.php">Formular</a></p>
                    </iframe>
                </div>
                <br style="clear: both" />
            </div>
        </div>
        <p class="footer"><a href="">Gewinner</a> | <a href="">AGB</a> | <a href="">Impressum</a></p>
    </div>
     
         
         
    </body>
</html>

Geschlossen

	Zurück zu HTML, PHP, SQL,...

Beitrag zur Merkliste hinzufügen

ilch Forum » Allgemein » HTML, PHP, SQL,... » Datums abfrage + vergleich