Client Side Coding > Javascript & Ajax
PHP Sound...
(1/1)
Unauthorized:
So i have two codes, one for a simple button with working sounds and all, and another complex button with on-click and on-roll over functions but will not work with sounds.
This is my script coding in the <head></head> to make the sounds work.
--- PHP Code: ---<!--
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_nbGroup(event, grpName) { //v6.0
var i,img,nbArr,args=MM_nbGroup.arguments;
if (event == "init" && args.length > 2) {
if ((img = MM_findObj(args[2])) != null && !img.MM_init) {
img.MM_init = true; img.MM_up = args[3]; img.MM_dn = img.src;
if ((nbArr = document[grpName]) == null) nbArr = document[grpName] = new Array();
nbArr[nbArr.length] = img;
for (i=4; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = img.MM_dn = args[i+1];
nbArr[nbArr.length] = img;
} }
} else if (event == "over") {
document.MM_nbOver = nbArr = new Array();
for (i=1; i < args.length-1; i+=3) if ((img = MM_findObj(args[i])) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = (img.MM_dn && args[i+2]) ? args[i+2] : ((args[i+1])? args[i+1] : img.MM_up);
nbArr[nbArr.length] = img;
}
} else if (event == "out" ) {
for (i=0; i < document.MM_nbOver.length; i++) {
img = document.MM_nbOver[i]; img.src = (img.MM_dn) ? img.MM_dn : img.MM_up; }
} else if (event == "down") {
nbArr = document[grpName];
if (nbArr)
for (i=0; i < nbArr.length; i++) { img=nbArr[i]; img.src = img.MM_up; img.MM_dn = 0; }
document[grpName] = nbArr = new Array();
for (i=2; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = img.MM_dn = (args[i+1])? args[i+1] : img.MM_up;
nbArr[nbArr.length] = img;
} }
}
--- End code ---
The span must also be placed is this.
--- PHP Code: ---<span id="dummy"></span>
--- End code ---
it must be placed at the top so all buttons will play the sound.
This is the button that works.
--- PHP Code: ---<a href="#" onclick="playSound('sounds/thunder.wav');"><img src="images/button.png"></a>
--- End code ---
And this is the one that does not work
--- PHP Code: ---<a href="index.php" onclick="playSound('sounds/thunder.wav');" target="_top" onmouseover="MM_nbGroup('over','home','images/homeon.png','images/homeon.png',1)" onmouseout="MM_nbGroup('out')"><img src="images/home.png" alt="" name="home" width="150" height="65" border="0" id="home" onload="" /></a>
--- End code ---
I really can't find a way to fix the complex button make the sound "thunder.wav".
phphelp:
This is actually not a PHP code, this is Javascript. The javascript code intended to work in a browser, while you are on the HTML page... Here is your code that is not working:
--- PHP Code: ---<a href="index.php" onclick="playSound('sounds/thunder.wav');" target="_top" onmouseover="MM_nbGroup('over','home','images/homeon.png','images/homeon.png',1)" onmouseout="MM_nbGroup('out')"><img src="images/home.png" alt="" name="home" width="150" height="65" border="0" id="home" onload="" /></a>
--- End code ---
If you look at it, you will see target="_top" - this will open your link in a new browser window. And your link is... index.php You cannot make one link play sound and open new page at the same time. Well, you can but you need to use Ajax, and load content of index.php to a current page asynchronously, while sound is playing (that's why they call is AJAX - Asynchronous Javascript And XML).
Navigation
[0] Message Index
Go to full version