Mobile Version Tippübersicht + Zoomen

Ich habe einen Blog Artikel verfasst - Wie benutze ich die Suche richtig - Bitte diesen beachten und auch umsetzen bevor Ihr ein Neues Thema eröffnet!

    Moin!


    In der alten Mobilen Version die es mal gab oder immer noch gibt , würde bei der Tippübersicht unten eine Tabelle mit allen Spielern angezeigt mit ihren Tipps. Bei der neuen mobilen Version muss man jeden Tippwr einzeln auswählen. Find ich etwas unschön gelöst , da man so direkt den Überblick über alle Spiele und jeden Tipp hatte.


    Kann man das Iwie nachrüsten etc? Über Ideen und Lösungen wäre ich sehr mit euch verbunden.


    Grüse

    Hi Lachaffe,


    da alles via jQuery Mobile gelöst wurde, um damit verbunden gewissen Vorteile beim Theming zu haben, wurde es so gelöst da unter jQuery Mobile die Ansicht nicht gepasst hätte. Man könnte jetzt sicher eine Ansicht bastelt, die der damals gleich kommt. Resultat wäre aber das die Tabelle nicht ins Bild passt, eine eigene CSS bräuchte etc.


    Wer da eine andere Lösung hat, gerne. Ich werde es so lassen.


    Beste Grüße

    Erstmals vorneweg – ich hab die Modifikation mit der Tippübersicht für mich gemacht und auch noch nicht alles durchgetestet, daher ohne Gewähr.
    Macht am Besten vorher einfach eine Kopie von allen Dateien die ihr bearbeitet.



    Ich hab aus der alten mobilen Version die Tippübersicht (tipps.php) auf die neue angepasst und bin wie folgt vorgegangen:


    Folgende Zeilen habe ich in /mobile/include/functions.mobile.php am Ende vor ?> hinzugefügt:

    PHP: functions.mobile.php
    1. function WappenMobileKlein ($short_name, $name, $id, $pfad, $size, $link = TRUE) { $pfad = $pfad.$id.'.gif'; $image = ($link ? '' : '') .'<img src="../'. $pfad .'" border="0" alt="Wappen von '. $short_name .'"' .' title="Wappen von '. $name .'" width="'. $size .'" height="'. $size .'" style="vertical-align:middle;">' .($link ? '' : ''); return $image; }


    Dadurch wird dann in der Tippübersicht (tippskomplett.php) die Wappen aus der bulitipp-Installation angezeigt.


    Dann hab ich die /mobile/css/custom.css wie folgt ergänzt:

    CSS: custom.css
    1. .sysMsg{ margin:-55px 0 47px -4px; padding:5px 5px 5px 5px; border:1px solid #333333; text-align:center; font-weight:bold; color:#FFFFFF; background-color:#ff6600; float:none;}.sysMsg a, .sysMsg a:active, .sysMsg a:visited, .sysMsg a:hover{ color:#FFFFFF; text-decoration:underline;}.jumpTo{ font-size:1.0em; font-family: "Century Gothic", Verdana, Arial, Helvetica, Sans-Serif; color:#000088; font-weight:bold; background-color:#F4F1E6; margin:auto;}.table_content{ width:100%; -moz-border-radius:5px 5px 5px 5px; background-color: whitesmoke; border-radius:.6em;}.table_end{ width:100%; -moz-border-radius:5px 5px 5px 5px; background-color:#92D050; color:#92D050; border-radius:.6em;}.tipp_td{ text-align:center; background-color:#92d050;}.tipp_name{ text-align:left; font-size: 70%; background-color:#92d050;}.tipp_result{ border-bottom:2px solid #cococo; border-collapse: collapse; border: 1px solid #ABABCC; color:#000; font-size:80%;}.tipp_result2{ border-bottom:2px solid #C0D1DD; background-color:#FFFF00; white-space:nowrap; border-collapse: collapse; border: 1px solid #ABABCC; color: red; font-size:80%;}.tipp_result3{ border-bottom:2px solid #cococo; border-collapse: collapse; color:#000; font-size:80%;}.news th { -moz-border-radius:5px 5px 5px 5px; background-color:#92D050; font-size:1.1em; text-align:left; white-space:nowrap; color:#ffffff;}.news_th{ text-align:right; background-color:#C0D1DD;}.tipp_finished{ font-size: 12px; font-family: "Century Gothic", Verdana, Arial, Helvetica, Sans-Serif;/* width: 21px; */ text-align: center; color: #000000; font-weight: bold; white-space:nowrap;}.tipp_hz_finished{ font-size: 9px; font-family: "Century Gothic", Verdana, Arial, Helvetica, Sans-Serif;/* width: 17px; */ text-align: center; color: #000000; font-weight: normal; white-space:nowrap;}.tipp_not_started{ font-size: 12px; font-family: "Century Gothic", Verdana, Arial, Helvetica, Sans-Serif;/* width: 21px; */ text-align: center; color: #FF0000; font-weight: bold; white-space:nowrap;}.tipp_hz_live{ font-size: 9px; font-family: "Century Gothic", Verdana, Arial, Helvetica, Sans-Serif;/* width: 17px; */ text-align: center; color: #0000FF; font-weight: bold; white-space:nowrap;}.tipp_live{ font-size: 12px; font-family: "Century Gothic", Verdana, Arial, Helvetica, Sans-Serif;/* width: 21px; */ text-align: center; color: #0000FF; font-weight: bold; white-space:nowrap;}

    Jetzt nur noch das Menü anpassen in der /mobile/index.php und /mobile/content/index.php.


    Bei der /mobile/index.php unter der Zeile

    HTML: /mobile/index.php
    1. <li><a href="<?php echo $_SERVER['PHP_SELF']; ?>?site=tipps"">Tippübersicht</a></li>

    habe ich folgende Zeile eingefügt:

    HTML: /mobile/index.php
    1. <li><a href="<?php echo $_SERVER['PHP_SELF']; ?>?site=tippskomplett"">Tippübersicht alle</a></li>

    und bei der /mobile/content/index.php unter der Zeile

    HTML: /mobile/content/index.php
    1. <li><a href="#/about/history">Tippübersicht</a></li>

    habe ich folgende Zeile eingefügt:

    HTML: /mobile/content/index.php
    1. <li><a href="<?php echo $_SERVER['PHP_SELF']; ?>?site=tippskomplett"">Tippübersicht alle</a></li>


    Danach einfach die anhängende tippskomplett.php in /mobile/content/ hochladen.


    Das hab ich bei mir so schnell eingebaut, weil ich diese Tippübersicht auch besser finde als die aus der neuen mobilen Version. Allerdings hab ich noch nicht getestet ob die live-Ansicht – also wenn die Spiele laufen – korrekt ist. Aber für mich passt das erst mal so… Quasi quick&dirty. Ich hoffe ich hab nichts vergessen!

    Hallo!


    Eine kurze Frage. Wenn ich jetzt in der "mobilen" Version auf "Tippübersich alle" gehe, werde ich immer wieder auf die Login Seite geleitet. Hat vor ein paar Tage im Testbetrieb alles funktioniert. Habt Ihr das auch bzw. kann mir da jemand weiterhelfen??


    Dankeschön im Voraus und ein schönes Wochende noch...
    Andre

    Ich hatte noch vergessen die Links bei der tippskomplett.php anzupassen. Daher ist man zum Beispiel, wenn man den Spieltag manuell auswählen wollte auf die Standard-Tippübersicht der mobilen Version gekommen. Das hab ich nun korrigiert und die Datei in meinem alten Post und hier erneut hochgeladen.


    @jepi6000
    Das ist mir noch nicht aufgefallen mit Weiterleitung auf die Loginseite - bei mir funktioniert es.


    @Littlesteve
    Ich hab kein iPhone, daher keine Ahnung wie man es dafür besser anpassen könnte. Viel kleiner bekommt man die Übersicht sowieso nicht - notfalls einfach das Handy drehen

    Hallo!


    Ich habe leider noch keine Lösung für das Problem gefunden.
    1. Ich logge mich ein
    2. Gehe auf tippen und dann auf Tippübersicht alle.
    3. Die Login Seite wird wieder aufgerufen...


    Keine Ahnung was da los ist.


    Danke und Gruß
    Andre

    Hi,


    das Problem hatte ein Mitspieler von unserem Tippspiel auch (iPhone 6 mit Standard-Browser)
    Allerdings hatte er das Problem nicht beim Aufruf von "Tippübersicht alle" sondern von "Ergebnisse tippen"


    Nun wollten wir das letztens mit mehreren iPhone-Mitspielern nachstellen und auf einmal ging es bei allen. Auch bei dem, der zuerst Probleme hatte.
    Geändert wurde weder etwas im Tippspiel, noch am iPhone. Sehr rätselhaft!


    Es könnte sich deswegen um einen Bug der Mobilen Version handeln und nicht nur von der "Tippübersicht alle".

    Zitat von Sleban


    Es könnte sich deswegen um einen Bug der Mobilen Version handeln und nicht nur von der "Tippübersicht alle".

    glaub ich vielleicht sogar auch... Ich hab das gestern bei meinem Android Handy auch mal hinbekommen, dass der Fehler kommt, aber nach ein paar mal aktualisieren ging es dann wieder. Und nun schaff ich es nicht mehr den Fehler erneut nach zu stellen. Vielleicht hat ja noch jemand eine Idee, der sich mit dem ganzen Code der Mobilen Version auseinandersetzt...?!

Tags