Not sure if this is a CSS or Javascript Problem, MP3 player placement Options

[UptonGirl]

Yep, I'm still struggling with this. Had a solution (a javascript pop-up player) client didn't like it. Siiiiiigh Thankfully I took a break from this for a while as there were other things to get done.

On this page: http://althea.cs.umass.edu/TMurray/jvInterviewtest.html Which is only partial and just a test - is an accordion panel. In the content are of each panel will be nested divs for the answer text and the audio (they are in the first content panel now) Inside the audio div is an mp3 player (javascript this time - not flash) But - I'm still having that issue of the player itself laying on TOP of the accordion.

Each panel should have the same configuration as the first - a text answer - and an audio player with a recording of that answer to he right. FYI the mp3 isn't linked yet.

Thoughts? Suggestions? Cyanide?

Thanks,

Ev


PS: I'm also not sure where the code to call the script for the player goes - once on the page - or repeated each time in the audio div?

This post has been edited by UptonGirl: Jun 4 2009, 12:45 AM

[UptonGirl]

Well - since I can't edit the post above (is there some time limit on edits?) I'll just note down here that I was trying to do the impossible. Can't change the z index of an embedded object.

Now - where the hell is Pancho and his damned donkey? I gotta go find me a new windmill.

This post has been edited by UptonGirl: Jun 4 2009, 08:00 PM

[Darin McGrew]

is there some time limit on edits?

Yes. Posts can be edited for an hour.

[Frederiek]

I get the following errors from the Errors Console in my browser:

Resource interpreted as script but transferred with MIME type text/html.
http://althea.cs.umass.edu/TMurray/soundpop.js

Resource interpreted as script but transferred with MIME type text/html.
http://althea.cs.umass.edu/TMurray/scripts...reAudioEmbed.js

SyntaxError: Parse error
http://althea.cs.umass.edu/TMurray/soundpop.js (line 1)

SyntaxError: Parse error
http://althea.cs.umass.edu/TMurray/scripts...reAudioEmbed.js (line 1)

ReferenceError: Can't find variable: embedPlayer
http://althea.cs.umass.edu/TMurray/jvInterviewtest.html (line 111)

You probably need to use the embedPlayer(...) function to call each audio file.
Doesn't the site, where you got the script from, have any documentation on the use of the script?

In my Safari, the player is hidden in the accordeon, so I don't know why other browsers don't.

[UptonGirl]

I get the following errors from the Errors Console in my browser:

Resource interpreted as script but transferred with MIME type text/html.
http://althea.cs.umass.edu/TMurray/soundpop.js

Resource interpreted as script but transferred with MIME type text/html.
http://althea.cs.umass.edu/TMurray/scripts...reAudioEmbed.js



In my Safari, the player is hidden in the accordeon, so I don't know why other browsers don't.

Not sure about Safari either - go figure.

I'm also not sure what THIS means:

Resource interpreted as script but transferred with MIME type text/html.

soundpop was a different script I had used, thought I removed all refs to it but guess not.

[Frederiek]

Since you use an XHTML DOCTYPE, you should use the correct <script> syntax.

Not:
<script language="JavaScript" type="text/JavaScript" src="soundpop.js"></script>

But:
<script type="text/javacript" src="soundpop.js"></script>


BTW, I get a 404 File not found on both .js files.

[pandy]

I'm also not sure what THIS means:

Resource interpreted as script but transferred with MIME type text/html.

It means your server isn't configured to use the correct content-type for js files. It sends them as text/html. Should be text/javascript. Must be changed on the server. .htaccess will work, but usually the content-type for common files types like this is configured in the server's main configuration. Have you done something yourself that could have changed this?

Safari is right BTW. (Ouch! It hurt to say that. ) I checked.

[Frederiek]

Safari is right BTW. (Ouch! It hurt to say that. ) I checked.