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

Geschlossen
  1. Mo. 31.10.2011 19:59 Uhr #1
    User Pic
    holz Hall Of Fame
    Registriert seit
    17.11.2005
    Beiträge
    4.606
    Beitragswertungen
    117 Beitragspunkte
    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? 

    <!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>
    0 Mitglieder finden den Beitrag gut.
  2. Mo. 31.10.2011 20:15 Uhr #2
    User Pic
    Tr3icio gelöschter User
    Es gibt die schöne Methode getDate des Date-Objektes die dir den Tag sagt ... damit könnte man einfach abfragen:

    if ( date.getDate() == 1 ) { ... }
    0 Mitglieder finden den Beitrag gut.
  3. Mo. 31.10.2011 22:05 Uhr #3
    User Pic
    holz Hall Of Fame
    Registriert seit
    17.11.2005
    Beiträge
    4.606
    Beitragswertungen
    117 Beitragspunkte
    okay werde ich mir dann mal anschauen

    wie kann ich es dann machen dass der link nur dann aktiv ist wenn die bedingung von der if anweisung wahr ist?

    klar in den anweisungsblock .. aber wie genau?
    0 Mitglieder finden den Beitrag gut.
  4. Mo. 31.10.2011 23:29 Uhr #4
    User Pic
    Mikro Mitglied
    Registriert seit
    05.10.2011
    Beiträge
    237
    Beitragswertungen
    21 Beitragspunkte
    Du bist ja ganz schön fleißig lächeln

    Erstmal ein Hinweis zwecks Datum mit JS also, 
    <script type='text/javascript'>
var zeit = new Date();
var Tag = zeit.getDate()
console.log(Tag);
</script>

    ist immer die Zeit die auf dem ausgeführten Rechner eingestellt ist, also stell ich meine Uhr vor wird auch in JS die Zeit vorgestellt, das kann dir mit PHP nicht passieren die kommt vom Server, deshalb besser die Grundzeit von PHP holen. 

    <script type='text/javascript'>
var Tag = <?php echo date('j'); ?> ;
console.log(Tag);
</script>


    Machen kannst du folgendes: 
    
<div class="tuerle" alt="1" >dein Inhalt</div>

<script type='text/javascript'>

$(function(){

     $('.tuerle').click(function(){
          
          //Tag vom Server
          var Tag = <?php echo date('j'); ?> ;
          
          // Tag von div auslesen          
          var tuertag = $(this).attr('alt');

          if(tuertag <= Tag){

                $('was du zeigen willst').show(); 
          }else{

               alert('Noch nicht soweit');
          }
     });
});
</script>


    Nix getestet oder so nur als Denkanregung, ist aber mit jQuery.

    Weiter so Bier


    Zuletzt modifiziert von Mikro am 31.10.2011 - 23:34:18
    Wer Rechtschreibfehler findet darf sie behalten!
    0 Mitglieder finden den Beitrag gut.
Geschlossen

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

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten