StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POChrome fails to generate multiple JW players with PHP/JS
primarykey
Id
15311912
data
AcceptedAnswerId
15312431
AnswerCount
1
ClosedDate
CommentCount
9
CommunityOwnedDate
CreationDate
2013-03-09T14:40:41.563
FavoriteCount
0
LastActivityDate
2013-03-09T15:30:42.063
LastEditDate
2013-03-09T14:46:42.717
LastEditorUserId
1219226
OwnerUserId
1219226
ParentId
0
PostTypeId
1
Score
2
ViewCount
387
LastEditorDisplayName
text
Body
<p>I'm having a hard time making Chrome generate multiple JW players with PHP and Javascript. Just to mention it, everything works fine in Opera/Pale Moon/Firefox. Here's <a href="https://dl.dropbox.com/u/34696560/MMD/_skrin.jpg" rel="nofollow">how it's supposed to look</a>, here's <a href="https://dl.dropbox.com/u/34696560/MMD/_chrome.jpg" rel="nofollow">how it renders in Chrome</a>. Funny thing is, when I hover over the places where JW players are supposed to be, the cursor changes to "pointer" and I can actually play the file, it's just that the player itself is invisible.</p> <p>I have multiple audio files that have all their info (file name, path, description, etc) in a MySQL database. So, while loop generates separate DIV for each file in the database, and sets its ID tag to be the file name value. Here's the code (I've left out the MySQL queries and everything else since this is the troublesome part):</p> <pre><code><?php while ($row = mysql_fetch_array($query)){ $fullpath = $row['fileFolder'].$row['fileName']; ?> <div id="<?php echo $row['fileName']; ?>">Loading the player...</div> <script type="text/javascript"> var divName = <?php echo json_encode($row['fileName']); ?>; //since each DIV id has to be different var fullpath = <?php echo json_encode($fullpath); ?>; jwplayer(divName).setup({ file: fullpath, width:300, height:30 }); </script> <?php echo "<p class='descriptionAudio'>".$row['description']; echo "<br>"; } ?> </code></pre> <p>Chrome shows source same as the working browsers, while Chrome's Developer tool says:</p> <pre><code>There was an error while handling a listener: Error: SyntaxError: DOM Exception 12 function (a){n.playerReady(a);f.css.unblock()} jwplayer.js:3 42 Uncaught Error: SyntaxError: DOM Exception 12 </code></pre> <p>By the way, everything works well when I manually set the DIVs ID value.</p>
Tags
<php><javascript><google-chrome><jwplayer><dynamically-generated>
Title
Chrome fails to generate multiple JW players with PHP/JS
singulars
PostAcceptedAnswerId
1. PO
  singulars
  PostTypePostTypeId
  PTAnswer
PostParentId
1. This table or related slice is empty.
PostTypePostTypeId
1. PTQuestion
UserLastEditorUserId
1. USE. Normous
UserOwnerUserId
1. USE. Normous
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
  POChrome fails to generate multiple JW players with PHP/JS
  UserUserId
  This table or related slice is empty.
  VoteTypeVoteTypeId
  VTUpMod
2. VO
  singulars
  PostPostId
  POChrome fails to generate multiple JW players with PHP/JS
  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.