• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

Ab bestimmten Datum Button ausblenden und mit Text ersetzen

H

Hoffy1988

New member
Hi Leute,
ich bin gerade dabei, eine Landingpage für ein Gewinnspiel zu schreiben, diese soll in einer SmartphoneApp aufgerufen werden.

Und der Button mit Abschicken soll nur bis zu einem gewissen Datum aktiv sein.
Ist das Datum überschritten, soll ein Text erscheinen mit "Teilnahme ist leider nicht mehr möglich"

Ich habe nun gegoogelt und auch einige tuts bzgl zeitgesteuerten Frames gefunden...
Aber diese Tuts behandeln alle nur Intervalle...

Vlt suche ich ja falsch??

Kann mir jemand mal kurz erklären wie ich so ein Datumsscript richtig aufbaue?? (jQuery 1.9.1)
nehmen wir als bsp Datum den 1.10.2015

Links zu tutorials zu diesem Thema würden mir aber auch reichen.

Danke euch bereits im voraus
​
 
Wenn Fragen sind frag ruhig. Ich hatte vorhin nur das Tablet, damit kann ich keine ganzen Sätze schreiben, daher fiel die Antwort so knapp aus.
 
folgendes:
ich hab jetzt ein wenig rumprobiert...

(ja ich weiß ich bin völliger Noob und habe noch nicht so viel Ahnung)

ich habe folgenden code im Head


Code: 
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
<title>Rush4 - Gewinnspiel</title>
	<link type="text/css" rel="stylesheet" href="CSS/style.css" />
	<script src="JS/jquery-1.9.1.js" type="text/javascript"></script>
</head>

im body habe ich ein kontaktformular mit einem absenden button:

Code: 
	<form id="kontaktformular" name="kontaktformular" action="mailto:a@aol.com" method="post">
		<input type="text" id="absender" name="absender" placeholder="Deine E-Mail-Adresse" required/>

		<div id="radiobuttons">
			<input type="radio" name="gewinn" class="rb" id="codello" value="Ich wuerde mich ueber Codello freuen" checked/>
			<label for="codello">Codello</label><br>
			
			<input type="radio" name="gewinn" class="rb" id="bella" value="Ich wuerde mich ueber Bella Kerzen freuen"/>
			<label for="bella">Bella Kerzen</label><br>
			
			<input type="radio" name="gewinn" class="rb" id="fred" value="Ich wuerde mich ueber Louise&Fred Gentlemen freuen"/>
			<label for="fred"> Louise&Fred Gentlemen</label><br>
			
			<input type="radio" name="gewinn" class="rb" id="louise" value="Ich wuerde mich ueber Louise&Fred Ladies freuen"/>
			<label for="louise">Louise&Fred Ladies</label><br>
			
			<input type="radio" name="gewinn" class="rb" id="ocoo" value="Ich wuerde mich ueber Ocoo Beautybox freuen">
			<label for="ocoo">Ocoo Beautybox</label><br>
			
			<input type="radio" name="gewinn" class="rb" id="goldbergh" value="Ich wuerde mich ueber Goldbergh Luxury Sports-Outfit freuen">
			<label for="goldbergh">Goldbergh - Sports-Outfit</label>
		</div>
		<div id="button" class="sb" data-classes="usb sb">
		<input type="submit" name="abschicken" value="Abschicken" id="abschicken"/>
		<p id="einsendeschluss">Der Einsendeschluss ist der 30.09.2015</p>
		</div>
		<div id="zuspaet" class="usb" data-classes="usb sb">
		</div>
	</form>

am ende meines Bodys steht:

Code: 
	<script type="text/javascript">
          $(document).ready(function() {	
		var ende = new Date(2015, 7, 28);
		var besuch = new Date(year,month, date);
		if ((ende - besuch) < 0)	{
			jQuery('#button').toggleClass(jQuery('#button').data('classes'));
		}
	</script>

also fragt der das heutige datum ab, und soll dann den Block mit dem button deaktivieren.
im nächsten Schritt soll dann eine Meldung kommen, von wegen: Einsendeschluss ist vorbei.

aber irgendwie passiert gar nix...

Was habe ich falsch gemacht?
und was müsste ich wie abändern damit das funzt?

achja die css:

Code: 
@charset "UTF-8";
/* CSS Document */

*	{
	margin:0;
	padding:0;
	color:rgba(0,0,0,1);
	font-family:Arial, sans-serif;
	font-size:1em;
	text-align:center;
	font-weight:400;
}

body, html	{
	background-color:rgba(255,255,255,1);
	height:100%;
}

.usb	{display:none	!important;	}
.sb	{display:block	!important;	}

.fl	{	float:left;	}
.fr	{	float:right;	}
.cb	{	clear:both;	}

#wrapper	{	
	width:96%; 
	padding-left:2%;
	padding-right:2%;
	padding-top:5%;
	background-color:rgba(255,255,255,1);
}


/*==========//GRUSS//==========*/

.closebutton	{
	display:block;
	width:30px;
	height:30px;
	line-height:30px;
	text-decoration:none;
	background:rgba(255,255,255,255);
	border:1px solid rgba(0,0,0,1);
	border-radius:15px;
	position:absolute;
	top:0px;
	right:0px;
	z-index:99999;
}

h1	{
	font-size:1.7em;
	font-weight:bold;
	margin-bottom:15px;
}

p	{
	margin-bottom:7px;
}

p span	{
	font-size:.8em;
}


/*==========//FORMULAR//==========*/

.msg	{
	color:rgba(184,0,0,1);
}
	
#absender	{
	width:80%;
	min-height:30px;
	border:1px solid rgba(0,0,0,1);
}

form > input {	
	margin-top:10px;
	margin-bottom:10px;
}

.rb	{
	margin-top:1px;
}

input[type=radio] {
/*	margin-top:-4px;*/
	margin-bottom:2px;
}

#radiobuttons > label	{
	font-size:1em;
}

#abschicken	{
	margin-top:20px;
	background-color:rgba(255,255,255,1);
	border:1px solid rgba(0,0,0,1);
	padding:2px 6px;
}

#einsendeschluss	{
	font-size:.8em;
}

- - - Aktualisiert - - -

hab meinen Fehler gefunden...
ich blinder...

hab vergessen die Funktionen entsprechend abzuschließen


Code: 
	<script type="text/javascript">
          $(document).ready(function() {	
		var ende = new Date(2015, 7, 28);
		var besuch = new Date();
		if ((ende - besuch) < 0)	{
			jQuery('#button').toggleClass(jQuery('#button').data('classes'));
			};
		});
	</script>
 
Zuletzt bearbeitet:
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben