JavaScript - Function To Load Wimpy Mp3 Player Into Iframe With Playlist

at the day i include to my web page an iframe , in browser like firefox , opera works fine, but in ie6 sometimes cannot load the content of iframe , and a code who load page in iframe

<iframe frameborder="0" scrolling="no" src='index.php' name='mainFrame' onload='in_process = false;
resizeIframe("mainFrame");'
id='mainFrame' width="100%">
</iframe>


the follow show IE6

Hi,
I have a webpage structured as below and want the contents in the iframe to load prior to the code below it. At the moment the javascript(resizing stuff) in the iframe code delays the iframe from loading in full before the "streaming music player" code. This iframe javascript is on the page as opposed to an external file. I would have thought the iframe would have to load in full before the code below it would be executed. How do I make the iframe load in sequence or delay/hide the code below it until iframe is fully loaded?
Thanks

####header####
flash

####header menu####
flash

####iframe####
lots of javascript and content from page on mywebsite (not external url)

###streaming music player#####
embedded flash player linked to external site

####footer menu####
flash

I am a javascript newbie. I have a radio website that runs a live stream 24/7. The live stream is loaded in to an iframe named "stream". I only ever have 2 files that show in that iframe. 1 for when the user has the stream on and another for when they turn it off. stream_on.php and stream_off.php

I also have podcasts on the site and my goal is when the user clicks the .swf object to play the podcast, the live stream in the iframe changes to stream_off.php so that the 2 audios don't overlap each other.

Here's the code I have so far for the .swf object.

PHP Code:
<object type='application/x-shockwave-flash' data='player_mp3_maxi.swf' width='50' height='20' class='blur' onclick="window.open('stream_off.php','stream')\">
<param name='movie' value='player_mp3_maxi.swf' />
<param name='bgcolor' value='#666666'>";
if ($row['location'] == "")
 {
  echo "<param name='FlashVars' value='mp3=". $site ."podcasts/". $filename ."&showslider=0&showstop=1&autoload=0&bgcolor1=330066&width=50' />";
  }
else
  {
echo "<param name='FlashVars' value='mp3=http://". $row['location'] . $filename ."&showslider=0&showstop=1&autoload=0&bgcolor1=330066&width=50' />";
   }
</object> 


And the code for the iframe. It's default state is stream_on.php since on load I want the stream to start right away. I only need it to change upon clicking of any .swf object on the page.

PHP Code:
<iframe src='stream_on.php' id='stream' marginheight='0' width='195' height='110' frameborder='0' scrolling='no'></iframe> 


As you can see, I put the onclick in the object tag.

Is this correct ? Is there a piece of javascript code I am missing ?

Please Help.

Hi,

I am looking for some code that will do the following

Form to post any URL to an iFrame and load said URL.

I been told Javascript can do this, but I am also after the form bit as well if possible.

I'm slowly scraping away errors from a page im working on and ive found this forum to be very helpful- down to one more that i wanted to post on.
sample page is he http://darrenlasso.com/freelance/loo.../lookbook.html

Works fine in most all browsers except for IE8- ive even had to include built in ie7 compatibility to get it to work at all. Problem is most likely associated with my js, which is:
Code:

function ShowPage(frame)

 {
  frames[0].location = frame+'.html'
  }

and html is:
Code:

<div id="thumb1"><a onmouseover="ShowPage('frame1')"onclick="ShowPage('frame1')" rel="nofollow" target="mainbox"></a></div>
<div id="thumb2"><a onmouseover="ShowPage('frame2')"onclick="ShowPage('frame2')" rel="nofollow" target="mainbox"></a></div>
<div id="thumb3"><a onmouseover="ShowPage('frame3')"onclick="ShowPage('frame3')" rel="nofollow" target="mainbox"></a></div>

etc etc..


Which is just something i found online - probly isnt right for what im trying to accomplish. If you go to the site- you navigate by hovering over/clicking the images at the top and that loads a new page into the iframe below. Id like to be able to fix the errors and get it working without having to force ie7 compatibility if possible too. Any help is much appreciated

Ok, I am aware this will sound like a plug for my script, but please bare with me. I created a bookmarklet script to help me audit extremely large style sheets.

Basically while on a site that you would like to audit, you click the bookmarklet and the document's body contents gets remove and replaced with an iframe that points to the current sites home page. From here you can choose what style sheet (the script finds) to begin reporting over. The more pages you browse (through the iframe) the more accurate the report gets.

My problem however, is if the person is on the site's home page when first running the script, the iframe never loads up. I think it has to do with the fact that you are on the home page, and then the iframe tries to point to the home page as well and fails for some reason.

Is there any solution that comes to mind for anyone out there?

You can test it by bookmarking this bookmarklet and running it on any site's home page where style sheets can be found:

Get The Bookmarklet on this page

Again, it works great if you don't start the script from a sites home page.

Hello all, my second post!

I finally got the below script working in Firefox and was really pumped about it until I realized it didn't load in Google chrome or Safari.

What this script does is its a dual onclick event which makes a hidden div appear and loads an iframe within the now visible div. Here is the code, I would love any input on how to make this work in other browsers.

Here is the header code:
Code:

<SCRIPT type="text/javascript">
<!--

var state = 'none';

function showhide(layer_ref) {

if (state == 'block') {
state = 'none';
}
else {
state = 'block';
}
if (document.all) { //IS IE 4 or 5 (or 6 beta)
eval( "document.all." + layer_ref + ".style.display = state");
}
if (document.layers) { //IS NETSCAPE 4 or below
document.layers[layer_ref].display = state;
}
if (document.getElementById &&!document.all) {
hza = document.getElementById(layer_ref);
hza.style.display = state;
}
}
//-->
</script>


<SCRIPT type="text/javascript">
function loadIframe(iframeName, url) {
if ( window.frames[iframeName] ) {
window.frames[iframeName].location = url;
return false;
}
else return true;
}
</script>

Here is the code on the page where a link click shows the hidden div and loads the iframe contained.
Code:

<p><a href="#" onclick="showhide('div1');return loadIframe('ifrm1', 'http://www.google.com');">show/hide me</a></p>

</td></tr>
<div id="div1" style="display: none; position: fixed; z-index:4; width: 1010px; height: 500px; left: 5%; top: 15%;  background-color: #f0f0f0; 	border: 1px solid #000; padding: 10px;"><iframe name="ifrm1" id="ifrm1" width="100%" height="90%" scrolling="yes" frameborder="0">Sorry, your browser doesnt support iframes.</iframe><p><a href="#" onclick="showhide('div1')">close</a></div>';

As always, any input is greatly appreciated!

Hey guys,

I'm using a couple of JQuery plugins:

Quicksand - Shuffle/re-order
PrettyPhoto - standard lightbox type image viewer

I'm using Quicksand to filter my images, like a gallery, sorted into categories for my work; illustration, website, applications etc.

This is working fine.

I'm using PrettyPhoto to allow the user to click these images and see them in a larger size. This works fine when 'all' is selected from the quicksand menubar.

However, if I filter the list to any other option, PrettyPhoto doesn't work and clicking the image results in it opening in a new page.

Essentially, I need to re-call or re-load PrettyPhoto after the animation for filtering ends. But I don't know how.

You can see my galllery at:

http://www.gurugroup.net/#3

You can view the PrettyPhoto and Quicksand Javascript files he

http://www.sim-modding.com/stuff/javascripts/

I assume the re-call line would go somewhere around he

Code:

// Gets called when any animation is finished

Thankyou in advance.

Ste.

Is it possible to call a function inside of the load event ? Excuse the terminology I'm completely new to all of this, but for instance. I have a function that gets the value of a cookie, and I would like to call the function inside of a load event so the cookie value is part of the string and it gets generated dynamically whenever the load is executed. Something like this:


Code:

	$("#FTPContents").load("functions/testftp.php?HASH=Get_Cookie("User")(&reload=<?php echo $_SESSION['currentdirectory'];?>");

The

Code:

HASH=Get_Cookie("User")

is the part i'm referring to. I'm sure if it is possible then that syntax is wrong, can it be done ?

Hi, I'm making a page and I'd like to start an applet (Jmol) and display it near the button of the current page when a button is clicked. However, I get a syntax error: "missing ; before statement"
(Note: this javascript is part of a cgi page)
The code I have is as follow:
Code:

<script type="text/javascript" SRC="../jmol-12.0.48/Jmol.js"></script>
<script 
type="text/javascript" 
language="Javascript">
function loadJmol(SMILES)
{
        document.getElementById("viewMol").innerHTML = 'jmolInitialize("../jmol-12.0.48", true); jmolAppletInline(300, \'\', "load \$' + SMILES + '");' ;
}
</script>
...
print "<a href=javascript:loadJmol(\"SomeString\")>View</a>";
print "<script id=\"viewMol\"></script>";

The syntax error occurs at the single quote in ...").innerHTML = 'jmolInitialize("...

I have been able to get this applet to run when not in a function.

Has anyone run into this before and can give me a hand?

Thanks, Tom

Hi,

This might be a daft question but I can't find an answer.

I want to run a function again and again, until a proper value is returned (ie NaN in this example). I assumed the code below would work but it doesnt - please help!

function showBandwidth(){
var player = document.FLVClipEditor;
if (player)
{
var bandwidth = player.getCurrentBandWidth();

if(!isNaN(bandwidth)){
alert("You BW is" + bandwidth);
} else {

setTimeout("bandwidthChecker()", 100);
return showBandwidth();
}
} else {
alert("Sorry, the flash player is not available");
}
}

Hi there
I am wondering if anyone can tell me the best way to access the functions of an Iframe from the parent of the frame.
I have tried


Code:

var myFrame = document.getElementById('gigmap');
myFrame.flashMouseover(gid);

and

Code:

window.frames['gigmap'].document.flashMouseover(gid);

though these didn't work.

Basically this is what i want: Mainpage function a(id) receives flash variable 'id' then sends variable 'number' to iframe function b(id) .
The part in red is where I have the problem.

In case you are wondering what I am doing is sending an id of a gig in my database when its button rolled over in a flash swf to a Google Map (using Google maps javascript API inside the Iframe 'gigmap) and make the corresponding marker on the map jump. I have it so the iframed map markers send to the flash file on rollover though not the other way round...yet!

Hello-

trying to get an api to update status after a user completes a survey, no joy:
<script type="text/javascript">
Event.observe(window, 'load', function()
{
parent.mm_adl_API.LMSSetValue("cmi.core.lesson_status", "completed");
top.mm_adl_API.LMSSetValue("cmi.core.lesson_status", "completed");
window.opener.mm_adl_API.LMSSetValue("cmi.core.lesson_status", "completed");
otherWindow.postMessage("mm_adl_API.LMSSetValue("cmi.core.lesson_status", "completed")","*");
});
</script>


please help?

On my music site, I want to keep track of the number of times each song has been played.
The code below uses a clicked button to send the request.
But I need to be able to send the request as each song begins to play.
Or when a user clicks another song in the list.

Mr Oldies online radio station

I am using the audio.js script for the html5 audio player.
That code is listed below as well.
This code creates a division with the ID of "playing" for the active song.
It is in here somewhere, where I would need to include the request to send the data to a php page which then does the work of accessing and updating a databse.
I just do not know enough of Javascript to do this.
Can someone show me where exactly to put the required code to do this?
Thanks.




Code:

<!DOCTYPE html>
<html>
<head>
<script>
function loadXMLDoc()
{
var xmlhttp;
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
    }
  }
xmlhttp.open("GET","demo_get2.asp?fname=Henry&lname=Ford",true);
xmlhttp.send();
}
</script>
</head>
<body>

<h2>AJAX</h2>
<button type="button" onclick="loadXMLDoc()">Request data</button>
<div id="myDiv"></div>
 
</body>
</html>

audio.js code
the other part of the audio.js script can be found here
http://mroldies.net/test/audio.js

Code:

<script>
	
	var loadedobjects=""
var rootdomain="http://"+window.location.hostname

function ajaxpage(url, containerid){
var page_request = false
if (window.XMLHttpRequest) // if Mozilla, Safari etc
page_request = new XMLHttpRequest()
else if (window.ActiveXObject){ // if IE
try {
page_request = new ActiveXObject("Msxml2.XMLHTTP")
} 
catch (e){
try{
page_request = new ActiveXObject("Microsoft.XMLHTTP")
}
catch (e){}
}
}
else
return false
page_request.onreadystatechange=function(){
loadpage(page_request, containerid)
}
page_request.open('GET', url, true)
page_request.send(null)
}

function loadpage(page_request, containerid){
if (page_request.readyState == 4 && (page_request.status==200 || window.location.href.indexOf("http")==-1))
document.getElementById(containerid).innerHTML=page_request.responseText
}

function loadobjs(){
if (!document.getElementById)
return
for (i=0; i<arguments.length; i++){
var file=arguments[i]
var fileref=""
if (loadedobjects.indexOf(file)==-1){ //Check to see if this object has not already been added to page before proceeding
if (file.indexOf(".js")!=-1){ //If object is a js file
fileref=document.createElement('script')
fileref.setAttribute("type","text/javascript");
fileref.setAttribute("src", file);
}
else if (file.indexOf(".css")!=-1){ //If object is a css file
fileref=document.createElement("link")
fileref.setAttribute("rel", "stylesheet");
fileref.setAttribute("type", "text/css");
fileref.setAttribute("href", file);
}
}
if (fileref!=""){
document.getElementsByTagName("head").item(0).appendChild(fileref)
loadedobjects+=file+" " //Remember this object as being already added to page
}
}
}


	
	</script>