HTML - Sound When Hovering Links
Hello,
Throughout this site I have layers that act as buttons. This is part of HTML code: HTML Code: <div id="Promo1"><a href="weeklyspecial.html">Details ></a></div> And this is the CSS behind it: Code: #Promo1 { position:absolute; width:70px; height:auto; z-index:6; left:122px; top:123px; background-color:#fff; background-image: url(../JPGs/ButtonBG_Navigation.jpg); background-repeat: repeat-x; background-position: left top; } #Promo1 a { width:100%; line-height:20px; display:block; font-family:Verdana; font-size:10px; color:#000; text-align:center; border: 1px solid #ddd; background-image: url(../JPGs/ButtonBG_Navigation.jpg); background-repeat: repeat-x; background-position: left top; } #Promo1 a:hover { border: 1px solid #ff0000; Please help me figure out how to make these buttons make a little sound when clicked and another when hovered? Do I put something on the :hover side? Thanks! Similar TutorialsI have a friend that's making a site and she wants to know if there's such thing as HTML coding for when you hover over a thumbnail image and it then shows the full size of the image. If not, then is there any CSS codes that she has to use for this action to be applausable? http://testingbar.atspace.com/index-test.htm When clicking within the yellow highlighted parts of the calendar, a tooltip pop ups to the right. But I also want a smaller tooltip that appears when you mouseover the yellow areas in the calendar. That tooltip will only include the title (bold uppermost row) from the part when you click on the event. That tooltip should have 1px border width, 4px padding and the same green background color as the more detailed tooltip. Can someone help me with this? Hey guys, I recently setup a basic "intranet" for my family, since we have a number of computers, and it would be easy to leave messages for each other, attach files, etc. It may not be an intranet per se, but it acts as one. I have setup "Appserv" on a computer that is always on, which is a package that installs everything you need to turn a normal PC into a server, and I have installed "Wordpress" into a folder in "root/wordpress/". What I want to do is create a file, index.* in the root directory and force each computer's browser to head to that file. Now what I want is for it to open as a normal webpage (since we all use Google as our homepage, that would be preferrable) with a small thin bar at the top/bottom, which says "Go to Intranet Home" or "Close This Window". Now I have tried a variety of ways to do this, including frames, but the problem is that the URL will not change. If i point the file to 192.168.1.6/index.php, it will show that as the address even if you type something into google and go to links etc (as it is the frame's URL, not the browser's). What I need is for the browser to open into a page that acts normal, except has a hovering bar that can send the family members to the wordpress home page. I was thinking that maybe CSS could do it but I'm not even sure if this is possible at all. If the URL dosen't change, its not possible for anybody to bookmark sites as it will always bookmark the same address. Please leave feedback even if the idea is not possible, any help is greatly appreciated. Thanks again, Curtis Hello, Can someone please help me with this: I am trying to embed a sound into a text link...here is the code: <li><a class="last" href="index.html">Inchide Sistemul</a></li> ...when I click the link I want to play a sound, how can I modify the code to do that? Thanks I can't seem to get a sound to play on my site. I can edit the code and execute it on my computer and it works fine. When I upload it to my page, it doesn't work. I use Firefox but also tried it with IE. I have tried both EMBED and BGSOUND. The sound is a very small WAV file. Where am I going wrong? I have a sound problem with chrome. I have been added a song to my website using: <embed src="c1.mp3" width="200" height="100" autoplay="true" hidden="true" loop="1" volume="100"></embed> but is not working in chrome. On the other hand is woking in IE 6 What is the problem?? I am on myspace. I am trying to send a comment with a sound wav. I don't want a link I want a small player that will play the file. I want it to be Html but I don't know how to get it that way. I've tried everything . Help??! Just wondering if anyone knows a good way to loop like a 3 second sound clip on a page? I want it to start as soon as the page loads and keep looping. Any help would be awesome. Thanks I was wondering how i add sound to my webpage, so that it plays when the user enters the page, but with a play and stop button. hey all, i have added mp3 file using quicktime player it works fine is IE but, it doesn't work on firefox. it comes up with missing plugin (even though i have quicktime installed) if i change this code to wmp then the activex doesnt show up any ideas whats gone wrong? Code: <div class="navStyle" id="subMenu"> Silent Hill 4: Cradel of the forest <br /> <br /> <object width="171" height="20" classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http://www.apple.com/qtactivex/qtplugin.cab"> <param name="src" value="../media/essentials/thread/1.mp3" /> param name="autoplay" value="false" /> <param name="controller" value="true" /> <!-- For Older Browsers --> <embed src="../media/essentials/thread/1.mp3" width="171" height="50" autoplay="false" controller="true" pluginspage="http://www.apple.com/quicktime/download/"> </embed> </object> </div> http://pavel.free-site-host.com/ I have a couple of problems with this layout. First of all I have set up a script for mouse over sound over the nav, but when i mouse over nothing happens. Next I have set up another script that has random images but for some reason it has made the layout unaligned. Last, towards the bottom it has a blank spot for a search (for the web-site) could somebody explain how to create a search for the content inside the site. Thank you in advance I have this alert box that I would like to add a sound after you click ok. Can this be done to the script I have here? Thanks //<![CDATA[ var alertmessage="Well this the last and finale Assignment for the JavaScript Level One Course" //Alert only once per browser session (0=no, 1=yes) var once_per_session=1 function get_cookie(Name) { var search = Name + "=" var returnvalue = ""; if (document.cookie.length > 0) { offset = document.cookie.indexOf(search) if (offset != -1) { // if cookie exists offset += search.length // set index of beginning of value end = document.cookie.indexOf(";", offset); // set index of end of cookie value if (end == -1) end = document.cookie.length; returnvalue=unescape(document.cookie.substring(offset, end)) } } return returnvalue; } function alertornot(){ if (get_cookie('alerted')==''){ loadalert() document.cookie="alerted=yes" } } function loadalert(){ alert(alertmessage) } if (once_per_session==0) loadalert() else alertornot() //]]> Is it possible to make a sound when the mouse goes over an image? maybe using some JS or something. Also on mouseout aswell I would like it to make some kind of beeping noise when the user hovers over an image but i dont want to go in to all that flash stuff etc... Hi! I've been working on a little website, but i want visitors to hear a welcome sound when they click on the website's logo. How can i do this with html? javascript? I came to this forums because i've seen very clever people here. Thanks for your replies! This is what I got... Quote: <bgsound src="music/nameofsong.mp3" loop="0" id="sound" /> Quote: <script type="text/javascript"> function stop() { document.getElementById("sound").src = ""; } </script> Quote: <input type="button" onclick="stop();" /> It all works... fine, but not up to my standard. The button is so bad What I want to accomplish is this... A person goes on the site, music is playing, at the bottom of the page there is an 'onoff' option. They click 'off', it goes to regular, and the 'on' turns bold. When they click on, viseversa happenes. Is this possible with regular HTML :S Having sucha headache here.. tried a lot Hi, I'm making my first website, and I'm trying to embed an mp3 file into a page. So far I have a folder of html files on my computer an haven't uploaded to a server yet. With the file "Telefone529Musicology.mp3" in this folder, and using the tag: Code: <embed src="Telefone529Musicology.mp3" WIDTH="145" HEIGHT="60" AUTOPLAY="true" LOOP="true"></embed> I can't get it to work on either FF or IE7, and I want it to work on both, since they seem to be the most popular browsers. In FF, my page loads, and at the point of the embed tag I get a square box containing the quicktime logo and a question mark, with no sound. I checked my quicktime settings, and the default action for .mp3 files is to use the quicktime plugin, and I'm sure it has worked in the past so is it a problem with the code or some other settings I need to configure on my browser? Likewise, in IE7, the same thing happens, except I get a box with a little red cross, and no sound. Again, I'm sure my quicktime plugins are up to date, and configured to play mp3 files, so I'm lost. I'd really like to get this working, Thanks I am using the following code to embed sound files and everything works fine but I would like for the sound files to begin downloading when "play" is hit and not when the web loads (automatically starting the download of all sound files). Thanks. <embed src="gtr.mp3" autostart="false" loop="false" width="300" height="42" controller="true" bgcolor="#F9000"></embed> Hey, I'm about 50% done creating my website. And I was thinking of adding sounds to my links (on mouseover). Well I decided that I definitely want to. I've picked out the sound. The only problem is, I only know how to add sound to a link like that using javascript. And with 50% of all of my pages created. I don't want to go back through all of those pages to add javascript into the header and change the coding and all of that stuff. So is there anyway I can add my sound using CSS (all of my pages are linked to a CSS file). This way I won't have to edit ALL of my pages, instead, just my CSS sheet. Thanks in advanced. - Jake I need to add sound to a rollover button. I have downloaded the sound file(.wav) that I want and have in my project's folder. When I check the Dreamweaver help section it says to link to the sound; problem is I also need to link to a page when the button is clicked. How do I acheive this? I am using Dreamweaver 8. I appreciate all help offered. Thanks, Tazmania Hello everyone, I'm currently making a Super Mario Bros website. I'm using hover buttons. Those question mark stones and when you hover over them a coin comes out with the tittle of the page the button refers to. I also have a Flash file with the sound of the coins from Super Mario Bros. The file is called Coin.swf. How do I get the sound to play once when you hover over them? Help would be greatly appreciated. Thanks in advance, d4rcr3st |