Beiträge von Billbos

Billbos

Na lesen kannst du anscheinend auch nicht. Es hieß Nummer 6 und nicht Nummer 4. Lern lesen und wenn du dich mit mir treffen magst um mir zu erzählen wie sehr du hier dein Schwachsinn zu Tage bringen kannst, dann musst du schon kommen.
Und falls du mich in Frankfurt treffen möchtest, dann hast du noch eine Woche Zeit, weil wir dann in der Winterpause sind Carl-Benz-Straße 21, ich glaube die Adresse sagt dir was.

Billbos

Na so ein Angebot kann ich nicht abschlagen. Gerne tagsüber bis Abends 21:30 Uhr. Dieselstraße 6 in 63110 Rodgau

Billbos

Heißt deine Hauptdatei index.html oder index.php?

Billbos

Dabei scheine ich wie ein Magnet auf dich zu wirken, sonst würdest du mir nicht jedes Mal eine Liebesunterbreitung machen.
By the way - erzähls deim Pfleger

Billbos

Hallo,

gerne würde ich eine jQuery Mobile Seite erstellen. Die Indexseite soll fünf Link besitzen (Link1;Link2;Link3;Link4;Link5), diese sind "collapsible". Wenn ich das Collapsible anwende erscheinen automatisch die Links zu den Unterseiten (siehe Anhang). Da ich aus Performancegründen nicht für jeden Link eine extra HTML-Datei anlegen möchte, suche ich nach einer Methode die Links nur noch zuzuweisen.
Ich weiss, dass es geht, doch habe ich schon die ganze jQuery Docs durchsucht, aber ich komme nicht drauf.

Also soll z.B.

Link1 (collapsible) geklickt werden
<li>Link1</li> wird gedrückt und leitet mich weiter zu einer HTML-Seite und zwar nur zu dem Part dem ich <li>Link1</li> zugeordnet habe.

Sprich ich möchte für meine fünf Hauptlinks nur noch 5 dazugehörige HTML-Dateien haben und einen "#anchor" setzen, weiß, aber nicht wie ich das verlinken soll.

Danke schonmal und siehe Grafik

Billbos

Ja, wenn man zur Familie gehört, dann schon.

Billbos

Aber da du nicht weißt, ob es kommerziell ist, kannst du dir alles sparen, was du sagst!
Was du aufstellst sind einfach Behauptungen, die du nicht beweisen kannst, das ist Fakt.
Und wenn du in dem Thread nicht helfen kannst, dann fühl dich einfach persöhnlich nicht angesprochen.

Billbos

Es heißt doch "forum-hilfe" wieso dann jedes Mal am mäkkern? Endweder jemand weiß es und kann es mir beantworten oder man hält sich einfach raus. Wo ist dein Problem, ob es kommerziell ist oder nicht, geht keinen wann an, ich muss ich dafür auch nicht rechtfertigen.
http://www.photoswipe.com

Billbos

Hallo,

falls sich jemand mit "Photoswipe" auskennt, würde ich gerne wissen, wieso die Bilder nicht dementsprechend geladen werden.
Habe eine mobile Galerie erstellt, doch leider lädt das Plugin die Fotos als extra Seite, anstelle sie einfach einzublenden.
Hier der Link: (nach laden einmal F5 bitte)

http://poure.eu/mobile.fitness_world/fotos.html

und hier der Quellcode dazu:

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Fitness World Rodgau - Fotos (Mobil)</title>


<!-- jQuery Mobile -->
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" />
<script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
<script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>
<!-- WebApp Deifnition -->
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<!-- Apple -->
<link rel="apple-touch-icon-precomposed" href="bilder/icon-ipad.png" sizes="72x72" />
<link rel="apple-touch-icon-precomposed" href="bilder/icon-iphone-retina.png" sizes="114x114" />
<link rel="apple-touch-icon-precomposed" href="bilder/icon-ipad-retina.png" sizes="144x144" />
<link rel="apple-touch-icon-precomposed" href="bilder/icon-iphone.png" />
<!-- CSS Formatierung individuell -->
<link href="css/style.css" rel="stylesheet" type="text/css" />
<!-- google FONT API -->
<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
<!-- Fotos / Galerie -->
<link href="css/styles_galerie.css" type="text/css" rel="stylesheet" />
<link href="css/photoswipe.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="js/klass.min.js"></script>
<script type="text/javascript" src="js/code.photoswipe.jquery-3.0.5.min.js"></script>


<script type="text/javascript">


        (function(window, PhotoSwipe){

            document.addEventListener('DOMContentLoaded', function(){

                var
                    options = {},
                    instance = PhotoSwipe.attach( window.document.querySelectorAll('#Gallery a'), options );

            }, false);


        }(window, window.Code.PhotoSwipe));

    </script>


</head>


<body>


<div data-role="page" id="fotos">
    <div data-role="header" data-theme="a" data-position="fixed"><a href="index.html" data-role="button" data-icon="home" data-iconpos="notext" data-position="fixed"data-tap-toggle="false">Hier wird kein Text angezeigt</a><h1 style="font-size: 1em;">Fotos</h1></div> <!-- HEADER -->
    <div data-role="content" data-theme="a">
                <ul id="Gallery" class="gallery">
                    <li><a href="img/full/full_001.jpg" rel="external"><img src="img/thumb/thumb_001.jpg" alt="Kursraum" /></a></li>
                    <li><a href="img/full/full_002.jpg" rel="external"><img src="img/thumb/thumb_002.jpg" alt="Solarium" /></a></li>
                    <li><a href="img/full/full_003.JPG" rel="external"><img src="img/thumb/thumb_003.jpg" alt="Ausdauer" /></a></li>
                    <li><a href="img/full/full_004.JPG" rel="external"><img src="img/thumb/thumb_004.jpg" alt="Butterfly" /></a></li>
                    <li><a href="img/full/full_005.JPG" rel="external"><img src="img/thumb/thumb_005.jpg" alt="Zirkel" /></a></li>
                    <li><a href="img/full/full_006.JPG" rel="external"><img src="img/thumb/thumb_006.jpg" alt="Hantelbereich" /></a></li>
                </ul>
    </div> <!-- CONTENT -->

Alles anzeigen

Die Anleitung gibts bei google unter dem Suchwort "photoswipe", doch irgendwo steckt ein Fehler, bei mir!

Merci!

Billbos · Bildschirmfoto 2012-12-03 um 13.42.44.jpg

Hallo,

ich weiß zwar nicht, ob es das auch für WINDOWS gibt, aber falls du ein iPhone - iPad Emulator brauchst, nutze den von Apple, der heißt "xCode". Bin sehr zufrieden mit dem.

Billbos

Hallo,

ich habe einen Kursplan erstellt der von Mo-So. geht.
Die Liste zeigt bis jetzt immer den Montag an (ausgeklappt). Meine Idee ist es, dass immer der Tag ausgeklappt ist, der auch tatsächlich ist.
Wenn also Dienstag ist, soll auch Dienstag geöffnet sein und alles andere zu sein. Das lässt sich sehr wahrscheinlich nur mit PHP realisieren, oder?
Arbeiten tu ich grade an einem jQuery Mobile Projekt (siehe Anhang).

HTML

<div class="ui-grid-b">
                            <div class="ui-block-a">18.00-19.00 Uhr</div>
                            <div class="ui-block-b">Bodystyling - mit Jenny</div>
                        </div><!-- /grid-b -->

                        <hr />

                        <div class="ui-grid-b">
                            <div class="ui-block-a">19.00-20.00 Uhr</div>
                            <div class="ui-block-b">Wirbels&auml;ulengymnastik - mit Jenny</div>
                        </div><!-- /grid-b -->

                        <hr />

                        <div class="ui-grid-b">
                            <div class="ui-block-a">20.00-21.00 Uhr</div>
                            <div class="ui-block-b">Step - mit Jenny</div>
                        </div><!-- /grid-b -->
                </div> <!-- MONTAG -->
                <div data-role="collapsible">
                    <h3>Dienstag</h3>
                        <div class="ui-grid-b">
                            <div class="ui-block-a">10.00-11.30 Uhr</div>
                            <div class="ui-block-b">Pilates & Wirbels&auml;ulen-Gymnastik - mit Angelika</div>
                        </div><!-- /grid-b -->

                        <hr />

                        <div class="ui-grid-b">
                            <div class="ui-block-a">18.30-20.00 Uhr</div>
                            <div class="ui-block-b">Bodymix und Stretch - mit Manu</div>
                        </div><!-- /grid-b -->
                </div> <!-- DIENSTAG -->
                <div data-role="collapsible">
                    <h3>Mittwoch</h3>
                        <div class="ui-grid-b">
                            <div class="ui-block-a">18.30-20.00 Uhr</div>
                            <div class="ui-block-b">Super Conditioning - mit Eric</div>
                        </div><!-- /grid-b -->
                </div> <!-- MITTWOCH -->
                <div data-role="collapsible">
                    <h3>Donnerstag</h3>
                        <div class="ui-grid-b">
                            <div class="ui-block-a">18.30-19.30 Uhr</div>
                            <div class="ui-block-b">Body &amp; Mind Yoga - mit Manu</div>
                        </div><!-- /grid-b -->

                        <hr />

                        <div class="ui-grid-b">
                            <div class="ui-block-a">19.30-20.00 Uhr</div>
                            <div class="ui-block-b">Bauchkiller - mit Manu</div>
                        </div>

                        <hr />

                        <div class="ui-grid-b">
                            <div class="ui-block-a">20.00-21.00 Uhrr</div>
                            <div class="ui-block-b">ZUMBA - mit Manu</div>
                        </div>
                </div> <!-- DONNERSTAG -->
                <div data-role="collapsible">
                    <h3>Freitag</h3>
                        <div class="ui-grid-b">
                            <div class="ui-block-a">09.15-10.00 Uhr</div>
                            <div class="ui-block-b">R&uuml;ckenfitness - mit Ch. Feeser</div>
                        </div><!-- /grid-b -->

                        <hr />

                        <div class="ui-grid-b">
                            <div class="ui-block-a">18.30-20.00 Uhr</div>
                            <div class="ui-block-b">Bauch, Beine, Po - mit Jenny</div>
                        </div><!-- /grid-b -->
                </div> <!-- FREITAG -->

                <p>Es stehen keine Kurse am Samstag und Sonntag zur Auswahl!</p>

Alles anzeigen

Danke schonmal:-D

Billbos

Jop!
Hab den Fehler gefunden, der Teufel steckt eben im Detail.

Code

var anfrage  = $('#notiz').attr('value');

es muss heißen

Code

var [B]notiz[/B]  = $('#notiz').attr('value');

Billbos

Doch! Möchte ich, wer weiss, vielleicht ist es ja Familie!
lukasn: Danke, ich schaue mal.

Billbos

Vorurteile sind hier fehl am Platz!

Billbos

Hallo,

ich habe eine mobile Website mit jQuery Mobile entwickelt. Dazu habe unter dem Menüpunkt "Probetraining" ein Formular, was an sich auch gut funktioniert. Doch leider ließt er die Noitz nicht aus, ich bekomme lediglich diese Mail zugesant:

http://danielsfotos.com/forum/1.PNG

http://danielsfotos.com/forum/2.png

http://danielsfotos.com/forum/3.png

Hier mein Code:

Submitform.php

PHP

<?php
header('content-type: application/json; charset=utf-8');


if (isset($_GET['name'])) {
    $name = strip_tags($_GET['name']);
    $email = strip_tags($_GET['email']);
    $telefon = strip_tags($_GET['telefon']);
    $notiz = strip_tags($_GET['notiz']);
    $header = "Von: ". name . " <" . $email . ">rn"; 


    $empfaenger = 'billbos@hotmail.de';
    $titel = 'Das Kontaktformular wurde ausgeführt';
    $mailtext = "
    Name: $name
    E-Mail: $email
    Telefon: $telefon
    Notiz: $notiz
    ";
    $result = 'success';


    if (mail($empfaenger, $titel, $mailtext, $header)) {
        echo json_encode($result);
    }
}
?>

Alles anzeigen

Hier das HTML

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Fitness World Rodgau - Startseite (Mobil)</title>


<!-- jQuery Mobile -->
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" />
<script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
<script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>
<!-- WebApp Deifnition -->
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<!-- Apple -->
<link rel="apple-touch-icon-precomposed" href="bilder/icon-ipad.png" sizes="72x72" />
<link rel="apple-touch-icon-precomposed" href="bilder/icon-iphone-retina.png" sizes="114x114" />
<link rel="apple-touch-icon-precomposed" href="bilder/icon-ipad-retina.png" sizes="144x144" />
<link rel="apple-touch-icon-precomposed" href="bilder/icon-iphone.png" />
<!-- CSS Formatierung individuell -->
<link href="css/style.css" rel="stylesheet" type="text/css" />
<!-- google FONT API -->
<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>


</head>


<body>


<div data-role="page" id="probetraining">
    <div data-role="header" data-theme="a" data-position="fixed"><a href="index.html" data-role="button" data-icon="home" data-iconpos="notext" data-position="fixed"data-tap-toggle="false">Hier wird kein Text angezeigt</a><h1 style="font-size: 1em;">Infos</h1></div> <!-- HEADER -->
    <div data-role="content" data-theme="a">
                <h4>Probetraining</h4>

                    <hr />

                    <p>
                    Sie haben Gefallen an unserem Angebot gefunden? Dann kommen Sie doch gleich zum Probetraining vorbei. F&uuml;llen Sie dazu einfach das unten stehende Formular aus. Wir melden uns binnen 24 Stunden bei Ihnen, um Ihnen den gew&uuml;nschten Termin zu best&auml;tigen.


                    <hr />

                    <form id="probetraining">
                        <div data-role="fieldcontain">
                            <label for="name">Name:</label>
                            <input type="text" name="name" id="name" value="" />
                        </div>

                        <div data-role="fieldcontain">
                            <label for="email">E-Mail:</label>
                            <input type="email" name="email" id="email" value="" />
                        </div>

                        <div data-role="fieldcontain">
                            <label for="telefon">Telefon:</label>
                            <input type="tel" name="telefon" id="telefon" value="" />
                        </div>

                        <!--

                        <p>Wann m&ouml;chten Sie kommen?</p>

                        <fieldset data-role="controlgroup" data-type="horizontal">
                            <label for="select-choice-month">Month</label>
                                <select name="select-choice-month" id="select-choice-month">
                                    <option>Monat</option>
                                    <option value="jan">January</option>
                                    <option value="feb">Februar</option>
                                    <option value="mar">M&auml;rz</option>
                                    <option value="apr">April</option>
                                    <option value="mai">Mai</option>
                                    <option value="jun">Juni</option>
                                    <option value="jul">Juli</option>
                                    <option value="aug">August</option>
                                    <option value="sep">September</option>
                                    <option value="okt">Oktober</option>
                                    <option value="nov">November</option>
                                    <option value="dez">Dezember</option>
                                </select>

                            <label for="select-choice-day" style=" width: 50%;">Day</label>
                                <select name="select-choice-day" id="select-choice-day">
                                    <option>Tag</option>
                                    <option value="1">1</option>
                                    <option value="2">2</option>
                                    <option value="3">3</option>
                                    <option value="4">4</option>
                                    <option value="5">5</option>
                                    <option value="6">6</option>
                                    <option value="7">7</option>
                                    <option value="8">8</option>
                                    <option value="9">9</option>
                                    <option value="10">10</option>
                                    <option value="11">11</option>
                                    <option value="12">12</option>
                                    <option value="13">13</option>
                                    <option value="14">14</option>
                                    <option value="15">15</option>
                                    <option value="16">16</option>
                                    <option value="17">17</option>
                                    <option value="18">18</option>
                                    <option value="19">19</option>
                                    <option value="20">20</option>
                                    <option value="21">21</option>
                                    <option value="22">22</option>
                                    <option value="23">23</option>
                                    <option value="24">24</option>
                                    <option value="25">25</option>
                                    <option value="26">26</option>
                                    <option value="27">27</option>
                                    <option value="28">28</option>
                                    <option value="29">29</option>
                                    <option value="30">30</option>
                                    <option value="31">31</option>
                                </select>
                        </fieldset>

                        -->

                        <div data-role="fieldcontain">
                            <label for="name">Notiz:</label>
                            <textarea name="notiz" id="notiz" value=""></textarea>
                        </div>

                        <button type="submit" data-theme="a" id="submitform">Abschicken</button>
                    </form>
    </div> <!-- CONTENT -->

    <script type="text/javascript">


//Formdaten an PHP-Datei senden
    $("form#probetraining").submit(function() {
    // we want to store the values from the form input box, then send via ajax below
    var name = $('#name').attr('value');
    var email = $('#email').attr('value');
    var telefon = $('#telefon').attr('value');
    var anfrage  = $('#notiz').attr('value');

        $.ajax({
            type: "get",
            url: "submitform.php",
            data: "name="+ name +"&email="+ email+"&telefon="+ telefon+"&notiz="+ notiz,
            success: function(){
                $.mobile.changePage("probetraining-erfolgreich.html", { transition: "flip"} );
                //alert('test');
            }
        });
    return false;
    });


            
</script>

</div> <!-- PAGE -->




</body>
</html>

Alles anzeigen

Dankeschön!

Billbos

Ich habe das Problem wie folgt gelöst:

Code

.ui-page {
    background: url(../img/navy_blue/navy_blue.png);
    background-repeat: repeat;
}
.ui-content{
    background: transparent;
}

Das Body-Element hat sich durch die Einbindung von jQuery nicht angesprochen gefühlt, obwohl ich meine style.css nach der jQuery.css eingebunden habe.
Somit habe ich den background über ui....page angesprochen!

Billbos

Achte bei dem Source (src) immer auf den richtigen Pfad. Wenn du eine Website erstellst dann mach das in folgender Ordnerstruktur:

Ordner mit Name der Homepage z.B. Projekt_01
in dem Ordner kommen dann die Unterordner wie z.B. ein Ordner für Bilder "img" ein Ordner für dein CSS Code "css" u.s.w.
Webfonts musst du nicht zwangsläufig auf deinem Rechner haben!!!

Viel Erfolg!

Billbos

Stimmt, ich muss der index-Seite einen Verweis zum Serverpfad geben! Hat alles geklappt, dankeschön!

Billbos

Hallo,

eigentlich ganz simple, doch ich erkenne den Fehler nicht.
Habe ein PDF verlinkt, doch es wird nicht geladen.
Weiss jemand, ob das von jQuery Mobile unterbunden wird?

http://poure.eu/mobile.fitness_world/

Kurse - Kurse als PDF (müsste er das PDF laden)

Code

<li style="-webkit-border-radius: 10px;
    border-radius: 10px;"><a href="docs/pdf/kursliste_nr.pdf" title="Kursliste Nieder Roden">Kurse als PDF</a></li>

Danke schonmal!

Billbos

Hallo,

z.B. Unter dem Menüpunkt Events habe ich unter dem Schriftzug hätte ich weiss als Hintergrund. Das habe ich kompensiert durch <br>'s. Du siehst die Scrollleiste, die nur nur die <br>'s entsteht.

Beiträge von Billbos

jQuery Mobile Unterseiten

jQuery Mobile Unterseiten

Hilfe Seite wird nicht richtig dargestellt

jQuery Mobile Unterseiten

jQuery Mobile Unterseiten

Photoswipe

Photoswipe

Photoswipe

Photoswipe

Emulator für Mobiles: reicht Opera?

Immer aktuellen Tag anzeigen

jQuery Kontaktformular - Noitz wird nicht ausgelesen

jQuery Kontaktformular - Noitz wird nicht ausgelesen

jQuery Kontaktformular - Noitz wird nicht ausgelesen

jQuery Kontaktformular - Noitz wird nicht ausgelesen

WebApp Hintergrund

Bild einbinden - warum geht es nicht?

PDF lädt nicht

PDF lädt nicht

WebApp Hintergrund