112 lines
3.8 KiB
Smarty
112 lines
3.8 KiB
Smarty
<div id="content_contact">
|
|
<div class="full_box">
|
|
<div class="title_wrapper">
|
|
<div class="title"><h1 style="color:#000000;">Newsletteranmeldung</h1></div>
|
|
<div class="clear"></div>
|
|
</div>
|
|
|
|
<div class="box_content">
|
|
<div class="box_padder canvas_box">
|
|
|
|
{if $formdata.state == 1}
|
|
<div style="background:#009900;padding:10px;color:#ffffff;font-weight:bold;">
|
|
Vielen Dank für Ihre Registrierung!
|
|
</div>
|
|
{elseif $formdata.state == 3}
|
|
<div style="background:#990000;padding:10px;color:#ffffff;font-weight:bold;">
|
|
Es ist ein Fehler aufgetreten, bitte setzen Sie sich mit dem Administrator in Verbindung!
|
|
</div>
|
|
{else}
|
|
{if $formdata.state == 2}
|
|
<div style="background:#990000;padding:10px;color:#ffffff;font-weight:bold;">
|
|
Bitte füllen Sie alle Pflichtfelder aus!
|
|
</div>
|
|
{/if}
|
|
<div style="float:left;width:350px;">
|
|
<form id="contact_form" class="common_form" method="post" action="/Newsletteranmeldung/?sent=true">
|
|
<div style="padding:20px;background:transparent url({$THEME_DIR}/media/images/contact_bg.png) no-repeat;height:300px;">
|
|
<div style="width:298px;">
|
|
|
|
<div>
|
|
<label for="salutation">Anrede</label><br />
|
|
<select id="salutation" name="form_data[salutation]">
|
|
<option value="0">Herr</option>
|
|
<option value="1">Frau</option>
|
|
</select>
|
|
</div><br />
|
|
|
|
<div style="float:left;width:140px;">
|
|
<label for="firstname" style="font-weight:bold;color:#ff0000;">Vorname*</label><br />
|
|
<input id="firstname" name="form_data[firstname]" value="{$formdata.firstname}" style="width:100%;" />
|
|
</div>
|
|
<div style="float:right;width:140px;">
|
|
<label for="surname" style="font-weight:bold;color:#ff0000;">Nachname*</label><br />
|
|
<input id="surname" name="form_data[surname]" value="{$formdata.surname}" style="width:100%;" />
|
|
</div>
|
|
<br style="clear:both;" /><br />
|
|
|
|
<div>
|
|
<label for="email" style="font-weight:bold;color:#ff0000;">E-Mail Adresse*</label><br />
|
|
<input id="email" name="form_data[email]" value="{$formdata.email}" style="width:100%;" />
|
|
</div>
|
|
<br />
|
|
|
|
<div style="float:left;">
|
|
<div id="send_container" style="width:172px;height:44px;overflow:hidden;position:relative;cursor:pointer;color:#999999;">
|
|
<div style="position:absolute;width:172px;height:44px;left:0px;background-color:#cccccc;text-align:center;font-weight:bold;font-size:16px;line-height:44px;">Anmelden</div>
|
|
</div>
|
|
</div>
|
|
<div style="float:right;line-height:11px;font-size:10px;">
|
|
<strong>*Pflichtangabe</strong><br />
|
|
</div>
|
|
<br style="clear:both;" /><br />
|
|
</div>
|
|
</div>
|
|
|
|
<input type="hidden" name="account_contact" value="" />
|
|
</form>
|
|
</div>
|
|
<div style="float:left;width:300px;">
|
|
<div style="position:relative;">
|
|
<br /><br />
|
|
<div style="line-height:1.2em;">
|
|
{$system_configuration.newsletter_registration_text|replace:"\n":"<br />"}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<br style="clear:both;" />
|
|
{/if}
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<script type="text/javascript">
|
|
$(document).ready(function() {
|
|
|
|
$('#firstname, #surname, #email').keyup(function() {
|
|
if ($('#firstname').val() != '' && $('#surname').val() != '' && $('#email').val() != '') {
|
|
$('#send_container').css('color', '#000000');
|
|
}
|
|
else {
|
|
$('#send_container').css('color', '#999999');
|
|
}
|
|
});
|
|
|
|
|
|
$('#send_container').click(function() {
|
|
if ($('#firstname').val() != '' && $('#surname').val() != '' && $('#email').val() != '') {
|
|
$("input[name='account_contact']").val('ready_to_fly');
|
|
$('#contact_form').trigger('submit');
|
|
}
|
|
});
|
|
});
|
|
</script>
|
|
|
|
|
|
|
|
|
|
|