Index: shared/css-v6/pagestyles/startseite.css
===================================================================
--- shared/css-v6/pagestyles/startseite.css (revision 412)
+++ shared/css-v6/pagestyles/startseite.css (revision 416)
@@ -133,5 +133,5 @@
#termine div.button-box {
- opacity: 0.7;
+ /*opacity: 0.7;*/
margin-bottom: 20px;
}
@@ -143,2 +143,27 @@
padding: 1em;
}
+
+
+/* Button box */
+#termine div.button-box a.button {
+ font-family: "Trebuchet MS",Verdana,Helvetica,Arial,sans-serif;
+ text-decoration: none;
+ display: inline-block;
+ cursor: pointer;
+ padding: 1em;
+
+ /*font: 14px "Myriad Pro Light";*/
+ font-size: 14px;
+ text-transform: uppercase;
+ color: #a07f60;
+ font-weight: bold;
+}
+
+#termine div.button-box a.button:hover {
+ background-color: white;
+}
+
+#termine a.anmeldung-btn {
+ /* Soll auffallen */
+ background-color: #DBEBF7;
+}
Index: shared/js-v6/pagescripts/startseite.js
===================================================================
--- shared/js-v6/pagescripts/startseite.js (revision 412)
+++ shared/js-v6/pagescripts/startseite.js (revision 416)
@@ -6,11 +6,15 @@
$(function() {
// Archiv-Button
- $("a.archiv-btn").click(function(){
+ $("a.archiv-btn").toggle(function(){
$('#termine .archiv').slideDown();
- $(this).slideUp();
+ //$(this).slideUp();
+ $(this).text("Vergangene Termine ausblenden");
+ }, function() {
+ $('#termine .archiv').slideUp();
+ $(this).text("Vergangene Termine einblenden");
});
// Anmelde-Button
- $("a.anmeldung-btn").click(function() {
+ anmeldung_zeigen = function() {
$anmeldebox = $('
Anmelden
Hier können Sie sich für eine Veranstaltung anmelden
');
$.get('/de/anmeldung.php?ajax', function(data) {
@@ -19,5 +23,5 @@
// Termine aus Startseite extrahieren
- veranstaltungen = $("#termine .box.termin");
+ veranstaltungen = $("#termine .box.termin").not(".archiv .termin");
if(veranstaltungen.length > 1) {
@@ -54,5 +58,5 @@
// Abbrechen-Button mit Funktion befüllen
- $anmeldebox.find("input[type=reset]").click(function(){
+ anmeldung_abbrechen = function(){
a = confirm("Soll die Anmeldung verworfen werden?");
if(a) {
@@ -60,6 +64,23 @@
$anmeldebox.remove();
});
- $("a.anmeldung-btn").show();
+ $("a.anmeldung-btn").text("Zu Führung anmelden").off().click(anmeldung_zeigen);
+ return false; // ist eh egal da formular geloescht wird
} else return false
+ };
+
+ $("a.anmeldung-btn").text("Anmeldung abbrechen").off().click(anmeldung_abbrechen);
+ $anmeldebox.find("input[type=reset]").click(anmeldung_abbrechen);
+
+ // Submit-Button mit lightweight form checking client side befaehigen
+ $anmeldebox.find("form").submit(function(){
+ i = ['veranstaltung', 'termin', 'anmelder_name', 'email_adresse'];
+ $.each(i, function(){
+ ie = $anmeldebox.find("input[name='"+this+"']");
+ if(/^\s*$/.test(ie.val())) {
+ alert("Bitte füllen Sie die Anmeldung vollständig aus");
+ ie.focus();
+ return false;
+ }
+ });
});
@@ -69,7 +90,8 @@
// per AJAX nachgeladen werden
t29_recaptcha_insert_id = "t29-recaptcha-insert";
- $anmeldebox.find(".t29-recaptcha").attr("id", t29_recaptcha_insert_id);
+ $captcha_box = $anmeldebox.find(".t29-recaptcha").attr("id", t29_recaptcha_insert_id);
publickey = $anmeldebox.find(".t29-recaptcha").data("publickey");
- t29.load.js("http://www.google.com/recaptcha/api/js/recaptcha_ajax.js", function() {
+ if($captcha_box.length) // only load if captchas enabled
+ t29.load.js("http://www.google.com/recaptcha/api/js/recaptcha_ajax.js", function() {
Recaptcha.create(publickey, t29_recaptcha_insert_id, {
theme: "clean",
@@ -77,6 +99,4 @@
});
});
-
- $("a.anmeldung-btn").slideUp();
});
@@ -85,5 +105,5 @@
return false;
- });
-
+ };
+ $("a.anmeldung-btn").click(anmeldung_zeigen);
});