Including Sound In A Rollover that works on all browsers

I am working on a website for my company that we wanted to have a musical logo play when you rollover the logo on the page. I added a behavior to a hotspot link that uses "onMouseOver" to playsound. This works great in the safari browser. However, in internet explorer, when you rollover the logo, another page opens up and quicktime plays the mp3 we created. I also opened firefox and the mp3 does not play at all.
Is there anything I can do to allow the rollover to play the mp3 in any browser? Please advise.
Here is my page that works in Safari:
http://www.mymusicalprodigy.com/index.html#

I'm afraid you'll never get this to work for everyone. It requires the end user's browser to have JavaScript enabled and the latest media player plug-ins installed. To many ifs.
Sound and other special effects are mostly found on Flash Sites.
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb
www.alt-web.blogspot.com

Similar Messages

Method for storing a session id that works on all browsers

How do I store a simple text session id on the browser, and makes sure it works on all browsers? Cokies can be turned off, and it does not work on WAP phones at all. URL-rewrinting is souch a clumpsy method, I think.
Is it possible to make my own HTTP header, and if I do, will it be possible to retrive this header from the browser in the next request?

nope, http headers are lost once returned to the browser. You can add a hidden field with the session id to the form.

Can an Acrobat Pro DC fillable form have a submit by email button that works in all browsers?

Last time I attempted to make an online fillable pdf form the submit (to email) button wouldn't work in all browsers.
Has this been addressed in Acrobat Pro DC?
What is the best way to obtain a successful result?

Two issues may affect the ability to successfully receive the PDF submission:
First, the built-in PDF "Viewers" lack the ability to submit PDF form and form data, viewers are not compatible with Live-Cycle XFA PDFs, and they lack Extended Reader Rights proprietary to Adobe Software. End-users will need to disable the default built-in viewer, and enable Adobe Reader as the default PDF viewer on the default browser.
Visit the following website to learn how to enable Adobe Reader: Acrobat Help | Display PDF in browser | Acrobat, Reader XI
Second, submitting to an email address may not send; because, the default client-side email may not be configured correctly. To bypass client-side email software you can set the submit button action to point an URL of a server-side script, such as PHP or ASP.net. The script can take the submission and send using SMTP account without the need for OUTLOOK or web-mail.
Visit the following website for online server-side script examples:
www.pdfemail.net/examples/

Built a website to work on all Browsers (fire/Saf/IE), but now IE is moving the content and Nav?

I have just built a website, ensuring that it works on all browsers, firefox, safari, and IE (I believe the newest IE) When I built my first page it worked on all browsers except IE, (the content and Navigation would drastically move to the left) so I rebuilt it and checked everything on IE and it was fine, when it happened on other pages I again would rebuild it and it would be fine. I had it posted under my personal domain the entire time so I could see what it truly would look like. When it was done everything was basically fine. BUT, when I deleted it from my domain and moved it to the actual domain several of the pages would once again show up with this problem, the Navigation and and content moving to the left only on IE of course?
Can someone suggest if there is something in my code that shouldn't be there that is causing this? or something that I need to add to help the site In IE?
the domain is www.harmonyhealthalberta.ca
In need of help with this one??
Thanks!

You have painted yourself into a box of determinate height by using a single background image. When text size is increased in browser (zoom, text only), the page becomes a bit of a mess.
A better approach would be to slice your design comp into sections or image slices and apply those to the various areas in your page. #header, #navigation, #mainContent, #footer, etc...
The other advice I offer is to use CSS instead of tables for layout. CSS is much more flexible and it allows you to make global site changes by editing one external stylesheet file instead of re-coding the entire site. See CSS Zen Garden for some awesome examples of this -- http://www.csszengarden.com/
Expanding box - 3 image slices in a CSS layout
http://alt-web.com/DEMOS/Image-slices-in-a-CSS-based-layout.shtml
Bringing a Fireworks or Photoshop comp into a CSS Layout
Part 1 --
http://www.adobe.com/devnet/fireworks/articles/web_standards_layouts_pt1.html
Part 2 --
http://www.adobe.com/devnet/fireworks/articles/web_standards_layouts_pt2.html
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

Image map links not working in all browsers

Hi, I develop HTML marketing emails once a week and my boss
has recently informed me that some, not all, of the image mapping
links do not work in all browsers or emails i.e. MacMail, Opera,
Safari, etc. He's positive there's something in Dreamweaver that
makes the links universally accommodated no matter what email/web
browser you use, but I haven't been able to find a solution as of
yet.
Any help on this would be appreciated, thanks!
:music;

Let's start with the least critical issue. Your boss and his
boss are
simply wrong. An HTML link is just an HTML link, whether
created in DW or
in Notepad.
Now, on to the meat. When you upload this page to the web, do
the links
work? And when you say that they don't work, what do you
mean? Do you mean
that when you click on them, you are not taken to the linked
page? Which
links are not working?
Finally, why do you have your mapped image also within an
anchor tag?
<a href="
http://www.beyondthewall.com/xcart/giftcert.php"><img
src="Slice.jpg" width="263" height="58" border="0"
usemap="#Map" /></a>
Is that the one where the link doesn't work?
Can you post a link to this page on the web, please?
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"blaise napolitan" <[email protected]> wrote
in message
news:[email protected]...
> Thanks for the reply, and that's what I would have
figured but in this
> case the
> entire thing is an image map so there's no absolutely
positioned elements
> that
> would overlay the links. It's just a simple table with
the main picture
> mapped
> out with a few links. I'm assuming it either has to do
a) the image not
> being
> displayed correctly due to a built in email security
feature or b) my boss
> and
> his boss are mistaken (which wouldn't surprise me). I'll
post the code
> just in
> case, thanks for all the help.
>
>
>
> <!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=iso-8859-1" />
> <title>Untitled Document</title>
> <style type="text/css">
> 
> </style>
> </head>
>
> <body>
> <table width="767" border="0" align="center"
cellpadding="0"
> cellspacing="0">
> <tr>
> <td><a
> href="
http://www.beyondthewall.com/xcart/beyond_the_wall_posters_prints.html"><i
> mg src="Logo.jpg" width="288" height="58" border="0"
/></a><a
> href="
http://www.beyondthewall.com/xcart/giftcert.php"><img
> src="Slice.jpg"
> width="263" height="58" border="0" usemap="#Map"
/></a><a
> href="
http://www.beyondthewall.com/xcart/beyond_the_wall_posters_prints.html"><i
> mg src="pay.jpg" width="216" height="58" border="0"
/></a></td>
> </tr>
> <tr>
> <td><img src="main.jpg" alt="main" name="main"
width="767"
> height="513"
> border="0" usemap="#mainMap" id="main" /></td>
> </tr>
> <tr>
> <td bgcolor="#FFFFFF"><div
align="center"><a
> href="mailto:[email protected]"
class="style42"
> style="text-decoration:none" border="1">*To
Unsubscribe Click
> Here*</a></div></td>
> </tr>
> <tr>
> <td bgcolor="#7e0997"><div
align="center"><a
> href="
http://www.beyondthewall.com/xcart/beyond_the_wall_posters_prints.html"
> class="style29"
>
style="text-decoration:none">www.beyondthewall.com</a></div></td>
> </tr>
> </table>
>
> <map name="Map" id="Map"><area shape="rect"
coords="78,33,79,34" href="#"
> /></map>
>
> <map name="mainMap" id="mainMap">
> <area shape="poly"
>
coords="10,7,376,16,369,227,211,218,177,92,122,85,12,109,13,118"
> href="
http://www.beyondthewall.com/xcart/posters_prints_novelty_sex.html"
> />
> <area shape="poly"
coords="13,117,121,90,174,99,216,270,9,294"
> href="
http://www.beyondthewall.com/xcart/six-pack-24x36.html"
/>
> <area shape="poly"
coords="219,225,393,251,347,469,174,407"
> href="
http://www.beyondthewall.com/xcart/david-beckham-arm-st4514-24x36.html"
> />
> <area shape="poly"
coords="226,489,14,496,13,303,199,283,168,410"
> href="
http://www.beyondthewall.com/xcart/tension.html"
/>
> <area shape="poly"
coords="394,16,674,16,668,241,387,238"
> href="
http://www.beyondthewall.com/xcart/colin-egglesfield-24x36.html"
/>
> <area shape="poly"
coords="407,251,665,254,661,501,403,492"
> href="
http://www.beyondthewall.com/xcart/daniel-24x36.html"
/>
> <area shape="rect" coords="681,15,761,508"
> href="
http://www.beyondthewall.com/xcart/beyond_the_wall_posters_prints.html"
> />
> </map></body>
> </html>
>
>

I'm creating a public website and i have a javascript code that works on all browser except firefox. What should i do?

Hi,
I'm creating a public website that has a simple javascript button that will just set an asp.net dropdown value. It works on all browser except firefox...
website: http://healthcareaustralia-web.sharepoint.com/Doctors/DailyShifts1.aspx
So when you click on reset button it doesn't set the dropdowns to ALL
this is the code:
function resetFilters()
var dropdown = document.getElementById('ctl00_PlaceHolderMain_DropDownList1');
var ans = "All";
dropdown.value = ans.value;
document.location.href = "/Doctors/DailyShifts1.aspx";
}

hello, when i test it with current firefox versions, all works as expected: i choose custom dropdown values & select "filter", when i click "reset" next all dropdowns default back to "all" and the list gets refreshed.
maybe try to [[Clear the cache - Delete temporary Internet files to fix common website issues|clear the cache]] & and reload the page or for other common troubleshooting steps refer to [[Websites look wrong or appear differently than they should]].

Website works in all browsers except for Internet Explorer

I purchased a template online and added our content. After uploading to our server I tested with FIrefox, Safari, Chrome and IE. It works exactly as expected in all browsers except for IE. I'm sure it is a grid issue, but I am a novice web designer and don't know how to fix it. In IE there is content from the "CONTACTS" section buried at the bottom of all other sections and half of the content of the "CAPABILITES" section is totally missing.
Modified website here
http://03694b2.netsolhost.com/#!/page_home
Original template here
http://03694b2.netsolhost.com/backup/site/index.html#!/page_home
Other than the grid problems, the drop down menu under ABOUT doesn't link to anything in IE.
Any help you can offer would be appreciated.

IE has become a serious problem generator while developing websites
The codes have to be well written and scripts have to mantain an order
Are you working on html5?
If so my suggestion is to contact the guys that you bought the template from and ask them to fix the problem
This is one of the big issues when you purschase templates online
My suggestion is that you take some time to learn to do them by yourself, its challenging but more fun and it gives a professional touch to your work
There are many sites to get inspiration from
Regards
Mike

RSS Not Working in All Browsers Except Safari?

I've recently used iWeb to make a website (not .mac) and has been completely Validated at w3, and passed with no errors in the coding.. except when we go to use the RSS Feed Button in Firefox for Mac, Firefor for PC, Internet Explorer for PC.. the page comes up with errors - and displays a message saying: "This XML file does not appear to have any style information associated with it. The document tree is shown below." and simply displays the Coding. So i checked the RSS page at w3 Validator and it failed because of an Error on line 42. The line 42 is this:
<description><a href="http://users.bigpond.net.au/bjsp1/lacc/News/F4CBD4AA-E949-44E0-A31C-61159 9D79BD8files/DSCF1400%20copy1.jpg"><img src="http://users.bigpond.net.au/bjsp1/lacc/News/Images/DSCF1400%20copy.jpg" style="float:left; padding-right:10px; padding-bottom:10px; width:130px; height:130px;"/></a>Hello Everyone! Sorry for the lack of updates - we’ve had some technical difficulties - but were back with a new design and some more user-friendly pages. <br>
So far the only error i can see is the &lt/a&gt etc.. errors, but it could have been an error caused by a change of programs (to get the actual line i opened the file in Microsoft Frontpage) Any ideas of why it is not working in any browsers, and how to fix it?
Thanks!

Yes, I'm puzzled by the whole RSS thing as well.
Clicking on RSS subscribe from my website in Firefox
gives me the same error. But if I click on the RSS
icon in the address bar of Firefox, it seems to keep
track of my site updates just fine.
That's right. I forgot that FireFox has its Live Bookmarks feature which is basically the same as an RSS reader. While the subscribe button doesn't do anything, FireFox scans a page being viewed for any RSS feeds and lets you select them via other means. RSS is just a different protocol than http and different browers handle it different ways (or not at all).

JavaScript half working in all browsers

Hi, I have problem with Java Script. Some JavaScripts are working, another scripts are working not. This problem is in all browsers (Chrome, Safari, Firefox). For example on page www.levelo.cz, there should be a slider with text in the middle of the page, but i can't see it - it doesn't display to me. I also often have problems with JavaScript lightboxes. I tried to reinstall system (without deleting files) but it didn't help.
Any tips? Thanks!

I have JavaScript enabled in my browser.

I can't use Firefox 4 on my system and now I don't have a firefox that works at all and I don't want to go back to Safari! Help!

I downloaded Firefox 4 on my pc laptop and I loved it so much I wanted to put it on my mac, but I didn't realize it would not work until I had already downloaded it and replaced the firefox I had. I want to get back to any kind of firefox because I prefer it to all other web browsers. Hope you can help!

Sorry try this: http://www.mozilla.com/firefox/all-older

Mailbox sound on iMac is not working. All other sound works but not mailbox.

I can play music, hear videos, etc. But there is no sound when checking for new mail or sending out new e-mails.

Mail ▹ Preferences ▹ General ▹ New messages sound: choose one
Play sounds for other mail actions: check

Trying to download updates on iPad but the incorrect user name keeps coming up. How do I change it without changing my correct user name that works on all other devices?

When trying to download updates on iPad, the user name it is accessing is not correct. All other devices and actions are working correctly with the correct user name. How do I fix this?

Thank you.....to be more precise....the id and password assigned to itunes is correct and works..but....when I hit 'update all' and get the small inset screen to sign iin....it is asking for a password to a different email address. I need it to use the icloud address I always use to puchase from itunes. I don\t know where it found this new email address?

Why i cant play flash games on my firefox that works on another browsers?

hi sir,
i have recently downloaded the updated firefox. and when i enter in to the some flash game site i can play flash games but i can't play some few games which can be played on the another browser like chrome,IE,safari...!!!
so i just want to some one to clear my problem that occurred in my machine...!!!

Check your plugins are uptodate!
*http://www.mozilla.org/en-US/plugincheck/
Type '''about:addons''' in URL and Goto Plugins
* Check all the plugins are "Always Active"
Somewhere on the page right click, go to view page info > permissions and make sure that adobe flash content is allowed to play on that domain.
Flash in Protected mode occurs issues too
*http://kb.mozillazine.org/Flash#Flash_Protected_Mode_issues_on_Windows_Vista_and_above
*http://forums.adobe.com/thread/1018071

Firefox will not load certain url's/websites that work in other browsers

Whenever I try to load a website beginning with stk.co (e.g. stks.co/q1CqL ) Firefox gives the following error message:
The HTTP header field "Accept" with value "hc/url;*/*" could not be parsed.
The same URL loads easily in Internet Explorer and other browsers.
How can fix this and/or configure firefox to load this url?
Thanks!

Just for documentation, here's what I see in the Fiddler debugging proxy for this shortened URL:
(1) Firefox requests: http://stks.co/q1CqL
GET http://stks.co/q1CqL HTTP/1.1
Host: stks.co
User-Agent: Mozilla/5.0 (Windows NT 6.1; WOW64; rv:34.0) Gecko/20100101 Firefox/34.0
Accept: text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8
Accept-Language: en-us,en;q=0.5
Accept-Encoding: gzip, deflate
DNT: 1
Connection: keep-alive
Response is a 301 redirect with a new address
(2) Firefox requests: http://tinyurl.com/lkef9l2
GET http://tinyurl.com/lkef9l2 HTTP/1.1
Host: tinyurl.com
User-Agent: Mozilla/5.0 (Windows NT 6.1; WOW64; rv:34.0) Gecko/20100101 Firefox/34.0
Accept: text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8
Accept-Language: en-us,en;q=0.5
Accept-Encoding: gzip, deflate
DNT: 1
Connection: keep-alive
Response is a 301 redirect with a new address
(3) Firefox requests http://traderfeed.blogspot.com/2014/12/trading-success-lies-on-other-side-of.html
GET http://traderfeed.blogspot.com/2014/12/trading-success-lies-on-other-side-of.html HTTP/1.1
Host: traderfeed.blogspot.com
User-Agent: Mozilla/5.0 (Windows NT 6.1; WOW64; rv:34.0) Gecko/20100101 Firefox/34.0
Accept: text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8
Accept-Language: en-us,en;q=0.5
Accept-Encoding: gzip, deflate
DNT: 1
Connection: keep-alive
Response is 200 OK with HTML of the page

How to make dynamic actions using Set Value work in all browsers?

I’m having a cross-browser incompatibility issue with dynamic actions using Set Value. The dynamic action works like a charm on Chrome but has no effect on either IE or Firefox. The code in oracle.apex.com and here are the credentials:
Workspace: DDBA
Username: [email protected]
Password: redtruck12
These code is on page 3 and here are the details:
There are two report lists (Standard and Special) and some of the reports require additional information supplied in either select lists or text boxes.
If the user selects a Standard report requiring a select list/text box, then the dynamic action sets the value of Special Reports to NULL (and vice-versa).
The dynamic action is to prevent a simultaneous selection of both the Standard and Special reports. To see how it works on Chrome, do this:
Run Page 3
Select the ‘Report for Search Criteria’ option from the Standard Report list. A ‘Search Criteria’ text box appears
Select the ‘Report by Release’ option from the Special Reports list. A select list appears and the ‘Search Criteria’ text box disappears.
If you do the same things on IE or Firefox, the text box does not disappear.

Hi,
Things are going wrong with setting the item values to NULL. If you check your session state, you'll see that in chrome your items values indeed will be set to null, but in firefox they won't.
Also I've noticed that you don't reset the other input fields, so their values persist in the session state. Since you submit your page every time you change one of the report select lists, this might lead to unexpected behaviour. Lastly, I've noticed you use a sql exists expression to manage the display/hide of your page items. A condition of type "Value of expression 1 = expression 2" causes less overhead as you don't need to switch to the db sql engine for every item to validate.
I'd suggest you rethink your specs and try to create:
- One dynamic action (since a value of standard select excludes the value of special select, and vice versa)
- Set the values for hidden items to null, also in session state
- Use a refresh of region as extra event in your dynamic action, instead of submitting your page for every change.
Regards,
Vincent
http://vincentdeelen.blogspot.com

Including Sound In A Rollover that works on all browsers

Similar Messages

Maybe you are looking for