StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO<button> Same Button, Multiple Locations, Different Code
primarykey
Id
17584487
data
AcceptedAnswerId
0
AnswerCount
2
ClosedDate
CommentCount
0
CommunityOwnedDate
CreationDate
2013-07-11T03:19:26.453
FavoriteCount
0
LastActivityDate
2013-07-11T03:41:29.553
LastEditDate
2013-07-11T03:26:12.177
LastEditorUserId
2422876
OwnerUserId
1801540
ParentId
0
PostTypeId
1
Score
0
ViewCount
144
LastEditorDisplayName
text
Body
<p>I am writing an application in JQTouch, and am using a big red button </p> <pre><code><a href="#" class="redButton">Red</a> </code></pre> <p>I am using PHP to dynamically build the JQT page with multiple divs. The app is a server management console that gets data from MySQL. My idea is that I use a While loop to make a div for each server returned in the MySQL query, and each div will have a delete server button(the big red button). I have to call the dame bit of code because of the whole dynamic page generating thing. So I was wondering if there was a way I could have the onClick function that I call with the button Red know what div the button is in that is calling the function. There will be a button in multiple divs that call the same code, but i have to know WHAT server to delete. Any suggestions?</p> <p>Here is the full source code.</p> <pre><code><html> <link rel="stylesheet" href="jq_touch/themes/css/jqtouch.css" title="jQTouch"> <script src="jq_touch/src/lib/zepto.min.js" type="text/javascript" charset="utf-8"></script> <script src="jq_touch/src/jqtouch.min.js" type="text/javascript" charset="utf-8"></script>    <script src="../../extensions/jqt.themeswitcher.min.js" type="application/x-javascript" charset="utf-8"></script> <script type="text/javascript" charset="utf-8"> var jQT = new $.jQTouch({ icon: 'jqtouch.png', icon4: 'jqtouch4.png', addGlossToIcon: false, startupScreen: 'jqt_startup.png', statusBar: 'black-translucent', themeSelectionSelector: '#jqt #themes ul', preloadImages: [] }); // Some sample Javascript functions: $(function(){ // Show a swipe event on swipe test $('#swipeme').swipe(function(evt, data) { var details = !data ? '': '<strong>' + data.direction + '/' + data.deltaX +':' + data.deltaY + '</strong>!'; $(this).html('You swiped ' + details ); $(this).parent().after('<li>swiped!</li>') }); $('#tapme').tap(function(){ $(this).parent().after('<li>tapped!</li>') }); $('a[target="_blank"]').bind('click', function() { if (confirm('This link opens in a new window.')) { return true; } else { return false; } }); // Page animation callback events $('#pageevents'). bind('pageAnimationStart', function(e, info){ $(this).find('.info').append('Started animating ' + info.direction + '&hellip; And the link ' + 'had this custom data: ' + $(this).data('referrer').data('custom') + '<br>'); }). bind('pageAnimationEnd', function(e, info){ $(this).find('.info').append('Finished animating ' + info.direction + '.<br><br>'); }); // Page animations end with AJAX callback event, example 1 (load remote HTML only first time) $('#callback').bind('pageAnimationEnd', function(e, info){ // Make sure the data hasn't already been loaded (we'll set 'loaded' to true a couple lines further down) if (!$(this).data('loaded')) { // Append a placeholder in case the remote HTML takes its sweet time making it back // Then, overwrite the "Loading" placeholder text with the remote HTML $(this).append($('<div>Loading</div>').load('ajax.html .info', function() { // Set the 'loaded' var to true so we know not to reload // the HTML next time the #callback div animation ends $(this).parent().data('loaded', true); })); } }); // Orientation callback event $('#jqt').bind('turn', function(e, data){ $('#orient').html('Orientation: ' + data.orientation); }); }); </script><?php //Connect mysql_connect("localhost", "root", "root") or die(mysql_error()); //Make and store queries mysql_select_db("servermgr") or die(mysql_error()); $result = mysql_query("SELECT * FROM servers") or die(mysql_error()); //Echo some constant HTML echo'<div id="serverset">'; echo'<div class="toolbar">'; echo'<h1>Servers Home</h1> '; echo'</div>'; echo'<ul class="rounded">'; //Begin printing out MYSQL rows (List Items) while($row = mysql_fetch_array( $result )) { //$row_friendlyName = $_row['friendly_name'] $friendlyName_noSpaces = str_replace(' ', '_', $row[friendly_name]); echo'<li class=""><a href="#'.$friendlyName_noSpaces.'">'.$row["friendly_name"].'</a></li>'; } //Close list echo'</ul>'; echo '</div>'; //Redo all previous queries to print out the divs mysql_select_db("servermgr") or die(mysql_error()); $result2 = mysql_query("SELECT * FROM servers") or die(mysql_error()); while($row2 = mysql_fetch_array( $result2 )) { $friendlyName_noSpaces2 = str_replace(' ', '_', $row2[friendly_name]); echo '<div id="'.$friendlyName_noSpaces2.'">'; echo'<div class="toolbar">'; echo'<h1>'.$row2[friendly_name].'</h1> '; echo '<a href="#" class="back">Back</a>'; echo'</div>'; echo'<ul class="rounded">'; echo '<li>Friendly Name: '.$row2[friendly_name].'</li>'; echo '<li>IP Address: '.$row2[ip].'</li>'; echo '<li>Server Hostname: '.$row2[hostname].'</li>'; echo '<li>MAC Address: '.$row2[MAC].'</li>'; echo'</ul>'; echo'<button href="#" class="redButton">Red</button>'; echo'</div>'; } //END OF PHP ?> </body> </html> </code></pre>
Tags
<php><javascript><jquery><html><mysql>
Title
<button> Same Button, Multiple Locations, Different Code
singulars
PostAcceptedAnswerId
1. This table or related slice is empty.
PostParentId
1. This table or related slice is empty.
PostTypePostTypeId
1. PTQuestion
UserLastEditorUserId
1. USViper
UserOwnerUserId
1. USJustin Marmorato
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
2. PO
  singulars
  PostTypePostTypeId
  PTAnswer
VotesPostIdCreationDate
1. VO
  singulars
  PostPostId
  PO<button> Same Button, Multiple Locations, Different Code
  UserUserId
  This table or related slice is empty.
  VoteTypeVoteTypeId
  VTApproveEditSuggestion
CommentsPostId
1. This table or related slice is empty.

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.