rhein anfrage - style & api proto

This commit is contained in:
Ulf Gebhardt 2014-05-27 02:42:42 +02:00
parent 6f5d29da2e
commit 649c2b02cf
7 changed files with 101 additions and 35 deletions

View File

@ -1,2 +1,20 @@
<?php
class api_rhein extends \SYSTEM\API\api_system{}
class api_rhein extends \SYSTEM\API\api_system{
public static function call_anfrage($name, $telefon, $email, $anfrage, $handy = ''){
// Die Nachricht
$nachricht = 'Name: '.$name.
'\Telefon: '.$telefon.
'\Handy: '.$handy.
'\EMail: '.$email.
'\Anfrage: '.$anfrage;
$betreff = 'FeWo-Anfrage: '.$name.' '.$email;
$atmail = 'admin@webcraft-media.de';
// Falls eine Zeile der Nachricht mehr als 70 Zeichen enthälten könnte,
// sollte wordwrap() benutzt werden
$nachricht = wordwrap($nachricht, 70);
// Send
mail($atmail, $betreff , $nachricht);
}
}

View File

@ -1,5 +1,6 @@
<?php
class default_anfrage extends SYSTEM\PAGE\Page {
public function html() {
return \SYSTEM\PAGE\replace::replaceFile(\SYSTEM\SERVERPATH(new PPAGE(), 'default_anfrage/default_anfrage.tpl'), array());}
$vars = \SYSTEM\locale::getStrings(DBD\locale_string::CATEGORY_RHEIN_TEXT);
return \SYSTEM\PAGE\replace::replaceFile(\SYSTEM\SERVERPATH(new PPAGE(), 'default_anfrage/default_anfrage.tpl'), $vars);}
}

View File

@ -1,30 +1,29 @@
<h2>Reservierungsanfrage</h2>
<table>
<tr>
<td>Name</td>
<td><input type="text" id="input_name"/></td>
</tr>
<tr>
<td>Vorname</td>
<td><input type="text" id="input_vorname"/></td>
</tr>
<tr>
<td>Telefon</td>
<td><input type="text" id="input_telefon"/></td>
</tr>
<tr>
<td>Handy</td>
<td><input type="text" id="input_handy"/></td>
</tr>
<tr>
<td>Mail</td>
<td><input type="text" id="input_mail"/></td>
</tr>
<tr>
<td>Bemerkung</td>
<td><textarea id="input_bemerkung"></textarea></td>
</tr>
</table>
${rhein_reservierung}
<br/>
<br/>
Ihr Name <font color="red">*</font>
<br/>
<input style="width:70%;" type="text" id="input_name"/>
<br/>
Telefon <font color="red">*</font>
<br/>
<input style="width:70%;" type="text" id="input_telefon"/>
<br/>
Handy
<br/>
<input style="width:70%;" type="text" id="input_handy"/>
<br/>
E-Mail <font color="red">*</font>
<br/>
<input style="width:70%;" type="text" id="input_email"/>
<br/>
Anfrage <font color="red">*</font>
<br/>
<textarea style="width:90%; height: 150px;" id="input_anfrage"></textarea>
<br/>
<div id="message_success" style="display: none;"><font color="green">Anfrage erfolgreich gesendet!</font></div>
<div id="message_fail" style="display: none;"><font color="red">Anfrage konnte nicht gesendet werden. Bitte überprüfen Sie ob alle benötigten Felder ausgefüllt sind.</font></div>
<br/>
<div id="red_star_info">
Mit <font color='red'>*</font> markierte Felder m&uuml;ssen ausgef&uuml;llt werden
</div>

View File

@ -4,6 +4,6 @@
</div>
</div>
<script>
Galleria.loadTheme('rhein/page/default_page/js/galleria/themes/classic/galleria.classic.min.js');
Galleria.run('#galleria');
Galleria.loadTheme('rhein/page/default_page/js/galleria/themes/classic/galleria.classic.min.js');
Galleria.run('#galleria');
</script>

View File

@ -8,6 +8,52 @@ $(document).ready(function() {
$('#content').load('http://mojotrollz.eu/web/rhein/index.php?page='+page,function(){
if(page === 'anreise'){
drawmap();}
if(page === 'anfrage'){
register_anfrage();}
});
});
});
});
function register_anfrage(){
$('#input_send').click(function(){
name = $('#input_name').val();
telefon = $('#input_telefon').val();
handy = $('#input_handy').val();
email = $('#input_email').val();
anfrage = $('#input_anfrage').val();
if(!name || !telefon || !IsEmail(email) || !anfrage ){
$('#message_success').hide();
$('#message_fail').show();
} else {
$.ajax({
url: 'http://mojotrollz.eu/web/rhein/api.php?call=anfrage',
type: 'GET',
data: { name : name,
telefon : telefon,
email : email,
anfrage : anfrage,
handy : handy},
success: function (data) {
if(!data || !data['status']){
$('#message_success').hide();
$('#message_fail').show();
return;}
$('#message_success').show();
$('#message_fail').hide();
}
});
}
});
$('#input_clear').click(function(){
$('#input_name').val('');
$('#input_telefon').val('');
$('#input_handy').val('');
$('#input_email').val('');
$('#input_anfrage').val('');
});
}
function IsEmail(email) {
var regex = /^([a-zA-Z0-9_.+-])+\@(([a-zA-Z0-9-])+\.)+([a-zA-Z0-9]{2,4})+$/;
return regex.test(email);
}

View File

@ -28,6 +28,7 @@
#info {
text-align: right;
padding-top: 1px;
}
body {

View File

@ -41,13 +41,14 @@
</div>
<div id="inhalt">
<div id="content">${rhein_main}</div>
<a href="http://jigsaw.w3.org/css-validator/check/referer"><img style="border:0; padding: 0 0 0 1px;" align="right" src="./api.php?call=files&cat=page&id=valid-css.jpg" alt="Valid CSS!" /></a>
<a href="http://validator.w3.org/check?uri=referer"><img style="border:0;" align="right" src="./api.php?call=files&cat=page&id=valid-xhtml10.jpg" alt="Valid XHTML 1.0 Transitional!" /></a>
</div>
</div>
<div id="footer">
<div id="copyright">${rhein_other_copyright}</div>
<div id="info">${rhein_other_info}</div>
<div id="info">
<a href="http://jigsaw.w3.org/css-validator/check/referer"><img style="border:0; padding: 0 0 0 1px;" align="right" src="./api.php?call=files&cat=page&id=valid-css.jpg" alt="Valid CSS!" /></a>
<a href="http://validator.w3.org/check?uri=referer"><img style="border:0;" align="right" src="./api.php?call=files&cat=page&id=valid-xhtml10.jpg" alt="Valid XHTML 1.0 Transitional!" /></a>
</div>
</div>
<div id="stichworte">
<br/><br/>${rhein_other_keywords}<br/><br/>