JavaScript - Defining An Undefined Sound File

I am running a ticker using javascript to update a gridview and I need to figure out how to run a sound alert when there is a new message; my javascript code file is below:
Code:

function Check()
{
  // Call the static page method.
  PageMethods.GetLatestHeadlineTick(OnSucceeded, OnFailed);
}

function OnSucceeded(result, userContext, methodName)
{
  // Parse the web method's result and the embedded
  //  hidden value to integers for comparison.
  var LatestTick = parseInt(result);
  var LatestDisplayTick = parseInt($get('LatestDisplayTick').value); 

  // If the web method's return value is larger than 
  //  the embedded latest display tick, refresh the panel.
  if (LatestTick > LatestDisplayTick)
    __doPostBack('up1', '')
if (LatestTick > LatestDisplayTick)
    document.title = "New message!";
// Else, check again in five seconds.
else
    setTimeout("Check()", 500);
}

// Stub to make the page method call happy.
function OnFailed(error, userContext, methodName) {}

function pageLoad()
{
  // On initial load and partial postbacks, 
  //  check for newer articles in five seconds.
  setTimeout("Check()", 500);
}

Hi

I have created a page using tables and found abit of javascript off the net where I could get a little soundbite to play when an image is clicked. It worked fine.

However I have now converted the page into CSS and even with using the same code the sound no longer plays.

Can anyone share any light on this please??

here is a snippet of my page code that shows the javascript.

Code:

<title>Joho-Designs-Home</title>
<link rel="stylesheet" type="text/css" href="johogallery.css" />
<script language="javascript" type="text/javascript">
 function playSound(soundfile) {
 document.getElementById("dummy").innerHTML=
 "<embed src=\""+soundfile+"\" hidden=\"true\" autostart=\"true\" loop=\"false\" />";
 }
 </script>

 <li><embed name="mySound" src="sounds/SQUEAK3.wav" loop=false autostart=false hidden= true><a href="#" onclick="playSound('sounds/SQUEAK3.wav');"><img src="menu/row3sq3_squeak_OP.png" border="0" alt="1"/></a></li>

Thanks and look forward to replies!!

Need to know how to define hex characters for the following;

var x = hex value

var y new Array(hex value, hex value, etc)

document.write(hex value)

Hi,

I'm trying to code a script that will display an approximate postage price based on different combinations of variables, but the numbers I defined for each case aren't reflected in the text box. I'm using a switch statement for all the different combinations of options, which the user will choose by selecting check-boxes.

I'd really appreciate if anyone could point out where I'm going wrong. (Additionally, I know that this code probably isn't a very efficient way of doing what I'm doing - I'm open to suggestions on how to improve it.)

I've attached all the relevant parts of the code, including how I defined variables originally.

Many thanks in advance,
Gil

Code:

<script type="text/javascript">


function count()
{
var firstclass = document.calc.firstclass.value;
var postcard = document.calc.firstclass.value;
var numpages = document.calc.numpages.value;
var nms = document.calc.nms.value;
var large = document.calc.large.value;
var numpages = parseInt(document.calc.numpages.value);

if (document.calc.grabber.checked)
{
var vweight = (numpages + 8) * 0.17636981;
} else {
var vweight = numpages * 0.17636981;
}

var postageprice = 0;
switch(postageprice)
{
case document.calc.postcard.checked:
var postageprice = 28;
break;
case document.calc.firstclass.checked && vweight <= 1:
var postageprice = 44;
break;
case document.calc.firstclass.checked && vweight <= 2:
var postageprice = 61;
break;
case document.calc.firstclass.checked && vweight <= 3:
var postageprice = 78;
break;
case document.calc.firstclass.checked && vweight <=3.5:
var postageprice = 95;
break;
case document.calc.firstclass.checked && document.calc.large.checked && vweight <= 1:
var postageprice = 88;
break;
case document.calc.firstclass.checked && document.calc.large.checked && vweight <= 2:
var postageprice = 105;
break;
case document.calc.firstclass.checked && document.calc.large.checked && vweight <= 3:
var postageprice = 122;
break;
case document.calc.firstclass.checked && document.calc.large.checked && vweight <= 4:
var postageprice = 139;
break;
case document.calc.firstclass.checked && document.calc.nms.checked && vweight <= 1:
var postageprice = 64;
break;
case document.calc.firstclass.checked && document.calc.nms.checked && vweight <= 2:
var postageprice = 81;
break;
case document.calc.firstclass.checked && document.calc.nms.checked && vweight <= 3:
var postageprice = 98;
break;
case document.calc.firstclass.checked && document.calc.nms.checked && vweight <= 3.5:
var postageprice = 105;
break;
case document.calc.firstclass.checked && document.calc.nms.checked && document.calc.large.checked && vweight <= 1:
var postageprice = 122;
break;
case document.calc.firstclass.checked && document.calc.nms.checked && document.calc.large.checked && vweight <= 2:
var postageprice = 139;
break;
case document.calc.firstclass.checked && document.calc.nms.checked && document.calc.large.checked && vweight <= 3:
var postageprice = 156;
break;
case document.calc.firstclass.checked && document.calc.nms.checked && document.calc.large.checked && vweight <= 4:
var postageprice = 173;
break;
default:
var postageprice = 0
}
document.calc.pay.value = postageprice
}

</script>
<form name="calc" method="POST">
<input type="text" name="numpages" size="10" value=10  onpropertychange="count()" onkeypress="keypress(event)" onclick="SelectAll()">
<input type=button name=clearnumber value="Clear" onclick="document.calc.numpages.value=0"> <p></p>

<input type="checkbox" name="firstclass" size="10" onclick="count()"><p>
<input type="checkbox" name="large" size="10" onclick="count()"></p>
<p>
<input type="checkbox" name="nms" size="10" onclick="count()"></p>
<p>
<input type="checkbox" name="postcard" size="10" onclick="count()"></p>
<p>
<input type="checkbox" name="grabber" size="10" onclick="count()"></p>
<p>$<input type="text" name="pay" size="10">
$<input type="text" name="perthousand" size="10">


</p>


</form>

Thanks again.

I'm installing a Disqus commenting system on a news site. Javascript attaches a comment thread to the end of a story page, based on the story's url.

Our issue is that many stories may have multiple urls, and we want a single comment thread on those stories.

A single story may have a url like this:
www.newspaper.com/ci_12345678
and this:
www.newspaper.com/entertainment/ci_12345678

Disqus provides an alternative
var disqus_identifier

I'd like to define disqus_identifier to the final 8-digit story ID, read from the url. Here's the way the code looks:

Code:

<div id="disqus_thread"></div>
<script type="text/javascript">
  /**
    * var disqus_identifier; [Optional but recommended: Define a unique identifier (e.g. post id or slug) for this thread] 
    */
  (function() {
   var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
   dsq.src = 'http://newspaper.disqus.com/embed.js';
   (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
  })();
</script>

I'm not sure how to define var disqus_identifier. Can anyone help me out?

hi there, im trying to get a sound effect to play when a slideshow runs.

the user selects the sound from a drop down menu on each image. The sound play when selected. But i need some way to pass it into the function that starts the slideshow.

I am using pixtastic library to add effects to the images, and jquery (with cycle plugin) to perform the slideshow. The sounds ive put in work when selected, but i need to write a function to play them when the slideshow runs (this is where im stuck!)

The library is soundmanager2

Here is the code

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script  type="text/javascript" src="js/pixastic.core.js"></script>
<script  type="text/javascript" src="js/pixastic.jquery.js"></script>
<script type="text/javascript" src="js/actions/sepia.js"></script>
<script type="text/javascript" src="js/actions/flipv.js"></script>
<script type="text/javascript" src="js/actions/emboss.js"></script>
<script type="text/javascript" src="js/actions/blur.js"></script>
<script type="text/javascript" src="js/actions/solarize.js"></script>
<script type="text/javascript" src="js/actions/edges.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<!-- include Cycle plugin -->
<script type="text/javascript" src="http://cloud.github.com/downloads/malsup/cycle/jquery.cycle.all.latest.js"></script>
<script type="text/javascript" src="js/Soundmanager/script/soundmanager.js"></script>
<script>
function change_image(id, effect)
{
	Pixastic.process(document.getElementById(id),effect);
}
		function startShow()
	{
		//get the canvas elements on the page
		var canvases = document.getElementsByTagName("canvas");
		var viewpane = document.getElementById("slideshow");
		for(i=0;i<canvases.length;i++)
		{
			viewpane.appendChild(canvases[i]);
		}
		$('#slideshow').cycle({
			fx: 'all' // choose your transition type, ex: fade, scrollUp, shuffle, etc...
		});

	}

</script> 
	<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
	<link rel="stylesheet" href="css/main.css" type="text/css" />
	<title>My Slideshow</title>
</head>
<body>
<div>
 <!-- soundManager appends "hidden" Flash to the first DIV on the page. -->
</div> 
	<div class="wrap">
		<h1 id="logo"><a href="javascript:location.reload(true)">My Slideshow!</a>	<br /></a></h1>
		<ul id="menu">
			Welcome to my slideshow, click view show to start<p>alternatively, click the headline to start again</p>
		
		</ul>
		<div id="text">
			<h2>Edit the images and start the show!</h2><p><h3>You can add more than one effect to each image!</h3>
      <div id = "slideshow">
<iNPUT TYPE=BUTTON OnClick="startShow()" VALUE="View The Show"> 

</div>
			</div>
<div id="leftcolumn">  
  <div id ="firstImage"> 
<img id="image1" src = "images/image1.jpg"></image>
	<form name="first_pic" id="first_pic">
  <select name="image1" onchange = "change_image(this.name,this.value);">
  <option value="blank">Edit the Image</option>
  <option value="sepia">Sepia</option>
  <option value="flipv">Flip Vertical</option>
  <option value="emboss">Emboss</option>
  <option value="solarize">Solarize</option>
  <option value="blur">Blur</option> 
  <option value="edges">Edged</option>
</select>
<select name="image1" onchange = "soundManager.play(this.value);">
  <option value="">Choose a sound</option>
  <option value="beep">Beep</option>
  <option value="gangsta">Gangsta</option>
  <option value="glass">Glass</option>
  <option value="page">Page turn</option>
</select>
</div>

</p>
 </div> 
 <div id="rightcolumn">

  <div id = "secondImage">
<img id="image2" src = "images/image2.jpg"></image>
	<form name="first_pic" id="first_pic">
  <select name="image2" onchange = "change_image(this.name,this.value);">
  <option value="blank">Edit the Image</option>
  <option value="sepia">Sepia</option>
  <option value="flipv">Flip Vertical</option>
  <option value="emboss">Emboss</option>
  <option value="solarize">Solarize</option>
  <option value="blur">Blur</option>
  <option value="edges">Edged</option>
</select>
<select name="image2" onchange = "soundManager.play(this.value);">
  <option value="">Choose a sound</option>
  <option value="beep">Beep</option>
  <option value="gangsta">Gangsta</option>
  <option value="glass">Glass</option>
  <option value="page">Page turn</option>
</select>
</div>
</div>			
			
			
		<div id="green_bubble">
			
		</div>
	</div>
	<div id="footer">
		<div class="wrap">
			<div id="bubble"></div>
			<div id="copyright">
				
			</div>
			<div class="clear"></div>
		</div>
	</div>
	<script type="text/javascript">soundManagerInit();</script>
</body>
</html>

Thanks!

Hello Everyone!

I am looking for help with this script and I was wondering if someone could help me out? I want to play a sound on a mouse click, which there are a ton of scripts out there that do this. Here is my problem I want to be able to let the users shut the sound on and off. This is for a feature to my site that I am building that is just using javascript and html. Here is what I have so far below. I would also like to have a div to show if the sound is on or off. The only thing that I am looking for the javascript to play and stop the sound file.

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<script type="text/javascript">
var theSound = "on";
function playSound(){
if(document.getElementById("mute").checked == false){
document.getElementById("theSound").style.display = "block"; //isert play sound code here
}
}
function muteSound(){
document.getElementById("theSound").style.display = "none"; //insert stop sound code here
}
</script>
</head>

<body>
<form name="soundTest">
<input name="sound" type="checkbox" value="on" id="mute" />Mute
</form>
<p onmouseover="playSound()" onmouseout="muteSound()">Mouseover this to make the "Sound".</p>
<!--This is just a div that represents a sound playing.-->
<div id="theSound" style="display:none; background:#FF0000; padding:10px; font-size:36px">SOUND!</div>
</body>
</html>

Note: That this script just shows a mute check box. I think I am going to to buttons for start and stop.

Thanks for the help in advance and look forward to hearing from you.

Chris

Hi there

Looking at adding a sound file to a game to play when an image, a .png image is pressed.. it will be a simple 1sec (or less) sound file i.e. bell, whistle etc. Just looking at some help on where to start with the code. Many thanks

LL

Hey guys, I need some help. I have divs placed in a html document, and what I need to do is have a sound play when a person is to hover their mouse over the,. I used this code that I've butchered together from researching on the internet, but it just isn't working. The sound plays automatically as soon as the site loads. Can you please help me? Here is my code:

Code:

<html>
<head>
<script>
function EvalSound(soundobj) {
  var thissound= eval("document."+soundobj);
  thissound.Play();
}
</script>

<embed src="C.mp3" autostart=false width=0 height=0 name="C"
enablejavascript="true">
<embed src="D.mp3" autostart=false width=0 height=0 name="D"
enablejavascript="true">

</head>
<link rel="stylesheet" type="text/css" href="NavTest.css">

<div id=red alt="#" onMouseOver="EvalSound('C')"></div>
<div id=blue alt="#" onMouseOver="EvalSound('D')"></div>
</html>

Thank you! [:

Sorry, maybe I should also mention that my knowledge of Javascript is NONE! :|

Hey guys, first I am new and I don't really know where this goes but I am wanting some help with developing a program that converts Sound (Speech or more preferably a sound... Like a frequency) to a Keystroke or code.. I know a little bit of C++ if that helps.. (I also Have Visual Studio 2013) Thanks guys





Reply With Quote




12-21-2014, 12:36 PM #2
Philip M View Profile View Forum Posts

Supreme Master coder! Join Date Jun 2002 Location London, England Posts 18,371 Thanks 204 Thanked 2,573 Times in 2,551 Posts

Not possible using Javascript.

The Warrington players can hang their heads high. - Commentator, BBC Radio 2

Hi

I'm wanting to add a sound to an image when it is clicked. Basically when you click a picture of a mouse is squeaks.

Can someone help me with the code for this?

I think its Javascript which is a aboit scary for me ha!

I'm hoping its not to complicated and confusing for my brain!!

Cheers

C

Ok, I'm working in dreamweaver cs4

I'm trying to make my links have a sound on mouseover. The tag for this is under the depreciated behaviour section. I tried it to test it.

It added the following code to my link:

Code:

To View Full Product Line<br />
        <a href="http://herbal-nutrition.net/yesifeelgood/products" target="_blank" onmouseover="MM_controlSound('play','document.test','sounds/Sound 378.mp3')">Click Here</a>

<embed name="test" src="sounds/Sound 378.mp3" loop="false" autostart="false" hidden="true" width="0" height="0" enablejavascript="true"></embed>

My only problem is that when this loads in a browser on mouseover it loads the window as a quicktime sound then directs to the link

preview on the following link (the link where I added the sound is underneath the slideshow:

http://www.designfoxmediaworks.com/c...e/carlene.html

is there something i should be changing to make this work properly?

How can I play a sound when I click an image, without the information bar popping up at top? I've looked all over, and I've tried a few javascript-only methods but none have worked for me.. Is flash the only way to go?

I was wondering if there is a javascript code that works in all browsers and will allow when a person clicks on a certain tab I have that it plays a short beep.