StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
primarykey
Id
10391887
data
AcceptedAnswerId
0
AnswerCount
0
ClosedDate
CommentCount
8
CommunityOwnedDate
CreationDate
2012-04-30T23:35:10.387
FavoriteCount
0
LastActivityDate
2012-05-03T14:12:03.890
LastEditDate
2012-05-03T14:12:03.890
LastEditorUserId
1355591
OwnerUserId
1355591
ParentId
10391509
PostTypeId
2
Score
2
ViewCount
0
LastEditorDisplayName
text
Body
<p>Firstly, PHP happens server side, so once the page loads the only way to use PHP again (without loading a page) is to make an ajax call, presumably to another php page that performs a certain function and returns a value.</p> <p>If you want to store a value as a session variable so that it can be used continuously, you can do the following:</p> <ol> <li>when they first land on your site have php check for the existence of a session and if it does not exist, call a Javascript function to get the layoutWidth and make an ajax call to a php page that will store it as a session variable and then reload the page and include the correct layout file. </li> </ol> <p>I would probably not use this method and actually look at ways to do this with JavaScript/JQuery instead. But this is how you have asked to do it.</p> <p>For your example, I have not used JQuery at all, but I would as the include is only about 19kb or so and it makes life SO much easier.</p> <p>Example:</p> <p>index.php</p> <pre><code><?php session_start(); ?> <!DOCTYPE html> <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <?php if (empty($_SESSION['layoutWidth'])) { echo '<script type="text/javascript"> var session=false; var layoutWidth;</script>'; } else { echo '<script type="text/javascript"> var session=true; var layoutWidth=' . $_SESSION['layoutWidth'] . ';</script>'; } ?> <script type="text/javascript" src="js/viewport.js"></script> </head> <body> <?php if (!empty($_SESSION['layoutWidth'])) { $layoutWidth = $_SESSION['layoutWidth']; if ( $layoutWidth >= 240 && $layoutWidth <= 900 ) { include('layout1.php'); } else if ($layoutWidth > 900 && $layoutWidth <= 1200 ) { include('layout2.php'); } else { include('layout3.php'); } } ?> </body> </html> </code></pre> <p>js/viewport.js</p> <pre><code>// JavaScript Document window.onload = function() { // if there is no session (session = false) if (!session) { // call function to get the screen size getScreenWidth(); // make ajax call to php page to set the session variable setSession(); } } function getScreenWidth() { layoutWidth = screen.width; } function setSession() { var xmlhttp; if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari xmlhttp=new XMLHttpRequest(); } else {// code for IE6, IE5 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); } xmlhttp.onreadystatechange=function() { if (xmlhttp.readyState==4 && xmlhttp.status==200) { // Reload the page window.location.reload(); } } xmlhttp.open("POST","set_session.php?layoutWidth=" + layoutWidth,true); xmlhttp.send(); } </code></pre> <p>your php file to set the session the parameter is passed from your ajax call:</p> <p>set_session.php</p> <pre><code><?php session_start(); // you can check if it is already set if you like otherwise: $_SESSION['layoutWidth'] = $_REQUEST['layoutWidth']; ?> </code></pre> <p>layout1.php</p> <pre><code><?php echo '<div>This is layout1.php</div>'; echo '<div>Your screen width is: ' . $_SESSION['layoutWidth'] . '</div>'; ?> </code></pre> <p>layout2.php</p> <pre><code><?php echo '<div>This is layout2.php</div>'; echo '<div>Your screen width is: ' . $_SESSION['layoutWidth'] . '</div>'; ?> </code></pre> <p>layout3.php</p> <pre><code><?php echo '<div>This is layout3.php</div>'; echo '<div>Your screen width is: ' . $_SESSION['layoutWidth'] . '</div>'; ?> </code></pre> <p>This method means you dont have to pass parameters around in your URL. it will all be hidden.</p>
Tags
Title
singulars
PostAcceptedAnswerId
1. This table or related slice is empty.
PostParentId
1. POJavascript Variable to PHP Session Variable and then call it via Ajax for multiple use
  singulars
  PostTypePostTypeId
  PTQuestion
PostTypePostTypeId
1. PTAnswer
UserLastEditorUserId
1. USASceresini
UserOwnerUserId
1. USASceresini
plurals
PostLinksPostIdRelatedPostId
1. This table or related slice is empty.
PostLinksRelatedPostIdPostId
1. This table or related slice is empty.
PostsAcceptedAnswerId
1. POJavascript Variable to PHP Session Variable and then call it via Ajax for multiple use
  singulars
  PostTypePostTypeId
  PTQuestion
PostsParentIdCreationDate
1. This table or related slice is empty.
VotesPostIdCreationDate
1. VO
  singulars
  PostPostId
  PO
  UserUserId
  This table or related slice is empty.
  VoteTypeVoteTypeId
  VTUpMod
2. VO
  singulars
  PostPostId
  PO
  UserUserId
  This table or related slice is empty.
  VoteTypeVoteTypeId
  VTUpMod
3. VO
  singulars
  PostPostId
  PO
  UserUserId
  This table or related slice is empty.
  VoteTypeVoteTypeId
  VTAcceptedByOriginator
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.