StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POorientation change jquery help needed
primarykey
Id
17936257
data
AcceptedAnswerId
0
AnswerCount
1
ClosedDate
CommentCount
5
CommunityOwnedDate
CreationDate
2013-07-30T00:05:15.613
FavoriteCount
0
LastActivityDate
2013-07-30T21:31:35.023
LastEditDate
2013-07-30T21:31:35.023
LastEditorUserId
2157675
OwnerUserId
2157675
ParentId
0
PostTypeId
1
Score
0
ViewCount
2412
LastEditorDisplayName
text
Body
<p>Basing myself on the code at this URL : <a href="http://api.jquerymobile.com/orientationchange/" rel="nofollow">http://api.jquerymobile.com/orientationchange/</a></p> <p>I tried changing it so it could display a different image per orientation. That works fine using <code>$("#someID").html(< img src.../ >);</code> but for some reason I can't get it to work as well using .addClass</p> <p>Could someone please tell me why the following doesn't seem yield anything but a blank screen?</p> <pre><code><!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>orientationchange demo</title> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css"> <script src="http://code.jquery.com/jquery-1.10.0.min.js"></script> <script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script> <style type="text/css"> .landscape { background-image:url('images/landscape.jpg'); } .portrait { background-image:url('images/portrait.jpg'); } </style> </head> <body> <div id="orientation" class="landscape"></div> <script> // Bind an event to window.orientationchange that, when the device is turned, // gets the orientation and displays it to on screen. $( window ).on( "orientationchange", function( event ) { if (event.orientation=="landscape") { //$("#orientation").removeClass("portrait"); $("#orientation").addClass("landscape"); return false; } else if (event.orientation=="portrait") { //$("#orientation").removeClass("landscape"); $("#orientation").addClass("portrait"); return false; } }); // You can also manually force this event to fire. $( window ).orientationchange(); </script> </body> </html> </code></pre> <p>Ok, I got it to work now with dimensions definitions and combining addClass(class).removeClass(otherclass) but could someone please show me how I apply this same change to the body instead of the a div? </p>
Tags
<jquery><jquery-mobile><orientation-changes>
Title
orientation change jquery help needed
singulars
PostAcceptedAnswerId
1. This table or related slice is empty.
PostParentId
1. This table or related slice is empty.
PostTypePostTypeId
1. PTQuestion
UserLastEditorUserId
1. USKizer Yakuza
UserOwnerUserId
1. USKizer Yakuza
plurals
PostLinksPostIdRelatedPostId
1. This table or related slice is empty.
PostLinksRelatedPostIdPostId
1. This table or related slice is empty.
PostsAcceptedAnswerId
1. This table or related slice is empty.
PostsParentIdCreationDate
1. PO
  singulars
  PostTypePostTypeId
  PTAnswer
VotesPostIdCreationDate
1. This table or related slice is empty.
CommentsPostId

Querying!

Guidance

A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.