Learn VBA & Macros in 1 Week!

JavaScript - Javascript Sound On Mouseover Help!

Full Excel VBA Course - Beginner to Expert

Javascript Sound On Mouseover Help!	View Content

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?

Full Excel VBA Course - Beginner to Expert

Similar Tutorials

Multiple Choice Quiz: Adding Sound On Mouseover To Javascript

Mouseover Sound Help!

Mouseover Sound In Firefox

Html5 Mouseover/click Sound Effect

Html5 Mouseover/ Click Sound Effect

Question About The Cut & Paste Html5 Mouseover/ Click Sound Effect Script

Javascript Sound

How To Play Sound Using Javascript

Play Sound In Javascript

Playing Sound In Javascript / Html5

Playing A Sound File In Javascript

Javascript Play Sound Unfocusing Chat Msg Textbox

Mouseover Javascript Issues On Ie8 Only

Javascript Timeout Mouseover

Javascript Mouseover Anchor

Javascript Mouseover Problem

Javascript Show/hide On Mouseover Div

Urgent | Help |javascript Mouseover Problem

Mouseover Slideshow - Javascript:warp ()

Golive 5 Mouseover Javascript Problem

Learn VBA & Macros for Excel in 1 Week!

Multiple Choice Quiz: Adding Sound On Mouseover To Javascript

Similar Tutorials

I am working with the quiz found below (Multiple Choice Quiz that is instantly graded/checked), and would like to add pictures to the questions and rollover sound effects.

I have figured how to add the picture, but not the sound. Sound effects are played when added to the html section, but not when added to the javascript coding. I am alright with html and css, but not with javascript. Any help from the javascript experts would be appreciated.

********* Coding Example *********

<HTML>
<HEAD>
<TITLE>The JavaScript Source: Miscellaneous : Multiple Choice Quiz</TITLE>
<META HTTP-EQUIV="The JavaScript Source" CONTENT = "no-cache">
<META NAME="description" CONTENT="Add a quiz to your Web page without using a server-side script. Easy to set-up. Questions and answers are stored in a multi-dimensional array format in an external file. The quiz is marked in real time, and once answered, questions are set to read-only. A summary of the users score is alerted at the end.">
<META NAME="date" CONTENT="2005-12-27">
<META NAME="channel" CONTENT="Developer">
<META NAME="author" CONTENT="James Crooke">
<META NAME="section" CONTENT="Miscellaneous">
<style type="text/css">

</style>

<script type="text/javascript">

</script>

</HEAD>
<BODY BGCOLOR=#ffffff vlink=#0000ff >
<script>
function DHTMLSound(surl) {
document.getElementById("dummyspan").innerHTML="<embed src='"+surl+"' hidden=true autostart=true loop=false>";
}
</script>
<script type="text/javascript">

</script>
</body></html>

*********

I have also tried the following sound ideas, but none work "within" the javascript -- they do work when assigned to a button inside the html however... The trick is, I want to be able to display an image within the question, then mouseover a <span> of text or an image (preferrably NOT a link <a>) and have the sounds played as part of the choices for the question.

For a slightly different purpose, I'm also interested in being able to have the correst answer (for more complicated quizes) appear beside the question, in a <div> if possible, rather than an alert, to give the solution / reasoning for the correct answer.

Any help at all would be really appreciated.

Mouseover Sound Help!

Similar Tutorials

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! :|

Mouseover Sound In Firefox

Similar Tutorials

hi

i have the following code which works fine in IE but nothing happens in firefox.

Code:

<html>
<bgsound id="sound">
<script>
function PlaySound(url) {
document.all.sound.src = url;
}
</script>

<body>

<a href="#"><img src="images/butters.jpg" onMouseOver="PlaySound('http://www.pacdv.com/sounds/sounds/sound38.mp3')" /></a>
</body>
</html>

Any one know of any good ways to make sound work in firefox?

ta

Html5 Mouseover/click Sound Effect

Similar Tutorials

Hi people !
I went to this page:

http://www.javascriptkit.com/script/....shtml#current

and I applied that script to my website, everything work perfectly.
I only have a question about it:

* What should I add to the code to avoid the sound activate even when I'm hovering over the margin of the image?

* Would it be possible that the sound activate only when the mouse is hovered over the image and not the margin as well ?

* Is the only solution; to insert every image in their own div and then letting the div handle the margin?

this is the site www.blackbandanamovement.com
the images I'm talking about are in the footer.
thanks in advance

Html5 Mouseover/ Click Sound Effect

Similar Tutorials

I got this javascript Click sound effect to work - http://www.javascriptkit.com/script/...oundlink.shtml

My question is how do I make it work on my iphone4 ?

I tested the above site on my phone and there is no audio when I tap the screen.

The html5 <audio> seems to work with my mobile device on this site - http://css-tricks.com/examples/SoundOnHover/

I am new to javascript

thx

Question About The Cut & Paste Html5 Mouseover/ Click Sound Effect Script

Similar Tutorials

Hi all,

I am using the following script posted on this site: http://www.javascriptkit.com/script/...oundlink.shtml

It works great, but I want to extend this script and mute the sound using a checkbox. This checkbox has the id: sound. If checked, I want to hear the sounds, when unchecked, no sounds should be heard.

This is the code I currently have for the checkbox:
Code:

function playSound() {
    if (document.getElementById('sound').checked){
        -something needs to be added here to make it work?-
    }
}

Anyone have an idea how to make this work?

Many thanks

Javascript Sound

Similar Tutorials

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!

How To Play Sound Using Javascript

Similar Tutorials

Which is the best way to play sound using javascript in a controlled manner ?
I need a solution which work across all browsers.

This is for my bingo game page which is fully based on ajax.

Thanks .

Play Sound In Javascript

Similar Tutorials

I have a self project I am exploring. I would like to play a simple sound file each time a function is run. The function runs every second, so, basically, I am just trying to get an audible click sound file to run every time the function runs. I do not know how to play a sound file thru javascript. Any ideas?

Here is the code file thus far...

Code:

<html>

<head>

   <title>Timer</title>
   <link href="timer.css" rel="stylesheet" type="text/css" />
   <embed src="click.wav" autostart=false hidden=true name="sound1" enablejavascript="true">
   <script type="text/javascript">
       var seconds = 0;
       var clockId;
       var running = false;

       function runClock() { 
           seconds++;
           document.timer.timerClock.value = seconds; 
       }

       function startClock() {
           if (!running) {
           clockId = setInterval('runClock()',1000);
           running = true;
           }
       }

       function stopClock() {
            if (running) {
           clearInterval(clockId); 
           running = false;   
           }       
       }
       
       function resetClock() {
           document.timer.timerClock.value = 0;
           seconds = 0;
       }
   </script>
</head>
<body>
<form id="timer" name="timer" action="">
<div id="header">  
   <p>
   <span>Timer<br />   
   </p>
</div>
<div id="intro">
   <p>Click to begin timer</p>
   <p id="buttons">
      <input onclick="startClock()" type="button" value="Begin Seconds Counter" />
      <br />
      <input name="timerClock" id="timerClock" value="0" />      
      <br />
      <input onclick="stopClock()" type="button" value="Stop Timer" />
      <br />
      <input onclick="resetClock()" type="button" value="Reset Timer" />
   </p>
</div>
</form>
</body>
</html>

Playing Sound In Javascript / Html5

Similar Tutorials

I can play a sound on my local machine using the following code, but when I upload to a server the same code it does not play. I cannot work out why, the link below gives the code. The multi channel code is he

http://www.storiesinflight.com/html5/audio.html

I installed Firebug and insepcted the Net components and can see that the .wav files are being sought out but returning a 404 error. This would be fine, however the path being sought is correct. Clicking link does'nt play the sound, but removing the file and paring back to the directory brings you to the directory on the server and clicking the file does play the sound. The code works locally, and I simply cannot see what could be causing the issue in the server versions on both Firefox and Chrome.

Playing A Sound File In Javascript

Similar Tutorials

I am trying to write a game in javascript that will play a tune when a certain score is reached. I can get music to play if i put the code behind a button but I would prefer to use an if statement in the header section. Any suggestions please???? Many thanks

Javascript Play Sound Unfocusing Chat Msg Textbox

Similar Tutorials

i have an ajax/comet chat setup and working and i added the following line to it to play a sound when a new message is received... however every time it plays the sound, it unfocuses the textbox that the user is typing a new chat msg in....

Code:

$('soundbox').innerHTML="<embed src='WAVE_358.wav' hidden=true autostart=true loop=false>";

Mouseover Javascript Issues On Ie8 Only

Similar Tutorials

I have a few java events attached to a couple rollover buttons. They seem to all work just great on every browser but ie8 for some reason.

Code:

<script type="text/javascript"src="lookbook_web/mouseovers.js">

<div id="thumb_container">
<div id="thumb1"><a href="javascript:void()"onmouseover="ShowPage('fra me1')"onclick="ShowPage('frame1')" rel="nofollow" rel="nofollow" target="mainbox"></a></div>
<div id="thumb2"><a href="javascript:void()"onmouseover="ShowPage('fra me2')"onclick="ShowPage('frame2')" rel="nofollow" rel="nofollow" target="mainbox"></a></div>
<div id="thumb3"><a href="javascript:void()"onmouseover="ShowPage('fra me3')"onclick="ShowPage('frame3')" rel="nofollow" rel="nofollow" target="mainbox"></a></div>

And then the mouseovers.js file looks like this (this is just a script i found online and edited so my guess is that the issue is here):

Code:

function ShowPage(frame1)
//Display in the i-frame, the page whose name is aName 
{
{
frames[0].location = frame1+'.html'
}

function ShowPage(frame2)
//Display in the i-frame, the page whose name is aName 

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

function ShowPage(frame3)
//Display in the i-frame, the page whose name is aName 

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

Like i said, works on ffox, safari, ie7, chrome.. so im sort of at a loss. Ideas?

Javascript Timeout Mouseover

Similar Tutorials

I am a Javascript novice so please bear with me here. I made a multi level menu at http://x7.ro/proiect/produse.html -first left menu item:Raticide- by using Javascript and css. What this should do is show the sub-menu on mouseover and hide it on mouseout WITH a custom delay so people have a chance to click menu items. This seems to work except for the all needed delay. I was trying to use javascript setTimeout function but I cannot seem to make it work. Think this should be easy for a pro and Id remain indebted if any of you could help. Thanks a lot.

Below is the working code:JS and Html.
Code:

<SCRIPT type=text/javascript>
function showElement(layer){
	var myLayer = document.getElementById(layer);
	if(myLayer.style.display=="none"){
		myLayer.style.display="block";
		myLayer.backgroundPosition="top";
	} else { 
		myLayer.style.display="none";
	}
}
function hideElement(layer){
	var myLayer = document.getElementById(layer);
	if(myLayer.style.display=="block"){
		myLayer.style.display="none";
		myLayer.backgroundPosition="top";
	} else { 
		myLayer.style.display="block";
	}
}
</SCRIPT>

Code:

 <A class=button onMouseOver="javascript:showElement('v-menu');return false;" onMouseOut="javascript:hideElement('v-menu');return false;"  href="#"><SPAN>Raticide</SPAN></A> 
      <UL style="DISPLAY: none" id=v-menu class=v-menu>
        <LI><A href="aaa.html">PRODIORAT</A></LI>
        <LI><A href="aaa.html">	PROBRODIRAT</A></LI></UL>

Javascript Mouseover Anchor

Similar Tutorials

Hi,

I have a series of images, anchored linked together to simulate a tour. I decided it would be better if rather than clicking it was like a smooth simulation so i added onmousever to the anchor links. this was a smooth transistion but entirely too fast.

is there a way with javascript, to slow down the onmouseover events? i have the images on the same page, just shoved down the page by using pagebreak html, so that they load when the page loads and therefore don't slow down the effect. (they are large images). i can't use the script that smoothly scrolls between anchor links, because it scrolls down the page to the next image, which ruins the effect. the images are increasingly larger pictures of the same thing, so the effect is somewhat like moving thru 3d space.

i need the onmouseover to FIRE but move slower than normal onmouseover before firing again. repeat.

here's an example
http://www.thelivingmoon.com/undomie...rmouse.html#22

i mean the entire sequence is done before the person even realizes what just happened

Javascript Mouseover Problem

Similar Tutorials

Hi,

I can't figure out what's wrong with my code here, but my mouseovers aren't working.

Here's the page: http://www.basentana.com/pastproductions2.html

I appreciate any help at all.

Javascript Show/hide On Mouseover Div

Similar Tutorials

Hi I am trying to implement a hide/show div, such that when you mouse over a div, another div pop's up below it. Here's what I have so far, but for some reason, only the first div set is working. That is when I mouse over div 1, div 2 shows up. So why isnt it working for divs 3,4 and 5,6? Here's my code:

Code:

            
HTML
           <div >
                <div id="showhide">
                    Line 1
                </div>
                <div id="visiblediv" style="display: none;">
                    Line 2
                </div>
            </div>
            <div >
                <div id="showhide">
                    Line 3
                </div>
                <div id="visiblediv" style="display: none;">
                    Line 4
                </div>
            </div>
            <div >
                <div id="showhide">
                    Line 5
                </div>
                <div id="visiblediv" style="display: none;">
                    Line 6
                </div>
            </div>
 
Javascript:
<script>
	function mover(){
document.getElementById("visiblediv").style.display="block"
	}
	function mout() {		
document.getElementById("visiblediv").style.display="none"
	}
document.getElementById('showhide').onmouseover=mover;
document.getElementById('showhide').onmouseout=mout;
</script>			

CSS:
#visiblediv {
	visibility:visible;
	border:1px dotted black;
}

Any ideas, as to why it's not working?

Urgent | Help |javascript Mouseover Problem

Similar Tutorials

Greetings fellow coders,

I am having an issue with my rollover images. The first image (when hovered over) is fine, however when I hover over the second image the mouseover effect replaces the first jpg. Any idea how I can seperate the behaviours so my 2nd image mouseover glow is in it's correct place?

Thanks in advance,

Zeme Andrews

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>
<title>test</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<script language="javascript" type="text/javascript">

if (document.images) {
	var button1 = new Image();
	var button2 = new Image();
	var button3 = new Image();
	var button4 = new Image();
	var button5 = new Image();
	var button6 = new Image();

	button1.src= "images/thumb1.jpg" ;
	button2.src= "images/thumb1_glow.jpg";
	button3.src= "images/thumb2.jpg";
	button4.src= "images/thumb2_glow.jpg";
	button5.src= "images/thumb3.jpg";
	button6.src= "images/thumb3_glow.jpg";
}
</script>	
<script type="text/javascript" src="/nav/tb/jquery.js"></script>
<script type="text/javascript" src="/nav/tb/thickbox.js"></script>
</head>
<body>
<table width="530"  border="5" cellspacing="0" cellpadding="0" align="left">
<tr><td align="justify">
<img src="images/thumb1.jpg" height="230" width="150" alt="" border="2" hspace="5" name="rollover" onmouseover="document.rollover.src=button2.src"
onmouseout="document.rollover.src=button1.src" />
<img src="images/thumb2.jpg" height="230" alt="" width="150" border="2" hspace="5" name="rollover_1" onmouseover="document.rollover.src=button4.src"
onmouseout="document.rollover.src=button3.src" />
<img src="images/thumb3.jpg" height="230" alt="" width="150" border="2" hspace="5" name="rollover_2" onmouseover="document.rollover.src=button6.src" onmouseout="document.rollover.src=button5.src" />
</td></tr>
</table>
</body>
</html>

Mouseover Slideshow - Javascript:warp ()

Similar Tutorials

Hi,

After many hours spent trying to resolve this myself, I've finally accepted I'm not going to stumble across an answer. Would very much appreciate any guidance!

Basically, I have a mouseover slideshow setup purely thanks to the Javascript Kit. It consists of three smaller images that feed into a larger one.

I have also added code to change the accompanying text on rollover.

The only problem I have, is that before the user hovers over one of the smaller images, the larger image doesn't link anywhere. Given that the 'a href' for the div is "javascript:warp()" is it still possible to have the larger image link to a url before any of the smaller images have been activated? Or will I need to recode completely to achieve this?

If I haven't explained well enough, you can see the problem here - http://soundsenseonline.co.uk/

Many Thanks,

JD

Code:

<script>

/*Rollover effect on different image script-
By JavaScript Kit (http://javascriptkit.com)
Over 200+ free scripts here!
*/

function changeimage(towhat,url){
if (document.images){
document.images.targetimage.src=towhat.src
gotolink=url
}
}
function warp(){
window.location=gotolink
}

</script>
<script language="JavaScript1.1">
var myimages=new Array()
var gotolink="#"

function preloadimages(){
for (i=0;i<preloadimages.arguments.length;i++){
myimages[i]=new Image()
myimages[i].src=preloadimages.arguments[i]
}
}


preloadimages("http://soundsenseonline.co.uk/featuredcontentimages/1.png","http://soundsenseonline.co.uk/featuredcontentimages/2.png","http://soundsenseonline.co.uk/featuredcontentimages/3.png")
</script>

</head>

<body>

 <div class="featuredcontentall">
 <div class="featuredcontent">

<a href="javascript:warp()"><img src="http://soundsenseonline.co.uk/featuredcontentimages/1.png" width="740" height="327" name="targetimage" border=0>
<div id="featuredcontenttext">Stateside Selection: The Material</div>
</div></a>
<div class="featuredcontentslides">

<a href="http://soundsenseonline.co.uk/2011/07/stateside-selection-the-material/" onMouseover="changeimage(myimages[0],this.href)
document.getElementById('featuredcontenttext').firstChild.data = 'Stateside Selection: The Material'; return true;"><img src="http://soundsenseonline.co.uk/featuredcontentimages/1s.png" width="238" /></a>

<a href="http://soundsenseonline.co.uk/2011/07/sarah-jarosz-live-the-greystones-sheffield-17072011/" onMouseover="changeimage(myimages[1],this.href)
document.getElementById('featuredcontenttext').firstChild.data = 'Live Review: Sarah Jarosz @ The Greystones, Sheffield 17/07/2011'; return true;"><img src="http://soundsenseonline.co.uk/featuredcontentimages/2s.png" width="238"/></a>

<a href="http://soundsenseonline.co.uk/2011/05/mc-lars-weerd-science/" onMouseover="changeimage(myimages[2],this.href)
document.getElementById('featuredcontenttext').firstChild.data = 'Exclusive: MC Lars & Weerd Science - Live Performance and Interview'; return true;"><img src="http://soundsenseonline.co.uk/featuredcontentimages/3s.png" width="238"/></a>

</div></div>
</body>

Golive 5 Mouseover Javascript Problem

Similar Tutorials

I'm using Adobe GoLive 5... Mouseover buttons on the navigation bar don't function properly on the web, but they do in GoLive. I believe it's a Javascript coding issue, but I can't figure out exactly what (I'm no programmer). The site I'm working on is www.txbrandland.com - can anyone show me what's wrong or missing in the following code? I appreciate any help I can get.

Code:

<html>

	<head>
		<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
		<meta name="generator" content="Adobe GoLive 5">
		<title>Welcome to Texas Brand Land Co.</title>
		<csscriptdict import>
			<script src="file:///E:/Website%20Construction/+TXBRANDLAND%20WEBSITE/TXBRANDLAND/GeneratedItems/CSScriptLib.js"></script>
		</csscriptdict>
		<csactiondict>
			<script><!--
CSInit[CSInit.length] = new Array(CSILoad,/*CMP*/'Main Page',/*URL*/'file:///E:/Website%20Construction/+TXBRANDLAND%20WEBSITE/TXBRANDLAND/public_html/TXBLC%20Site%20Contents/Images/Buttons/home-out.jpg',/*URL*/'file:///E:/Website%20Construction/+TXBRANDLAND%20WEBSITE/TXBRANDLAND/public_html/TXBLC%20Site%20Contents/Images/Buttons/home-in.jpg',/*URL*/'file:///E:/Website%20Construction/+TXBRANDLAND%20WEBSITE/TXBRANDLAND/public_html/TXBLC%20Site%20Contents/Images/Buttons/home-in.jpg','');
CSInit[CSInit.length] = new Array(CSILoad,/*CMP*/'Acreage With House',/*URL*/'file:///E:/Website%20Construction/+TXBRANDLAND%20WEBSITE/TXBRANDLAND/public_html/TXBLC%20Site%20Contents/Images/Buttons/awh-out.jpg',/*URL*/'file:///E:/Website%20Construction/+TXBRANDLAND%20WEBSITE/TXBRANDLAND/public_html/TXBLC%20Site%20Contents/Images/Buttons/awh-in.jpg',/*URL*/'file:///E:/Website%20Construction/+TXBRANDLAND%20WEBSITE/TXBRANDLAND/public_html/TXBLC%20Site%20Contents/Images/Buttons/awh-in.jpg','');
CSInit[CSInit.length] = new Array(CSILoad,/*CMP*/'Acreage Only',/*URL*/'file:///E:/Website%20Construction/+TXBRANDLAND%20WEBSITE/TXBRANDLAND/public_html/TXBLC%20Site%20Contents/Images/Buttons/a-out.jpg',/*URL*/'file:///E:/Website%20Construction/+TXBRANDLAND%20WEBSITE/TXBRANDLAND/public_html/TXBLC%20Site%20Contents/Images/Buttons/a-in.jpg',/*URL*/'file:///E:/Website%20Construction/+TXBRANDLAND%20WEBSITE/TXBRANDLAND/public_html/TXBLC%20Site%20Contents/Images/Buttons/a-in.jpg','');
CSInit[CSInit.length] = new Array(CSILoad,/*CMP*/'Homes Only',/*URL*/'file:///E:/Website%20Construction/+TXBRANDLAND%20WEBSITE/TXBRANDLAND/public_html/TXBLC%20Site%20Contents/Images/Buttons/h-out.jpg',/*URL*/'file:///E:/Website%20Construction/+TXBRANDLAND%20WEBSITE/TXBRANDLAND/public_html/TXBLC%20Site%20Contents/Images/Buttons/h-in.jpg',/*URL*/'file:///E:/Website%20Construction/+TXBRANDLAND%20WEBSITE/TXBRANDLAND/public_html/TXBLC%20Site%20Contents/Images/Buttons/h-in.jpg','');
CSInit[CSInit.length] = new Array(CSILoad,/*CMP*/'Commercial Property',/*URL*/'file:///E:/Website%20Construction/+TXBRANDLAND%20WEBSITE/TXBRANDLAND/public_html/TXBLC%20Site%20Contents/Images/Buttons/comm-out.jpg',/*URL*/'file:///E:/Website%20Construction/+TXBRANDLAND%20WEBSITE/TXBRANDLAND/public_html/TXBLC%20Site%20Contents/Images/Buttons/comm-in.jpg',/*URL*/'file:///E:/Website%20Construction/+TXBRANDLAND%20WEBSITE/TXBRANDLAND/public_html/TXBLC%20Site%20Contents/Images/Buttons/comm-in.jpg','');
CSInit[CSInit.length] = new Array(CSILoad,/*CMP*/'About Us',/*URL*/'file:///E:/Website%20Construction/+TXBRANDLAND%20WEBSITE/TXBRANDLAND/public_html/TXBLC%20Site%20Contents/Images/Buttons/about-out.jpg',/*URL*/'file:///E:/Website%20Construction/+TXBRANDLAND%20WEBSITE/TXBRANDLAND/public_html/TXBLC%20Site%20Contents/Images/Buttons/about-in.jpg',/*URL*/'file:///E:/Website%20Construction/+TXBRANDLAND%20WEBSITE/TXBRANDLAND/public_html/TXBLC%20Site%20Contents/Images/Buttons/about-in.jpg','');
CSInit[CSInit.length] = new Array(CSILoad,/*CMP*/'Meet Our Team',/*URL*/'file:///E:/Website%20Construction/+TXBRANDLAND%20WEBSITE/TXBRANDLAND/public_html/TXBLC%20Site%20Contents/Images/Buttons/agents-out.jpg',/*URL*/'file:///E:/Website%20Construction/+TXBRANDLAND%20WEBSITE/TXBRANDLAND/public_html/TXBLC%20Site%20Contents/Images/Buttons/agents-in.jpg',/*URL*/'file:///E:/Website%20Construction/+TXBRANDLAND%20WEBSITE/TXBRANDLAND/public_html/TXBLC%20Site%20Contents/Images/Buttons/agents-in.jpg','');
CSInit[CSInit.length] = new Array(CSILoad,/*CMP*/'Community Information',/*URL*/'file:///E:/Website%20Construction/+TXBRANDLAND%20WEBSITE/TXBRANDLAND/public_html/TXBLC%20Site%20Contents/Images/Buttons/links-out.jpg',/*URL*/'file:///E:/Website%20Construction/+TXBRANDLAND%20WEBSITE/TXBRANDLAND/public_html/TXBLC%20Site%20Contents/Images/Buttons/links-in.jpg',/*URL*/'file:///E:/Website%20Construction/+TXBRANDLAND%20WEBSITE/TXBRANDLAND/public_html/TXBLC%20Site%20Contents/Images/Buttons/links-in.jpg','');
CSInit[CSInit.length] = new Array(CSILoad,/*CMP*/'Contact Information',/*URL*/'file:///E:/Website%20Construction/+TXBRANDLAND%20WEBSITE/TXBRANDLAND/public_html/TXBLC%20Site%20Contents/Images/Buttons/contact-out.jpg',/*URL*/'file:///E:/Website%20Construction/+TXBRANDLAND%20WEBSITE/TXBRANDLAND/public_html/TXBLC%20Site%20Contents/Images/Buttons/contact-in.jpg',/*URL*/'file:///E:/Website%20Construction/+TXBRANDLAND%20WEBSITE/TXBRANDLAND/public_html/TXBLC%20Site%20Contents/Images/Buttons/contact-in.jpg','');

// --></script>
		</csactiondict>
	</head>

	<body onload="CSScriptInit();">
		<div align="left">
			<br>
			<table border="0" cellpadding="0" cellspacing="10" align="left" width="164" height="355">
				<tr>
					<td>
						<div align="center">
							<csobj w="175" h="35" t="Button" ht="file:///E:/Website%20Construction/+TXBRANDLAND%20WEBSITE/TXBRANDLAND/public_html/TXBLC%20Site%20Contents/Images/Buttons/home-in.jpg" cl="file:///E:/Website%20Construction/+TXBRANDLAND%20WEBSITE/TXBRANDLAND/public_html/TXBLC%20Site%20Contents/Images/Buttons/home-in.jpg"><a href="file:///E:/Website%20Construction/+TXBRANDLAND%20WEBSITE/TXBRANDLAND/public_html/index.html" onmouseover="return CSIShow(/*CMP*/'Main Page',1)" onmouseout="return CSIShow(/*CMP*/'Main Page',0)" onclick="CSIShow(/*CMP*/'Main Page',2);return CSButtonReturn()"><img src="file:///E:/Website%20Construction/+TXBRANDLAND%20WEBSITE/TXBRANDLAND/public_html/TXBLC%20Site%20Contents/Images/Buttons/home-out.jpg" width="175" height="35" name="Main Page" border="0"></a></csobj></div>
					</td>
				</tr>
				<tr>
					<td>
						<div align="center">
							<csobj w="175" h="35" t="Button" ht="file:///E:/Website%20Construction/+TXBRANDLAND%20WEBSITE/TXBRANDLAND/public_html/TXBLC%20Site%20Contents/Images/Buttons/awh-in.jpg" cl="file:///E:/Website%20Construction/+TXBRANDLAND%20WEBSITE/TXBRANDLAND/public_html/TXBLC%20Site%20Contents/Images/Buttons/awh-in.jpg"><a href="file:///E:/Website%20Construction/+TXBRANDLAND%20WEBSITE/TXBRANDLAND/public_html/Acreage%20With%20House.html" onmouseover="return CSIShow(/*CMP*/'Acreage With House',1)" onmouseout="return CSIShow(/*CMP*/'Acreage With House',0)" onclick="CSIShow(/*CMP*/'Acreage With House',2);return CSButtonReturn()"><img src="file:///E:/Website%20Construction/+TXBRANDLAND%20WEBSITE/TXBRANDLAND/public_html/TXBLC%20Site%20Contents/Images/Buttons/awh-out.jpg" width="175" height="35" name="Acreage With House" border="0"></a></csobj></div>
					</td>
				</tr>
				<tr>
					<td>
						<div align="center">
							<csobj w="175" h="35" t="Button" ht="file:///E:/Website%20Construction/+TXBRANDLAND%20WEBSITE/TXBRANDLAND/public_html/TXBLC%20Site%20Contents/Images/Buttons/a-in.jpg" cl="file:///E:/Website%20Construction/+TXBRANDLAND%20WEBSITE/TXBRANDLAND/public_html/TXBLC%20Site%20Contents/Images/Buttons/a-in.jpg"><a href="file:///E:/Website%20Construction/+TXBRANDLAND%20WEBSITE/TXBRANDLAND/public_html/Acreage.html" onmouseover="return CSIShow(/*CMP*/'Acreage Only',1)" onmouseout="return CSIShow(/*CMP*/'Acreage Only',0)" onclick="CSIShow(/*CMP*/'Acreage Only',2);return CSButtonReturn()"><img src="file:///E:/Website%20Construction/+TXBRANDLAND%20WEBSITE/TXBRANDLAND/public_html/TXBLC%20Site%20Contents/Images/Buttons/a-out.jpg" width="175" height="35" name="Acreage Only" border="0"></a></csobj></div>
					</td>
				</tr>
				<tr>
					<td>
						<div align="center">
							<csobj w="175" h="35" t="Button" ht="file:///E:/Website%20Construction/+TXBRANDLAND%20WEBSITE/TXBRANDLAND/public_html/TXBLC%20Site%20Contents/Images/Buttons/h-in.jpg" cl="file:///E:/Website%20Construction/+TXBRANDLAND%20WEBSITE/TXBRANDLAND/public_html/TXBLC%20Site%20Contents/Images/Buttons/h-in.jpg"><a href="file:///E:/Website%20Construction/+TXBRANDLAND%20WEBSITE/TXBRANDLAND/public_html/Homes.html" onmouseover="return CSIShow(/*CMP*/'Homes Only',1)" onmouseout="return CSIShow(/*CMP*/'Homes Only',0)" onclick="CSIShow(/*CMP*/'Homes Only',2);return CSButtonReturn()"><img src="file:///E:/Website%20Construction/+TXBRANDLAND%20WEBSITE/TXBRANDLAND/public_html/TXBLC%20Site%20Contents/Images/Buttons/h-out.jpg" width="175" height="35" name="Homes Only" border="0"></a></csobj></div>
					</td>
				</tr>
				<tr>
					<td>
						<div align="center">
							<csobj w="175" h="35" t="Button" ht="file:///E:/Website%20Construction/+TXBRANDLAND%20WEBSITE/TXBRANDLAND/public_html/TXBLC%20Site%20Contents/Images/Buttons/comm-in.jpg" cl="file:///E:/Website%20Construction/+TXBRANDLAND%20WEBSITE/TXBRANDLAND/public_html/TXBLC%20Site%20Contents/Images/Buttons/comm-in.jpg"><a href="file:///E:/Website%20Construction/+TXBRANDLAND%20WEBSITE/TXBRANDLAND/public_html/Commercial.html" onmouseover="return CSIShow(/*CMP*/'Commercial Property',1)" onmouseout="return CSIShow(/*CMP*/'Commercial Property',0)" onclick="CSIShow(/*CMP*/'Commercial Property',2);return CSButtonReturn()"><img src="file:///E:/Website%20Construction/+TXBRANDLAND%20WEBSITE/TXBRANDLAND/public_html/TXBLC%20Site%20Contents/Images/Buttons/comm-out.jpg" width="175" height="35" name="Commercial Property" border="0"></a></csobj></div>
					</td>
				</tr>
				<tr>
					<td>
						<div align="center">
							<csobj w="175" h="35" t="Button" ht="file:///E:/Website%20Construction/+TXBRANDLAND%20WEBSITE/TXBRANDLAND/public_html/TXBLC%20Site%20Contents/Images/Buttons/about-in.jpg" cl="file:///E:/Website%20Construction/+TXBRANDLAND%20WEBSITE/TXBRANDLAND/public_html/TXBLC%20Site%20Contents/Images/Buttons/about-in.jpg"><a href="file:///E:/Website%20Construction/+TXBRANDLAND%20WEBSITE/TXBRANDLAND/public_html/About%20Us.html" onmouseover="return CSIShow(/*CMP*/'About Us',1)" onmouseout="return CSIShow(/*CMP*/'About Us',0)" onclick="CSIShow(/*CMP*/'About Us',2);return CSButtonReturn()"><img src="file:///E:/Website%20Construction/+TXBRANDLAND%20WEBSITE/TXBRANDLAND/public_html/TXBLC%20Site%20Contents/Images/Buttons/about-out.jpg" width="175" height="35" name="About Us" border="0"></a></csobj></div>
					</td>
				</tr>
				<tr>
					<td>
						<div align="center">
							<csobj w="175" h="35" t="Button" ht="file:///E:/Website%20Construction/+TXBRANDLAND%20WEBSITE/TXBRANDLAND/public_html/TXBLC%20Site%20Contents/Images/Buttons/agents-in.jpg" cl="file:///E:/Website%20Construction/+TXBRANDLAND%20WEBSITE/TXBRANDLAND/public_html/TXBLC%20Site%20Contents/Images/Buttons/agents-in.jpg"><a href="file:///E:/Website%20Construction/+TXBRANDLAND%20WEBSITE/TXBRANDLAND/public_html/Meet%20Our%20Team.html" onmouseover="return CSIShow(/*CMP*/'Meet Our Team',1)" onmouseout="return CSIShow(/*CMP*/'Meet Our Team',0)" onclick="CSIShow(/*CMP*/'Meet Our Team',2);return CSButtonReturn()"><img src="file:///E:/Website%20Construction/+TXBRANDLAND%20WEBSITE/TXBRANDLAND/public_html/TXBLC%20Site%20Contents/Images/Buttons/agents-out.jpg" width="175" height="35" name="Meet Our Team" border="0"></a></csobj></div>
					</td>
				</tr>
				<tr>
					<td>
						<div align="center">
							<csobj w="175" h="35" t="Button" ht="file:///E:/Website%20Construction/+TXBRANDLAND%20WEBSITE/TXBRANDLAND/public_html/TXBLC%20Site%20Contents/Images/Buttons/links-in.jpg" cl="file:///E:/Website%20Construction/+TXBRANDLAND%20WEBSITE/TXBRANDLAND/public_html/TXBLC%20Site%20Contents/Images/Buttons/links-in.jpg"><a href="file:///E:/Website%20Construction/+TXBRANDLAND%20WEBSITE/TXBRANDLAND/public_html/Community.html" onmouseover="return CSIShow(/*CMP*/'Community Information',1)" onmouseout="return CSIShow(/*CMP*/'Community Information',0)" onclick="CSIShow(/*CMP*/'Community Information',2);return CSButtonReturn()"><img src="file:///E:/Website%20Construction/+TXBRANDLAND%20WEBSITE/TXBRANDLAND/public_html/TXBLC%20Site%20Contents/Images/Buttons/links-out.jpg" width="175" height="35" name="Community Information" border="0"></a></csobj></div>
					</td>
				</tr>
				<tr>
					<td><csobj w="175" h="35" t="Button" ht="file:///E:/Website%20Construction/+TXBRANDLAND%20WEBSITE/TXBRANDLAND/public_html/TXBLC%20Site%20Contents/Images/Buttons/contact-in.jpg" cl="file:///E:/Website%20Construction/+TXBRANDLAND%20WEBSITE/TXBRANDLAND/public_html/TXBLC%20Site%20Contents/Images/Buttons/contact-in.jpg"><a href="file:///E:/Website%20Construction/+TXBRANDLAND%20WEBSITE/TXBRANDLAND/public_html/Contact%20Us.html" onmouseover="return CSIShow(/*CMP*/'Contact Information',1)" onmouseout="return CSIShow(/*CMP*/'Contact Information',0)" onclick="CSIShow(/*CMP*/'Contact Information',2);return CSButtonReturn()"><img src="file:///E:/Website%20Construction/+TXBRANDLAND%20WEBSITE/TXBRANDLAND/public_html/TXBLC%20Site%20Contents/Images/Buttons/contact-out.jpg" width="175" height="35" name="Contact Information" border="0"></a></csobj></td>
				</tr>
			</table>
		</div>
	</body>

</html>