Contao & jQuerymobile Framework

Druckbare Version

18.11.2010, 12:12
Sares

Contao & jQuerymobile Framework

Hallo,

mit dem jQuerymobile Framework gibt es neben einigen anderen (wie z.B. jQueryTouch, Sencha, etc.) Frameworks jetzt eine neue vielversprechende Alternative, um (mehr oder weniger) plattformunabhängig mobile Seiten für die diversen Endgeräte zu entwickeln.

http://jquerymobile.com

Ich wollte deshalb einmal in die Runde fragen, ob jemand bereits Erfahrungen mit der Kombination jQuerymobile + Contao gemacht hat und eventuell darüber berichten kann, was es zu beachten gilt, wie man richtig und sinnvoll an so ein Projekt rangeht, wo mögliche Probleme auftreten können und Fallstricke lauern und welche Lösungsansätze es dafür gibt. Link zu Referenzseiten oder Demo-Implementierungen wären natürlich auch immer interessant.

Vielleicht ist ja möglich auf diesem Weg einen kleinen Leitfaden für die Entwicklung mobiler Webseiten mit Contao und die damit verbundenen Fragen und Problemen zu entwickeln.

Was ich mit diesem Thread allerdings nicht möchte, ist eine generelle Diskussion über die Sinnhaftigkeit des Einsatzes von den diversen Javascript Frameworks in Bezug auf mobile Webseiten. Mal sehen ;)

Beste Grüße
Sares
18.11.2010, 12:29
arnoldB

Contao nutzt standardmäßig mootools. Wenn du die Referenzierung aus dem Standard Template aber entfernst und stattdessen deine eigenen festlegst, sollte dein Vorhaben realisierbar sein.
18.11.2010, 15:08
Sares

Hallo arnoldB,

danke für Deine Antwort.

Für die Entwicklung einer mobilen Seite auf jQuerymobile Basis sollte man sowie ein eigenes Template anlegen, was ja auch schon wegen des HTML5 DocTypes erforderlich ist.

Ein entsprechendes Template könnte für Contao z.B. so ausschauen:

PHP-Code:

<!DOCTYPE html> <html> <head> <title><?php echo $this->pageTitle; ?> - <?php echo $this->mainTitle; ?></title> <meta name="description" content="<?php echo $this->description; ?>" /> <meta name="keywords" content="<?php echo $this->keywords; ?>" /> <?php echo $this->robots; ?> <?php echo $this->stylesheets; ?> <?php echo $this->head; ?> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a2/jquery.mobile-1.0a2.min.css" /> <script src="http://code.jquery.com/jquery-1.4.4.min.js"></script> <script src="http://code.jquery.com/mobile/1.0a2/jquery.mobile-1.0a2.min.js"></script> </head> <body id="top"<?php if ($this->class): ?> class="<?php echo $this->class; ?>"<?php endif; if ($this->onload): ?> onload="<?php echo $this->onload; ?>"<?php endif; ?>> <div data-role="page"> <div data-role="header"> <?php echo $this->header; ?> </div> <div data-role="content"> <?php echo $this->main; ?> </div> <div data-role="footer"> <?php echo $this->footer; ?> </div> </div> </body> </html>

Am oben genannten Beispiel sieht man aber auch gleichzeitig, dass neue Sprachelemente zum Einsatz kommen. Hier gibt es dann mitunter schon die ersten Probleme, die es zu umschiffen gilt, wenn man z.B. so was hier via TinyMCE eingeben will:

HTML-Code:

<a href="index.html" data-transition="flip" rel="extern">Ein Link mit Flip</a>

Die rel-Angabe kann man beispielsweise über die Lightbox Eingabe lösen, bei data-transition="flip" wird es schon etwas schwieriger, weil das lt. TinyMCE und Contao kein Standard-Sprachelement ist und demnach gleich einmal komplett gelöscht wird.

Eine Lösung für das Problem wäre z.B. eine Anpassung der TinyMCE Konfiguration, indem man bei den extended_valid_elements folgendes ergänzt:

PHP-Code:

extended_valid_elements : "q[cite|class|title],a[data-transition|href|rel|class|title]",

Außerdem kann man diese Eingaben auch nur über die HTML Code Ansicht machen und das ist auch nur einer von vielen möglichen Anwendungsfällen. Man müsste deshalb vielleicht eine speziell angepasste TinyMCE Konfigurationsdatei für das Framework haben oder die Prüfung komplett deaktivieren, wobei ich allerdings nicht weiss, wie man das machen könnte. Hat dazu jemand vielleicht eine Idee?

Beste Grüße
Sares
19.02.2011, 00:43
xkoy

An solchen Ideen wäre ich auch interessiert :)

oder doch alles von Hand schreiben, das bisschen html.

Was aber fein wäre, Inhalte Warten/pflegen lassen von Kunden mittels Contao...
13.09.2011, 09:52
Sandro

Da jQuery Mobile ja demnächst aus der Betaphase kommt, möchte ich das Thema hier wieder aufgreifen und Fragen ob es da schon neue Erfahrungen damit gibt?
14.09.2011, 16:21
gerdi

Hallo

ich möchte gerne bestimmte Inhalte aus Contao für Mobilfunkgeräte bereitstellen. Hierzu habe ich in der Seitenstruktur einen neuen Startpunkt erstellt und ein mobiles Template zugeordnet

HTML-Code:

<!DOCTYPE html> <html> <head> <title><?php echo $this->pageTitle; ?> - <?php echo $this->mainTitle; ?></title> <meta name="description" content="<?php echo $this->description; ?>" /> <meta name="keywords" content="<?php echo $this->keywords; ?>" /> <?php echo $this->robots; ?> <?php echo $this->stylesheets; ?> <?php echo $this->head; ?> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0b3/jquery.mobile-1.0b3.min.css" /> <script src="http://code.jquery.com/jquery-1.6.2.min.js"></script> <script src="http://code.jquery.com/mobile/1.0b3/jquery.mobile-1.0b3.min.js"></script> </head> <body id="top"<?php if ($this->class): ?> class="<?php echo $this->class; ?>"<?php endif; if ($this->onload): ?> onload="<?php echo $this->onload; ?>"<?php endif; ?>> <div data-role="page"> <div data-role="header"> <?php echo $this->header; ?> </div> <div data-role="content"> <?php echo $this->main; ?> </div> <div data-role="footer"> <?php echo $this->footer; ?> </div> </div> </body> </html>

Im Artikel habe ich ein HTML Element hinzugefügt:

HTML-Code:

<div data-role="content" data-theme="a"> <ul data-role="listview" data-inset="true" data-theme="e" data-dividertheme="a"> <li><a href="news.php" data-transition="fade">News</a></li> <li><a href="termine.php" data-transition="fade">Termine</a></li> </ul> </div>

Jetzt hänge ich. Wie kann ich das Menü über contao aufbauen? Wie kann ich zu den Unterseiten verlinken? Wie kann ich z.B. die news aus einem Archiv anzeigen?
19.03.2012, 17:31
Ambrogio

was ist die beste Lösung für eine mobile Version?

Servus,

Kurz zur Info: Ich bin Contao Neuling aber habe mich aber schon ganz gut in JQuery mobile eingearbeitet.

Was ist die schönste Lösung um eine mobile Version der erstellten Contao-Website anzubieten, die man natürlich auch mit Contao komplett aktualisieren und warten kann?!

Noch bin ich nicht ganz schlau geworden.

Danke

Grüße Ambros
20.03.2012, 15:10
xkoy

Da hast du einen wunden Punkt erwischt :P

Entweder machst das mit Media Queries, dann halt ohne diese nativen Slide Animationen ala iphone.
Oder du bindest jquerymobile ein, so habe ich das gemacht.

Einige werden gleich wieder schreien weil ich die HEILIGE fe_page geändert habe, bzw. das framework von jquerymobile dort reingeknallt habe. Dann insert tags in die Seiten, die dann auf den Inhalt zeigen, das kann dann der kunde pflegen. Selber aber Menupunkte hinzubasteln geht aber nicht vom Kunden aus, weil er dann ja in die fe_page müsste.

Ne Mobileweiche ist auch drinnen das er halt erkennt wann mobile ankommt: http://www.contao.org/de/extension-l...direct.de.html

Das ganze kannste hier sehen: http://demo.pixelgenau.at/

dani
20.03.2012, 21:03
andreasisaak

Zitat:

Zitat von Ambrogio

Servus,

Kurz zur Info: Ich bin Contao Neuling aber habe mich aber schon ganz gut in JQuery mobile eingearbeitet.

Was ist die schönste Lösung um eine mobile Version der erstellten Contao-Website anzubieten, die man natürlich auch mit Contao komplett aktualisieren und warten kann?!

Noch bin ich nicht ganz schlau geworden.

Danke

Grüße Ambros

Würdest du auch ohne jQuery Mobile eine mobile Website umsetzen?
22.03.2012, 15:51
Ambrogio

Also ich würde als mobile Version schon Jquery Mobile bevorzugen.
Das ist nach meiner Meinung nach grad der beste Allrounder und optisch sehr ansprechend.

Also zum Thema jquery einbinden und fe_page ändern etc.... das check ich leider noch nicht ganz.

Vielleicht wäre es interessant mal einen wirklich ausführlichen Artikel über das Thema jquery mobile und CMS (Contao etc.) einbinden, zu schreiben.
Ich denke dieser Artikel wäre sehr beliebt und ist hoch aktuell nach meiner Meinung.

Wie gesagt ich bin absoluter Contao Neuling und bin gerade noch am herausfinden welches CMS mit Jquery mobile am besten realisierbar ist.
Ein Zukunftsicheres modernes übersichtliches CMS + JQuery mobile, wo der Kunde seine Inhalte schön selber aktualieren kann.

ich freue mich über weitere angeregte Gespräche!

Danke

Ambros
http://www.ambros.net (mobil und klassisch)
07.04.2012, 19:27
stephangunnar

Zitat:

Also zum Thema jquery einbinden und fe_page ändern etc.... das check ich leider noch nicht ganz.

Du kannst in Contao unter dem Menüpunkt Templates eigene Templates anlegen, die dann anstatt der bereits vorhandenen Templates von Contao verwendet werden. Das genannte Template "fe_page" ist das "Basistemplate" und das Beispiel oben habe ich auch als Grundlage genommen und das Template "fe_page" entsprechend geändert. Du hast in Contao aber für alles noch "Detailtemplates" anlegen, z.B. für die "Navigation" ein eigenes Template "nav_default", das du auch dann nach den Bedürfnissen von jQuery Mobile änderst und in dem Frontend Modul z.B. "Navigation" dem Modul zuweisen kannst.

Ich habe also das "nav_default" Template geändert und das "data-role" und "data-theme" Attribut von jQuery Mobile eingefügt.

Code:

<ul class="<?php echo $this->level; ?>" data-role="listview" data-theme="a"> <?php foreach ($this->items as $item): ?> <?php if ($item['isActive']): ?> <li class="active<?php if ($item['class']): ?> <?php echo $item['class']; ?><?php endif; ?>"><span class="active<?php if ($item['class']): ?> <?php echo $item['class']; ?><?php endif; ?>"><?php echo $item['link']; ?></span><?php echo $item['subitems']; ?></li> <?php else: ?> <li<?php if ($item['class']): ?> class="<?php echo $item['class']; ?>"<?php endif; ?>><a href="<?php echo $item['href']; ?>" title="<?php echo $item['pageTitle'] ? $item['pageTitle'] : $item['title']; ?>"<?php if ($item['class']): ?> class="<?php echo $item['class']; ?>"<?php endif; ?><?php if ($item['accesskey'] != ''): ?> accesskey="<?php echo $item['accesskey']; ?>"<?php endif; ?><?php if ($item['tabindex']): ?> tabindex="<?php echo $item['tabindex']; ?>"<?php endif; ?><?php if ($item['nofollow']): ?> rel="nofollow"<?php endif; ?><?php echo $item['target']; ?>><?php echo $item['link']; ?></a><?php echo $item['subitems']; ?></li> <?php endif; ?> <?php endforeach; ?> </ul>

Das ergibt dann im Quelltext genau das Beispiel von jQuery Mobile "Basic Linked Lists" http://jquerymobile.com/demos/1.0b1/...ocs-lists.html

HTML-Code:

<ul data-role="listview" data-theme="a"> <li><a href="index.php/Beispiel.html">Beispiel</a></li> </ul>

Zitat:

Vielleicht wäre es interessant mal einen wirklich ausführlichen Artikel über das Thema jquery mobile und CMS (Contao etc.) einbinden, zu schreiben. Ich denke dieser Artikel wäre sehr beliebt und ist hoch aktuell nach meiner Meinung.

Darüber würde ich mich auch sehr freuen, denn mit Contao Templates kenne ich mich auch nicht wirklich gut aus, und bei jQuery Mobile sieht es momentan noch viel dunkler aus!
07.04.2012, 19:38
stephangunnar

Ich möchte dazu aber auch noch ausdrücklichst empfehlen den Beitrag https://www.contao-community.de/show...ight=data-role hier im Forum zu lesen, weil das von mir beschriebene Beispiel mit der Änderung der Templates funktioniert, aber es wäre doch schöner, wenn das einfacher zu realsieren wäre.
08.04.2012, 17:18
stephangunnar

Jetzt habe ich schon das erste Problem bei dem ich nicht weiterkomme, ich habe also das ganz normal nav_default.html5 Template wie folgt geändert, d.h. nur die Attribute data-role="listview" data-theme="a" ergänzt.

Code:

<ul class="<?php echo $this->level; ?>" data-role="listview" data-theme="a"> <?php foreach ($this->items as $item): ?> <?php if ($item['isActive']): ?> <li class="active<?php if ($item['class']): ?> <?php echo $item['class']; ?><?php endif; ?>"><span class="active<?php if ($item['class']): ?> <?php echo $item['class']; ?><?php endif; ?>"><?php echo $item['link']; ?></span><?php echo $item['subitems']; ?></li> <?php else: ?> <li<?php if ($item['class']): ?> class="<?php echo $item['class']; ?>"<?php endif; ?>><a href="<?php echo $item['href']; ?>" title="<?php echo $item['pageTitle'] ? $item['pageTitle'] : $item['title']; ?>"<?php if ($item['class']): ?> class="<?php echo $item['class']; ?>"<?php endif; ?><?php if ($item['accesskey'] != ''): ?> accesskey="<?php echo $item['accesskey']; ?>"<?php endif; ?><?php if ($item['tabindex']): ?> tabindex="<?php echo $item['tabindex']; ?>"<?php endif; ?><?php if ($item['nofollow']): ?> rel="nofollow"<?php endif; ?><?php echo $item['target']; ?>><?php echo $item['link']; ?></a><?php echo $item['subitems']; ?></li> <?php endif; ?> <?php endforeach; ?> </ul>

Ich habe zwei Menüpunkte in meiner Navigation, sagen wir "seite1" und "seite2". Wenn ich dann in der Navigation auf http://www.meineseite/index.php bin, klicke ich auf http://www.meineseite/index.php/seite2.html und die Seite 2 wird angezeigt. Wenn ich aber jetzt auf der Seite 2 bin, und dann in der Navigation wieder auf Seite 1 klicke, bekomme ich den Link http://www.meineseite/index.php/index.php/seite1.html , also index.php zweimal. Warum ist das so, und wie müsste man das Template oben ändern, damit dies nicht mehr passiert?
22.06.2012, 08:18
bruc13

Navigation

Hi,
das ist leider ein Bug in der jQuery.Mobile.
Es wird der <base> tag ignoriert. Die Pfade bei Bildern stimmen dann auch nicht mehr.
Die Lösung ist, für die Mobile Seite ein anderes Template nehmen, z.B mit Mobliecore und den Tag entfernen.
Sonst auf eine neue Version warten, wo es vielleicht gefixt wird.
24.10.2012, 03:23
djo

jQuery Mobile und Contao

Hallo zusammen,

jQuery Mobile steht ja nun in einem Final Release ... das Thema scheint mir irgendwie unterbewertet.
Dieses Jahr besuchten bereits 20% der Nutzer unserer Website (ca. 35.000 Besucher seit 1.1.2012) die Seite über ein mobiles Endgerät.
Alle Contao-Erweiterungen zu diesem Thema stecken in veralteten Versionen. Ich finde hier eine Reihe von Threads in welchen herumprobiert wird.
Ich weiß nicht wo ich anfangen soll, um die Sache gut durchdacht und nach neuesten Entwicklungen in Contao anzugehen.
mobilecore, mobileswitch, mobilenavigation - alles nicht up to date. Ich habe keinen Anspruch auf Aktualität, das ist klar, ich bitte nur um Hilfe, bzw. einem Hinweis, wo hier dem Thema am meisten Aufmerksamkeit geschenkt wird.

Es geht ja grundlegend um:

- Eine alternative Navigation auf Smartphones, im Umgang mit 3-Level-Navigationen
- Angepasste Darstellung des Layouts, durch Abfrage der Auflösung, Endgerät, etc. (?)
- Angepasste Darstellung von Artikeln und Inhaltselementen

Eigentlich ja eine Sache von CSS und ggf. Javascript.
24.10.2012, 06:01
KATgirl

Am meisten findest du aktuell unter den Stichworten mediaquery und responsive Design. Alle Erweiterungen ob Conten für bestimmte Endgeräte oder Template switcher oder jQuery unterstützen dich nur.
Die Lösung gibt es leider aktuell nicht.
JQueryTouch z.b. läuft auf älteren Androidphones sehr sehr bescheiden. Möchtest du die Nutzer nicht ausschließen solltest du nicht 100% darauf setzen.
24.10.2012, 06:24
lucina

Wir (das Foren-Team) überlegen zur Zeit, wie wir das Thema besser abbilden können und damit dazu beitragen können, dass Mobilgeräte und die für die Bedienung nötigen Schritte besser bedient werden können. Dauert nicht mehr lange ... ;-)

Grundsätzlich sehe ich da allerdings auch einen sehr dynamischen Markt: Die Lösungen, die ich am Montag baue, laufen auf den Geräten von MIttwoch nächster Woche wieder nur eingeschränkt. Auch jQuery mobile ist sicher nicht der Weisheit letzter Schluss, und Contao ist ein CMS, das lange so gut wie ausschließlich mit dem objektorientierten Mootools zu betreiben war. Da ist vieles im Fluß, und vieles wird sich mit Contao3 verändern (und auch verbessern). ich glaube nicht, dass man gut damit fährt, die Darstellung einzig JS zu überlassen.

Aus meiner Sicht fährt man zur Zeit am besten mit MediaQueries und der Auswertung des Useragents (wie es ja einige Extensions praktizieren - zum Beispiel agent_selection von Men at work und ie dazu gehörenden weiteren Extensions. Meine Erfahrung in Mobilprojekten ist, dass es 'die Lösung' zur Zeit nicht gibt, und dass es immer von der Struktur (und auch vom Redaktionsworkflow) abhängt, welcher Weg gangbar ist.
24.10.2012, 08:06
xkoy

Hi, an deiner Stelle würd ich auf Contao3 warten. Habe hier Contao3 und jquerymobile laufen: contao.pixelgenau.at

Dazu eine Erweiterung, wo ich nur 1 Seitenstruktur habe, aber jedes Element mobile oder desktop an/abschalten kann. Sehr geile Erweiterung von Paratron ausm irc....
24.10.2012, 11:59
MacKP

An sich geht schon alles mögliche. Ich hab ne etwas größere Seite, wo ich allerdings mehrere Module (und natürlich mediaqueries) nutze.
Kommt immer drauf an, was man genau haben möchte oder braucht.

Module:
- templateSelection
Um je nach Agent unterschiedliche Grundgerüste auszugeben (Templates eben... z.B. um bei gewissen Artikeln mit Link die ganze Fläche Klickbar zu machen bei Smartphones oder Bilder, die ich automatisch per Inserttag kleiner ausgeben lasse...)

- mobilecore
Damit biete ich ich Smartphones (Tablets könnte ich auch noch unterscheiden, ist aber nicht gewollt) andere Module an, als allen anderen über die Seitenstruktur.
z.B. bekommen die nicht alle Inhalte und dann noch spezielle Navigationen, wo nicht alle Punkte drinn sind.
Zusätzlich bietet diese Erweiterung an, einen Wechsel von Smartphone Ansicht auf Normal Ansicht vorzunehmen (und Umgekehrt), damit man auch auf einem Smartphone die ganze Pracht sehen kann ^^

Das ganze dann per MediaQuerie noch mit extra CSS versehen (Navi bei Tablet größer, komplett anderes aussehen aufm Smartphone)
Da hilft einem Yaml auch sehr gut, da dort auch schon was passendes drinn ist um Spalten etc. zu linearisieren (nur mal so am Rande.. kann man natürlich auch selber machen).

Und 'schon' ist man fertig *g*

Abschließend kann ich dazu nur sagen, das man kleine Seiten eventuell mit wenig Aufwand und nur mediaqueries gut hin bekommt. Sobald das ganze aber etwas größer wird, da wird man nicht unbedingt mit einer einfachen Lösung auskommen ^^

Viele Grüße
24.10.2012, 12:12
Merlin

Zitat:

Zitat von xkoy

Hi, an deiner Stelle würd ich auf Contao3 warten. Habe hier Contao3 und jquerymobile laufen: contao.pixelgenau.at

Dazu eine Erweiterung, wo ich nur 1 Seitenstruktur habe, aber jedes Element mobile oder desktop an/abschalten kann. Sehr geile Erweiterung von Paratron ausm irc....

wo bekommt man diese angesprochene Erweiterung oder meinst du "contao-mod-mobile-visibility"
24.10.2012, 12:25
xkoy

Ich glaube momentan nur auf GITHUB, da er nicht wusste wie er es ins REP stellt. Hier der Link:

https://github.com/Paratron/contao-m...ile-visibility

Ich finde es eine geniale Lösung... sowie in den ARtikeln, Inhaltselementen, UND in der Seitenstruktur kann man es auf mobile oder desktop, oder beides anzeigen, sehr cool!

Daniel
24.10.2012, 12:28
MacKP

Hallo xkoy,
wenn man eine Seite nicht Mobile anzeigen lassen möchte, wird die Navi dann auch direkt automatisch angepasst?
Und was ist mit den Seiten, wenn man über Google kommt (also direktlink) auf so eine Seite?

Viele Grüße
24.10.2012, 12:36
xkoy

Hi,

also "Über uns" hab ich in der Seitenstruktur mal das Handy deaktiviert, und nun fehlt der menupunkt, so solls sein :P
Naja und wenn man im Google mal "contao.pixelgenau" eingibt, kommt eben Ergebniss, und es wird die jeweilige Website geladen. Desktop = Desktop. Mobile = Mobile :P

In der mobilen version, ganz UNTEN ist der Desktop Link. Damit kannst du hinspringen zur Desktop Variante.
24.10.2012, 13:12
MacKP

Hallo xkoy,
danke für die Infos. Das klingt doch brauchbar ;-)

Viele Grüße
24.10.2012, 16:28
Merlin

Zitat:

Zitat von xkoy

Ich glaube momentan nur auf GITHUB, da er nicht wusste wie er es ins REP stellt. Hier der Link:

https://github.com/Paratron/contao-m...ile-visibility

Ich finde es eine geniale Lösung... sowie in den ARtikeln, Inhaltselementen, UND in der Seitenstruktur kann man es auf mobile oder desktop, oder beides anzeigen, sehr cool!

Daniel

Danke für den Link ... könntest du dein template zur verfügung stellen (wie es aufgebaut ist, damit das jquery.mobile richtig läuft) ?

LG Jens
24.10.2012, 16:36
xkoy

Code:

<!DOCTYPE html> <html lang="<?php echo $this->language; ?>"> <head> <meta charset="<?php echo $this->charset; ?>"> <title><?php echo $this->pageTitle; ?> - <?php echo $this->mainTitle; ?></title> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" /> <link rel="stylesheet" href="http://contao.pixelgenau.at/files/mobile/stylemobile.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> <base href="<?php echo $this->base; ?>"> <meta name="robots" content="<?php echo $this->robots; ?>"> <meta name="description" content="<?php echo $this->description; ?>"> <meta name="keywords" content="<?php echo $this->keywords; ?>"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=0"> <?php echo $this->framework; ?> <?php echo $this->stylesheets; ?> </head> <body id="top" class="{{ua::class}}<?php if ($this->class): ?> <?php echo $this->class; ?><?php endif; ?>"<?php if ($this->onload): ?> onload="<?php echo $this->onload; ?>"<?php endif; ?>> <div data-role="page" data-theme="c"> <div id="logo"></div> <?php if ($this->main): ?> <div data-role="content"> <?php echo $this->main; ?> </div> <?php endif; ?> <?php if ($this->footer): ?> <div data-role="footer"> <?php echo $this->footer; ?> </div> <?php endif; ?> </div> </body> </html>