Changeset 416 in t29-www for shared


Ignore:
Timestamp:
May 23, 2013, 1:08:00 PM (7 years ago)
Author:
sven
Message:

Anmeldung/Startseite:

  • Anmeldebutton hübscher gestaltet
  • Bestätigungsmail und Spamschutz-Captcha deaktiviert und Möglichkeit zum späteren Aktivieren eingebaut
Location:
shared
Files:
2 edited

Legend:

Unmodified
Added
Removed
  • shared/css-v6/pagestyles/startseite.css

    r405 r416  
    133133
    134134#termine div.button-box {
    135         opacity: 0.7;
     135        /*opacity: 0.7;*/
    136136        margin-bottom: 20px;
    137137}
     
    143143        padding: 1em;
    144144}
     145
     146
     147/* Button box */
     148#termine div.button-box a.button {
     149        font-family: "Trebuchet MS",Verdana,Helvetica,Arial,sans-serif;
     150        text-decoration: none;
     151        display: inline-block;
     152        cursor: pointer;
     153        padding: 1em;
     154
     155        /*font: 14px "Myriad Pro Light";*/
     156        font-size: 14px;
     157        text-transform: uppercase;
     158        color: #a07f60;
     159        font-weight: bold;
     160}
     161
     162#termine div.button-box a.button:hover {
     163        background-color: white;
     164}
     165
     166#termine a.anmeldung-btn {
     167        /* Soll auffallen */
     168        background-color: #DBEBF7;
     169}
  • shared/js-v6/pagescripts/startseite.js

    r412 r416  
    66$(function() {
    77        // Archiv-Button
    8         $("a.archiv-btn").click(function(){
     8        $("a.archiv-btn").toggle(function(){
    99                $('#termine .archiv').slideDown();
    10                 $(this).slideUp();
     10                //$(this).slideUp();
     11                $(this).text("Vergangene Termine ausblenden");
     12        }, function() {
     13                $('#termine .archiv').slideUp();
     14                $(this).text("Vergangene Termine einblenden");
    1115        });
    1216       
    1317        // Anmelde-Button
    14         $("a.anmeldung-btn").click(function() {
     18        anmeldung_zeigen = function() {
    1519                $anmeldebox = $('<div class="anmelde-maske dynamisch"><h2>Anmelden</h2><p>Hier können Sie sich für eine Veranstaltung anmelden</p></div>');
    1620                $.get('/de/anmeldung.php?ajax', function(data) {
     
    1923                       
    2024                        // Termine aus Startseite extrahieren
    21                         veranstaltungen = $("#termine .box.termin");
     25                        veranstaltungen = $("#termine .box.termin").not(".archiv .termin");
    2226                       
    2327                        if(veranstaltungen.length > 1) {
     
    5458                       
    5559                        // Abbrechen-Button mit Funktion befüllen
    56                         $anmeldebox.find("input[type=reset]").click(function(){
     60                        anmeldung_abbrechen = function(){
    5761                                a = confirm("Soll die Anmeldung verworfen werden?");
    5862                                if(a) {
     
    6064                                                $anmeldebox.remove();
    6165                                        });
    62                                         $("a.anmeldung-btn").show();
     66                                        $("a.anmeldung-btn").text("Zu Führung anmelden").off().click(anmeldung_zeigen);
     67                                        return false; // ist eh egal da formular geloescht wird
    6368                                } else return false
     69                        };
     70                       
     71                        $("a.anmeldung-btn").text("Anmeldung abbrechen").off().click(anmeldung_abbrechen);
     72                        $anmeldebox.find("input[type=reset]").click(anmeldung_abbrechen);
     73                       
     74                        // Submit-Button mit lightweight form checking client side befaehigen
     75                        $anmeldebox.find("form").submit(function(){
     76                                i = ['veranstaltung', 'termin', 'anmelder_name', 'email_adresse'];
     77                                $.each(i, function(){
     78                                        ie = $anmeldebox.find("input[name='"+this+"']");
     79                                        if(/^\s*$/.test(ie.val())) {
     80                                                alert("Bitte füllen Sie die Anmeldung vollständig aus");
     81                                                ie.focus();
     82                                                return false;
     83                                        }
     84                                });
    6485                        });
    6586                       
     
    6990                        // per AJAX nachgeladen werden
    7091                        t29_recaptcha_insert_id = "t29-recaptcha-insert";
    71                         $anmeldebox.find(".t29-recaptcha").attr("id", t29_recaptcha_insert_id);
     92                        $captcha_box = $anmeldebox.find(".t29-recaptcha").attr("id", t29_recaptcha_insert_id);
    7293                        publickey = $anmeldebox.find(".t29-recaptcha").data("publickey");
    73                         t29.load.js("http://www.google.com/recaptcha/api/js/recaptcha_ajax.js", function() {
     94                        if($captcha_box.length) // only load if captchas enabled
     95                            t29.load.js("http://www.google.com/recaptcha/api/js/recaptcha_ajax.js", function() {
    7496                                 Recaptcha.create(publickey, t29_recaptcha_insert_id, {
    7597                                        theme: "clean",
     
    7799                                 });
    78100                        });
    79                        
    80                         $("a.anmeldung-btn").slideUp();
    81101                });
    82102               
     
    85105               
    86106                return false;
    87         });
    88        
     107        };
     108        $("a.anmeldung-btn").click(anmeldung_zeigen);
    89109});
Note: See TracChangeset for help on using the changeset viewer.
© 2008 - 2013 technikum29 • Sven Köppel • Some rights reserved
Powered by Trac
Expect where otherwise noted, content on this site is licensed under a Creative Commons 3.0 License