jQuery Mobile: Touch-Optimized Web (Templates umbiegen)

[gseilheimer]

Sehr geehrte Community,

für eine neue Aufgabe möchte ich die bisherigen Websites, die mit dem Template article-default die Artikel standardmäßig ausgeben, manipulieren.
Alle Artikel ...&=article-mobile sollen mit Hilfe des neuen Templates article-mobile ausgegeben werden.
Ziel: Nachträgliches verändern des Ausgabe-Templates...

Hintergrund:
jQuery Mobile benögtigt spezielle DIV-Formate, die im Standard-Template so nicht enthalten sind.

Code: Alles auswählen

	
	<!-- each view or "page" on the mobile device is identified with the data-role="page" attribute -->
	<div data-role="page" id="home"> 
		<!-- Within the "page" container, any valid HTML markup can be used,
		 	but for typical pages in jQuery Mobile, the immediate children of a "page" 
		 	are divs with data-roles of "header", "content", and "footer". -->
		<div data-role="header">
			<h1>Startseite</h1>
		</div>
		<div data-role="content">
			REX_ARTICLE[]
			<p>
			View internal page called 
			<a href="#pageXYZ">LINK-1</a>
			</p>	
		</div> 
		<div data-role="footer">
			REX_ARTICLE[]
		</div> 
	</div>

Besten Dank im Voraus für den "drei"-Zeiler.

Beste Grüße
Gilbert Seilheimer

[Markus.Lorch]

Zu dem Thema haben empfiehlt sich: http://www.redaxo.org/de/forum/template ... 16091.html

Im einfachsten Fall machst du wie von Gregor vorgeschlagen ein "zwischen"-Template für alle Artikel und rufst innerhalb dessen wahlweise ein Mobil- oder Standardt- Template auf.

In Pseudo-Code formuliert:

Code: Alles auswählen

if(KRITERIUM == TRUE)
  REX_TEMPLATE[ID_MOBILE]
else
  REX_TEMPLATE[ID_STANDARD]