Korte geluidjes afspelen-

Bollekens · 26 dec 2009, 07:35

Beste mensen,

Bij het opmaken van mijn site had ik graag het volgende verwezenlijkt:

Bij het glijden van de cursor over de link knoppen in het menu een respectievelijk geluidje laten horen.

In mijn zoektochten heb ik wel het volgende gevonden:

<embed src="MIJNGELUIDJE.mp3" autostart="true" loop="false" hidden="true" height="0" width="0">

Door die autostart speelt dit geluidje onmiddelijk af bij het openen van de pagina om het even waar ik deze in de body plaats.
Ik heb er geen idee van hoe dit om te vormen voor mijn doeleinden.

Vermoedelijk moet deze java script telkens hier ergens tussen geplaatst worden:
<ul>
<li> <a target="_blank" href="Agenda.html">AGENDA</a>
</li>
</ul>

Met Flash zou het kunnen maar is nogal prijzig om voor één keer te gebruiken, dus moet ik mij wel behelpen met java.

Blad is opgemaakt in HTML 4.01 en wordt aangestuurd door externe CSS waarin ook de menuknoppen.

Alvast hartelijk bedankt voor de reactie en iedereen prettige feestdagen

Bollekens

coderunner · 26 dec 2009, 14:18

Beste Bollekens

Op onderstaande link staat dit uitgelegd met voorbeelden (is wel in het Engels).
Geraak je er niet uit, dan geef je maar een seintje.

Play Sound Files on Mouseover of Link

mvg,
Coderunner

Bollekens · 26 dec 2009, 19:47

Geachte Heer,

Bedankt voor uw reactie!

Zo gezegd zo gedaan maar het werkt niet.
Eerst dacht ik dat het was omdat het geluid in "Mp3" stond maar met "WAV" werkt het ook niet.
Ik heb het even geupload naar W3C maar daar begrijp ik er nog minder van.
Voor de gemakkelijkheid zet ik hieronder even de validatiegegevens en de code.
Vriendelijke groetjes en nogmaals bedankt.
Bollekens

Validation Output: 4 Errors

1. Error Line 30, Column 21: Attribute "ID" is not a valid attribute. Did you mean "id"?

<bgsound id="soundfiles">

✉

You have used the attribute named above in your document, but the document type you are using does not support that attribute for this element. This error is often caused by incorrect use of the "Strict" document type with a document that uses frames (e.g. you must use the "Transitional" document type to get the "target" attribute), or by using vendor proprietary extensions such as "marginheight" (this is usually fixed by using CSS to achieve the desired effect instead).

This error may also result if the element itself is not supported in the document type you are using, as an undefined element will have no supported attributes; in this case, see the element-undefined error message for further information.

How to fix: check the spelling and case of the element and attribute, (Remember XHTML is all lower-case) and/or check that they are both allowed in the chosen document type, and/or use CSS instead of this attribute. If you received this error when using the <embed> element to incorporate flash media in a Web page, see the FAQ item on valid flash.
2. Error Line 30, Column 33: element "BGSOUND" undefined

<bgsound id="soundfiles">

✉

You have used the element named above in your document, but the document type you are using does not define an element of that name. This error is often caused by:
* incorrect use of the "Strict" document type with a document that uses frames (e.g. you must use the "Frameset" document type to get the "<frameset>" element),
* by using vendor proprietary extensions such as "<spacer>" or "<marquee>" (this is usually fixed by using CSS to achieve the desired effect instead).
* by using upper-case tags in XHTML (in XHTML attributes and elements must be all lower-case).
3. Error Line 31, Column 30: required attribute "TYPE" not specified

<script language="JavaScript"><bgsound id="soundfiles">
# <script language="JavaScript"></script>
# </bgsound>
# <div style="text-align: center;"></div>
# <div class="container">
# <div class="header"> Arts Jef en Miek </div>
# <div class="menu"> <br>
# <img class="c1" alt="" src="images/Knoppen/Miek.jpg"><br>
# <ul>
# <li> <a target="_blank" href="Miek-Galerie.html" onmouseover="playSound(0)" onmouseout="stopSound(0)">MIEK</a>
# </li>
# </ul>

coderunner · 26 dec 2009, 23:03

Beste Bollekens,

De fout zit in het kopiëren van de code op de link die ik je gegeven heb. De foutmeldingen die je krijgt komen daardoor de code van het javascript niet op de juiste plaatsen een nieuwe lijn begint. Hier de werkende code

Code: Selecteer alles

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">

<title></title>

</head> 

<body> 

<noscript>Om deze pagina goed te kunnen weergeven dient 
Javascript aan te staan</noscript> 

<!-- --><bgsound id="soundfiles"> 
<script language="JavaScript">
<!-- // Sound on Mouseover javascript supplied by http://www.hypergurl.com var 
aySound = new Array();
// PLACE YOUR SOUND FILES BELOW 
aySound[0] = "Dierenx_37.wav"; 
aySound[1] = "Dierenx_38.wav"; 
aySound[2] = "Dierenx_31.wav";
// Don't alter anything below this line 
IE = (navigator.appVersion.indexOf("MSIE")!=-1 && document.all)? 1:0; 
NS = (navigator.appName=="Netscape" && navigator.plugins["LiveAudio"])? 1:0;
ver4 = IE||NS? 1:0; 
onload=auPreload; 
function auPreload() { 
if (!ver4) return;
if (NS) auEmb = new Layer(0,window);
else {
Str = "<DIV ID='auEmb' STYLE='position:absolute;'></DIV>";
document.body.insertAdjacentHTML("BeforeEnd",Str); } 
var Str = ''; for (i=0;i<aySound.length;i++) Str += "<EMBED SRC='"+aySound[i]+"' AUTOSTART='FALSE' HIDDEN='TRUE'>" 
if (IE) auEmb.innerHTML = Str; 
else { auEmb.document.open(); 
auEmb.document.write(Str); 
auEmb.document.close(); } 
auCon = IE? document.all.soundfiles:auEmb; 
auCon.control = auCtrl; } 
function auCtrl(whSound,play) { 
if (IE) this.src = play? aySound[whSound]:'';
else eval("this.document.embeds[whSound]." + (play? "play()":"stop()")) } 
function playSound(whSound) { 
if (window.auCon) auCon.control(whSound,true); } 
function stopSound(whSound) { 
if (window.auCon) auCon.control(whSound,false); }
//--></script> 
<!-- --></bgsound> 
<div style="text-align: center;"></div> 
<div class="container"> 
<div class="header"> Arts Jef en Miek </div> 
<div class="menu"> <br> 
<img class="c1" alt="" src="images/Knoppen/Miek.jpg"><br> 
<ul> 
<li> <a target="_blank" href="Miek-Galerie.html" onmouseover="playSound(0)" onmouseout="stopSound(0)">MIEK</a> 
</li> 
</ul>
...

Hopelijk staan nu na het kopiëren de line breaks (nieuwe lijn) wel goed. Indien dit ook niet werkt na het kopiéren van de bovenstaande code, stuur dan je email adres in een privé bericht naar mij, dan kan ik de code via email doorsturen.
Of bekijk de bron code op deze link (open de link in je browser en neem broncode bekijken).

Succes en tot hoors.

Vriendelijke groeten en prettige feestdagen.
Coderunner

Bollekens · 27 dec 2009, 07:16

Hoeree Hoeza

Het werkt perfect in Internet Explorer.
Mogelijks was er een foutje gebeurd in Notepad++ bij het plakken en opslaan.
Indien het nu ook nog zou willen werken in Opera, Firefox, Chrome......(want daar komt er geen geluid uit het behang) dan zou dat schitterend zijn. Mijn vrouw content en ik ook content.

Ik heb het zooitje in mijn Dropbox gezet en stuur U straks per mail de link door. Op die manier is het handiger om voor U te zien wat ik daar nu nog verder aan moet veranderen.

Wat een mens allemaal moet leren en dit op zijn oude dag.

Dit mag wel even gezegd: In mijn ervaring met forums schiet deze hier stukken boven de andere uit en dit op alle gebied!!!!!

Nogmaals hartelijk bedankt en vriendelijke groetjes.
Bollekens

coderunner · 27 dec 2009, 21:29

Beste bollekens,

Ik vrees dat ik je zal moeten teleurstellen maar het javascript werkt inderdaad alleen maar in Internet Explorer en ik weet niet zo direct een oplossing om het ook in de andere browsers aan de praat te krijgen.

mvg,
Coderunner

Bollekens · 29 dec 2009, 07:13

Beste mvg coderunner

Tja dat is spijtig.
Ik ga eerst alles op die manier maken en als ik dan wat meer tijd heb daar verder op zoeken.

In wat ik U doorstuurde staat bij de "links" : Omnia.
Daar heb ik het idee gehaald en dit werkt in alle browsers. Hun opmaak is helemaal anders van code en vermoedelijk hebben zij Flash gebruikt. Ik heb daar allemaal geen kaas van gegeten en mij lijkt het meer op Oerdoe of Chinees. Desnoods neem ik eens contact op met hun ontwerper. Een negatief antwoord heb je en een positief kan je krijgen.
Als ik met tijd de oplossing heb wil ik die gerust delen. Waar plaats ik die dan het best?

Groetjes, bedankt en pretigge dag(en).
Bollekens

coderunner · 29 dec 2009, 13:35

Bollekens schreef:In wat ik U doorstuurde staat bij de "links" : Omnia.
Daar heb ik het idee gehaald en dit werkt in alle browsers.

Beste Bollekens,

Op de site van "World Of Omnia" wordt inderdaad gebruik gemaak van Flash om de muziekfragmentjes te laten horen wanneer men over de menuknoppen gaat.

Bollekens schreef:...de oplossing ... Waar plaats ik die dan het best?

Hier in dit topic

mvg,
Coderunner