jquery mobile und php

  • PHP

    jquery mobile und php

    Hi,

    bin gerade dabei eine Smartphone optimierte Website zu erstellen.
    Habe mit Jquery mobile gute Möglichkeiten gefunden um meine Ideen realisieren zu können, doch einige Probleme bereitet mir das Kontaktformular.
    Nach einer Videoanleitung habe ich das Grundgerüst des Kontaktformularers erstellt und der Versand funktioniert, doch die einzelenen Einträge (z.B. Wert aus dem Feld Name ) werden in der E-mail nicht angezeigt oder es heißt nur undefi.


    Quellcode

    1. <div data-role="content" id="kontakt-inhalt">
    2. <form id="kontaktformular">
    3. <div data-role="fieldcontain">
    4. <label for="name">Name:</label>
    5. <input type="text" name="name" id="Name" value="" />
    6. </div>
    7. <div data-role="fieldcontain">
    8. <label for="e-mail">E-Mail::</label>
    9. <input type="email" name="email" id="email" value="" />
    10. </div>
    11. <div data-role="fieldcontain">
    12. <label for="telefon">Telefon-Nr.:</label>
    13. <input type="tel" name="telefon" id="telefon" value="" />
    14. </div>
    16. <div data-role="fieldcontain">
    17. <label for="artanfrage">Art der Anfrage:</label>
    18. <select name="artanfrage" id="aranfrage" >
    19. <option value="Reservierung">Reservierung</option>
    20. <option value="Hinweis">Hinweis </option>
    21. <option value="Beschwerde">Beschwerde</option>
    22. </select>
    23. </div>
    24. <div data-role="fieldcotain">
    25. <label for="anfrage">Anfrage:</label>
    26. <textarea name="anfrage" id="anfrage" value=""></textarea>
    27. </div>
    29. <button type="submit" data-theme="a" id="submitform">Abschicken</button>
    31. </form>
    33. </div>


    das js script nach dem Oberigen Code:

    Brainfuck-Quellcode

    1. <script type="text/javascript">
    3. $("form#kontaktformular").submit(function() {
    5. var name = $('#name').attr('value');
    6. var email = $('#email').attr('value');
    7. var telefon = $('#telefon').attr('value');
    8. var artanfrage = $('#artanfrage').attr('value');
    9. var anfrage = $('#anfrage').attr('value');
    11. $.ajax({
    12. type: "get",
    13. url: "http://....bplaced.net/.../submitform.php",
    14. data: "name="+name+"&email="+email+"&telefon="+telefon+"&artanfrage="+artanfrage+"&anfrage="+anfrage,
    15. sucess: function(){
    16. $.mobile.changePage("http://......<---erfolgreich abgeschicktes Formular", {
    17. transition:"fade"});
    18. }
    19. });
    20. return false;
    22. });
    24. </script>


    und das php Dokument :

    PHP-Quellcode

    1. <?php
    2. header('content-type: application/json; charset=utf-8');
    4. if (isset($_GET["name"])){
    5. $name = strip_tags($_GET['name']);
    6. $email = strip_tags($_GET['email']);
    7. $telefon = strip_tags($_GET['telefon']);
    8. $artanfrage = strip_tags($_GET['artanfrage']);
    9. $anfrage = strip_tags($_GET['anfrage']);
    10. $header = "Von: ".$name . " <" . $email . ">rn";
    13. $empfaenger ='meineE-mailadresse';
    14. $titel = 'Kontakttformular wurde ausgefüllt';
    15. $mailtext = "
    16. Name: $name
    17. E-mail: $email
    18. Telefon: $telefon
    19. Art der Anfrage: $artanfrage
    20. Anfrage: $anfrage
    21. ";
    22. $result = 'success';
    23. if (mail($empfaenger, $titel, $mailtext, $header)) {
    24. echo json_encode($result);
    26. }
    28. }
    29. ?>



    findet jemand eine Lösung?


    Und noch ein anderes Problem besteht:
    Ich habe einen Footer. Wie kann ich in einer css datei diesen Footer/Navbar farblich ändern ( habe schon zig Möglichkeiten probiert aber nicht geschafft :( )

    Danke vorab!


    EDIT: Habe alle Probleme andere Wege gelöst :D

    Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von „Gefönd“ ()