Subversion-Projekte lars-tiefland.webanos.zeldi.de

Revision

Details | Letzte Änderung | Log anzeigen | RSS feed

Revision Autor Zeilennr. Zeile
4 lars 1 
<div class="newsletter_anmeldung">
2 
    <h3>Newsletteranmeldung</h3>
3 
    <p style="font-size:1.1rem;">Melde dich an und erhalte regelm&auml;&szlig;ig aktuelle Informationen zu tollen Angeboten.</p>
4 
    <form id="newsletter_register" name="newsletter_register" onsubmit="return false;">
5 
        <input id="newsletter_email" type="text" name="newsletter_email" placeholder="Deine E-Mailadresse f&uuml;r unseren Newsletter" />
6 
        <input type="hidden" value="newsletter_reg" name="action" />
7 
        <input type="text" name="newsletter_email_capt" style="display:none;" value="" />
8 
        <input class="shopButton" type="submit" id="butt_ok" value="Anmelden" />
9 
    </form>
10 
 
11 
    <div id="newsletter_msg"></div>
12 
</div>
13 
 
14 
<script>
15 
$(document).ready(function(){
16 
    $("#newsletter_register").keyup(function(e) {
17 
       if(e.keyCode == 13) {
18 
          $("#butt_ok").trigger("click");
19 
       }
20 
    });
21 
 
22 
    $('#butt_ok').click(function(){
23 
        var formdata = $('#newsletter_register').serialize();
24 
        $('#newsletter_msg').load('/module/newsletter_register.php', formdata, function(data){});
25 
        $('#newsletter_msg').css("background-color","#fff");
26 
    });
27 
});
28 
</script>
29 
 
30 
<style>
31 
    .newsletter_anmeldung {
32 
        width:96%;
33 
        margin:2% auto;
34 
        padding: 1% 2%;
35 
        display:block;
36 
        text-align:center;
37 
        background:#fff;
38 
        padding:2%;
39 
        color:#112530;
40 
 
41 
    }
42 
    .newsletter_anmeldung h3 {
43 
        padding:1% 0;
44 
        font-size:1.4rem;
45 
    }
46 
    #newsletter_register {
47 
        display:flex;
48 
        gap:10px;
49 
        justify-content: center;
50 
    }
51 
    #newsletter_email {
52 
        margin:0;
53 
    }
54 
    .newsletter_anmeldung input[type=text] {
55 
        outline: none;
56 
        border-style: none;
57 
        border: none;
58 
        border-radius: 5px;
59 
        padding: 10px 10px;
60 
        z-index: 10;
61 
        float: left;
62 
        margin-top: 10px;
63 
        display: block;
64 
        width: 100%;
65 
        max-height: 30px;
66 
        background-color:#898989!important;
67 
        color: #fff;
68 
    }
69 
    /* newsletter anmeldung im footer */
70 
    #newsletter_msg {
71 
        padding: 2%;
72 
        background-color:transparent!important;
73 
        text-align:center;
74 
    }
75 
    #newsletter_email {
76 
        outline: none;
77 
        padding: 6px 2%;
78 
        border-style: none;
79 
        z-index: 10;
80 
        float: left;
81 
        width: 60%;
82 
        height:31px;
83 
    }
84 
    #butt_ok {
85 
        border-style:none;
86 
        border-radius:5px;
87 
        outline: none;
88 
        float: left;
89 
        margin: 0px 0px !important;
90 
        font-size:15.4px;
91 
        height:43px;
92 
        color:#fff;
93 
        background:#ffd03a;
94 
        transition:all 200ms ease;
95 
    }
96 
    #butt_ok:hover,
97 
    #butt_ok:focus {
98 
        background-color:#ea5802;
99 
    }
100 
 
101 
 
102 
</style>