StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POjavascript/jquery start button for .ogg looped play
primarykey
Id
18084394
data
AcceptedAnswerId
0
AnswerCount
1
ClosedDate
CommentCount
0
CommunityOwnedDate
CreationDate
2013-08-06T15:28:49.920
FavoriteCount
0
LastActivityDate
2013-08-07T12:20:29.607
LastEditDate
2013-08-07T12:20:29.607
LastEditorUserId
2113382
OwnerUserId
2113382
ParentId
0
PostTypeId
1
Score
0
ViewCount
228
LastEditorDisplayName
text
Body
<p>The code below generates and loops a randomized number of iterations of some .ogg files. They play as soon as the page loads. </p> <p>The commented-out bits are my attempt to add a 'start' button. What am I doing wrong here, and how can I start this with a button rather than on page load?</p> <p>(Also: I am suspecting that it is bad practice to combine php and javascript as I have done. I did it because randomization in php is so easy, and I am still new to js/jquery.) </p> <p>(EDIT: see the edit below. I just forgot to close the tag.)</p> <pre><code><html> <head> <title>Audio Testing</title> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <?php $randC = rand(2,4); $C = $randC * 4; $G = $C / 2; echo " <script type=\"text/javascript\"> $(document).ready(function() { // $(\"#start\").click(function() // { var time = 0; var riff_time = 2920; var base = 'riff'; for(i = 0; i < $C; i++) { var id = base + ((i + 1) ); window.setTimeout (\"document.getElementById('\" + id + \"').play()\", time); time += riff_time; } var timeG = 0; var riff_time = 2920; var baseG = 'riffG'; for(iG = 0; iG < $G; iG++) { var idG = baseG + ((iG + 1) ); window.setTimeout (\"document.getElementById('\" + idG + \"').play()\", timeG); timeG += riff_time; // } } // EDIT: This should be }); ... that fixes it. }); </script> "?> <style type="text/css"> </style> </head> <body style="background-color: #999;">  <?php echo "C:<br>"; for ($i=1; $i<= $C; $i++) { echo '<audio controls id="riff'.$i.'"> <source src="loopC.ogg" type="audio/ogg"> </audio>'; } echo "<br>G:<br>"; for ($i=1; $i<= $G; $i++) { echo '<audio controls id="riffG'.$i.'"> <source src="loopG.ogg" type="audio/ogg"> </audio>'; } ?> </body> </html> </code></pre>
Tags
<javascript><jquery><ogg>
Title
javascript/jquery start button for .ogg looped play
singulars
PostAcceptedAnswerId
1. This table or related slice is empty.
PostParentId
1. This table or related slice is empty.
PostTypePostTypeId
1. PTQuestion
UserLastEditorUserId
1. USGregory Tippett
UserOwnerUserId
1. USGregory Tippett
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
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.