StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POJs show and hide function
primarykey
Id
10347925
data
AcceptedAnswerId
10348678
AnswerCount
1
ClosedDate
CommentCount
4
CommunityOwnedDate
CreationDate
2012-04-27T09:11:33.760
FavoriteCount
0
LastActivityDate
2012-04-27T15:42:01.307
LastEditDate
2012-04-27T09:22:34.877
LastEditorUserId
1303767
OwnerUserId
1303767
ParentId
0
PostTypeId
1
Score
0
ViewCount
330
LastEditorDisplayName
text
Body
<p>I know that out there are lots of scripts to show and hide content but none of them work for me when it comes to my scenario. Here on this test page <a href="http://bloghutsbeta.blogspot.com/2012/04/testing-game-content-issue.html" rel="nofollow">http://bloghutsbeta.blogspot.com/2012/04/testing-game-content-issue.html</a> I have flash game in iframe, IF you click on PLAY button or you don't click still the flash content starts loading in Chrome and IE (not in firefox).</p> <p>So to deal with this situation I thought of using show and hide content method and used a few scripts but none of them helped as even though when I was using them the flash content still use to load at the back end in IE and Chrome. What I am asking for is a script that won't let the flash content load until an 'onclick' function is performed. I know one script that do this 'LazyLoad' But it is for images, I don't think it will work for flash content too.</p> <p>Note: 1-There is Music on the link provided 2- Sorry for providing blogspot link but JsFiddle is not an option for a person living in Afghanistan with 5KBps.</p> <p>Relevant Markup: Button for lightbox or Modal Window</p> <pre><code><a class="poplight" href="#?w=100%" rel="popup_name"><img alt="play game" class="happybutton" onmouseout="this.style.opacity=0.8;this.filters.alpha.opacity=80" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" src="http://farm5.static.flickr.com/4084/4998558471_27e3985c16_m.jpg" style="opacity: 0.8;" /></a> </code></pre> <p>Content set to be display none until the above button is clicked (this actually doesn't work in IE and Chrome ONLY in firefox)</p> <pre><code><div class="popup_block" id="popup_name"> <iframe width="100%" height="98%" src="http://files.cryoffalcon.com/bhgames/dressup/Celebrities/Wizard%20Fashion.html" frameborder="0" scrolling="no" allowTransparency="false" ></iframe> </div> </code></pre> <p>CSS:</p> <pre><code>#fade { display: none; background: #000; position: fixed; left: 0; top: 0; width: 100%; height: 100%; opacity: .80; z-index: 9999999; } .popup_block{ width: 98.95%; height: 98.2%; display: none; padding: 0px; line-height:1em; font-size: 1em; position: fixed; top: 0px; left: 0px; z-index: 999999999; -webkit-box-shadow: 0px 0px 20px #000; -moz-box-shadow: 0px 0px 20px #000; box-shadow: 0px 0px 20px #000; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .close { height:20px; float: right; margin: 0 2px 0 0; } </code></pre> <p>JS (actually Jquery)</p> <pre><code>&lt;script type=&quot;text/javascript&quot;&gt; $(document).ready(function(){ //When you click on a link with class of poplight and the href starts with a # $(&#39;a.poplight[href^=#]&#39;).click(function() { var popID = $(this).attr(&#39;rel&#39;); //Get Popup Name var popURL = $(this).attr(&#39;href&#39;); //Get Popup href to define size //Pull Query &amp; Variables from href URL var query= popURL.split(&#39;?&#39;); var dim= query[1].split(&#39;&amp;&#39;); var popWidth = dim[0].split(&#39;=&#39;)[1]; //Gets the first query string value //Fade in the Popup and add close button $(&#39;#&#39; + popID).fadeIn().css({ &#39;width&#39;: Number( popWidth ) }).prepend(&#39;&lt;a href=&quot;#&quot; title=&quot;Close It&quot; class=&quot;close&quot;&gt;&lt;img src=&quot;http://files.cryoffalcon.com/bloghuts/images/close%20button.png&quot; alt=&quot;Close&quot; width=&quot;20&quot; height=&quot;20&quot; /&gt;&lt;/a&gt;&#39;); //Define margin for center alignment (vertical + horizontal) - we add 80 to the height/width to accomodate for the padding + border width defined in the css var popMargTop = ($(&#39;#&#39; + popID).height() + 0) / 0; var popMargLeft = ($(&#39;#&#39; + popID).width() + 0) / 0; //Apply Margin to Popup $(&#39;#&#39; + popID).css({ &#39;margin-top&#39; : -popMargTop, &#39;margin-left&#39; : -popMargLeft }); //Fade in Background $(&#39;body&#39;).append(&#39;&lt;div id=&quot;fade&quot;&gt;&lt;/div&gt;&#39;); //Add the fade layer to bottom of the body tag. $(&#39;#fade&#39;).css({&#39;filter&#39; : &#39;alpha(opacity=80)&#39;}).fadeIn(); //Fade in the fade layer return false; }); //Close Popups and Fade Layer $(&#39;a.close, #fade&#39;).live(&#39;click&#39;, function() { //When clicking on the close or fade layer... $(&#39;#fade , .popup_block&#39;).fadeOut(function() { $(&#39;#fade, a.close&#39;).remove(); }); //fade them both out return false; }); }); &lt;/script&gt; </code></pre>
Tags
<javascript><jquery>
Title
Js show and hide function
singulars
PostAcceptedAnswerId
1. PO
  singulars
  PostTypePostTypeId
  PTAnswer
PostParentId
1. This table or related slice is empty.
PostTypePostTypeId
1. PTQuestion
UserLastEditorUserId
1. USCryOfFaclon
UserOwnerUserId
1. USCryOfFaclon
plurals
PostLinksPostIdRelatedPostId
1. PL
  singulars
  LinkTypeLinkTypeId
  LTLinked
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. VO
  singulars
  PostPostId
  POJs show and hide function
  UserUserId
  This table or related slice is empty.
  VoteTypeVoteTypeId
  VTDownMod
2. VO
  singulars
  PostPostId
  POJs show and hide function
  UserUserId
  This table or related slice is empty.
  VoteTypeVoteTypeId
  VTUpMod
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.