https://wiki.stephanschlegel.de/api.php?action=feedcontributions&feedformat=atom&user=178.7.135.134
Wikizone - Benutzerbeiträge [de]
2026-05-09T08:50:40Z
Benutzerbeiträge
MediaWiki 1.35.14
https://wiki.stephanschlegel.de/index.php?title=JQuery_mobile_-_JQM&diff=18845
JQuery mobile - JQM
2011-09-16T20:14:28Z
<p>178.7.135.134: </p>
<hr />
<div>== Snippets ==<br />
<br />
=== Hallo Welt ===<br />
<pre><br />
<br />
<!DOCTYPE html><br />
<html><br />
<head><br />
<br />
<title>Hallo Welt</title><br />
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a1/jquery.mobile-1.0a1.min.css" /><br />
<script src="http://code.jquery.com/jquery-1.4.3.min.js"></script><br />
<script src="http://code.jquery.com/mobile/1.0a1/jquery.mobile-1.0a1.min.js"></script><br />
<br />
</head><br />
<body><br />
<br />
<div data-role="page"><br />
<div data-role="header"><br />
<h1>Header Page 1</h1><br />
</div><!-- /header --><br />
<div data-role="content"><br />
<p>Hallo Welt !</p><br />
</div><!-- /content --><br />
<div data-role="footer"><br />
<h4>Footer Page 1</h4><br />
</div><!-- /footer --><br />
</div><!-- /page --><br />
<br />
</body><br />
</html><br />
<br />
</pre><br />
<br />
=== JQM-Seite ===<br />
In JQM können auch mehrere Seiten in einem HTML Dokument sein. Eine JQM Seite wird so definiert:<br />
<pre><br />
<div data-role="page"><br />
</div><!-- /page --><br />
</pre><br />
<br />
=== Vordefinierte Bereiche: Header, Footer, Content ===<br />
Innerhalb der Seite kann man Bereiche nutzen:<br />
<br />
<pre><br />
<div data-role="header"><br />
</div><!-- /header --><br />
<div data-role="content"><br />
</div><!-- /content --><br />
<div data-role="footer"><br />
</div><!-- /footer --><br />
</pre><br />
<br />
== Glossar - Attribute==<br />
Attribute werden z.B. für das Theming eingesetzt (das Aussehen der Seiten) Dabei gibt es eine Reihe vordefinierter Stile, die über Buchstaben aufgerufen werden.<br />
<br />
=== data-role ===<br />
Kennzeichnet einen Bereich wie z.B. Footer, Header oder Content<br />
<br />
=== data-inset ===<br />
<br />
<br />
=== data-theme ===<br />
Ist für das Styling der Inhalte zuständig. Wird i.d.R. dem header und footer zugeordnet (wenn sie eigene Stile haben sollen). Es kann auch content zugeordnet werden ist aber nicht empfohlen. Stattdessen ist es in der Regel dem Div mit dem Attribut data-role="page" zugeordnet, damit auch wirklich die ganze Seite vom Styling betroffen ist.<br />
<br />
http://jquerymobile.com/demos/1.0b3/docs/pages/pages-themes.html<br />
<br />
=== data-dividertheme ===</div>
178.7.135.134
https://wiki.stephanschlegel.de/index.php?title=JQuery_mobile_-_JQM&diff=18844
JQuery mobile - JQM
2011-09-16T12:30:13Z
<p>178.7.135.134: /* Hallo Welt */</p>
<hr />
<div><br />
== Snippets ==<br />
<br />
=== Hallo Welt ===<br />
<pre><br />
<br />
<!DOCTYPE html><br />
<html><br />
<head><br />
<br />
<title>Hallo Welt</title><br />
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a1/jquery.mobile-1.0a1.min.css" /><br />
<script src="http://code.jquery.com/jquery-1.4.3.min.js"></script><br />
<script src="http://code.jquery.com/mobile/1.0a1/jquery.mobile-1.0a1.min.js"></script><br />
<br />
</head><br />
<body><br />
<br />
<div data-role="page"><br />
<div data-role="header"><br />
<h1>Header Page 1</h1><br />
</div><!-- /header --><br />
<div data-role="content"><br />
<p>Hallo Welt !</p><br />
</div><!-- /content --><br />
<div data-role="footer"><br />
<h4>Footer Page 1</h4><br />
</div><!-- /footer --><br />
</div><!-- /page --><br />
<br />
</body><br />
</html><br />
<br />
</pre><br />
<br />
== JQM-Seite ==<br />
In JQM können auch mehrere Seiten in einem HTML Dokument sein. Eine JQM Seite wird so definiert:<br />
<pre><br />
<div data-role="page"><br />
</div><!-- /page --><br />
</pre><br />
<br />
== Vordefinierte Bereiche: Header, Footer, Content ==<br />
Innerhalb der Seite kann man Bereiche nutzen:<br />
<br />
<pre><br />
<div data-role="header"><br />
</div><!-- /header --><br />
<div data-role="content"><br />
</div><!-- /content --><br />
<div data-role="footer"><br />
</div><!-- /footer --><br />
</pre</div>
178.7.135.134
https://wiki.stephanschlegel.de/index.php?title=JQuery_mobile_-_JQM&diff=18843
JQuery mobile - JQM
2011-09-16T12:26:37Z
<p>178.7.135.134: Die Seite wurde neu angelegt: „ == Snippets == === Hallo Welt === <pre> <!DOCTYPE html> <html> <head> <title>Hallo Welt</title> <link rel="stylesheet" href="http://code.jquery.com/mobile/1…“</p>
<hr />
<div><br />
== Snippets ==<br />
<br />
=== Hallo Welt ===<br />
<pre><br />
<br />
<!DOCTYPE html><br />
<html><br />
<head><br />
<br />
<title>Hallo Welt</title><br />
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a1/jquery.mobile-1.0a1.min.css" /><br />
<script src="http://code.jquery.com/jquery-1.4.3.min.js"></script><br />
<script src="http://code.jquery.com/mobile/1.0a1/jquery.mobile-1.0a1.min.js"></script><br />
<br />
</head><br />
<body><br />
<br />
<div data-role="page"><br />
<div data-role="header"><br />
<h1>Header Page 1</h1><br />
</div><!-- /header --><br />
<div data-role="content"><br />
<p>Hallo Welt !</p><br />
</div><!-- /content --><br />
<div data-role="footer"><br />
<h4>Footer Page 1</h4><br />
</div><!-- /footer --><br />
</div><!-- /page --><br />
<br />
</body><br />
</html><br />
<br />
</pre></div>
178.7.135.134