lyd ved onclick

-Hono ;)

Så nu er der afsat lidt flere points, er der så ikke en, der kan hjælpe?

Hono

Dette virker:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>

<BGSOUND id=lyd>

</head>
<BODY>


<img src="billede.gif" onclick="lyd.src='bombe.wav'">

</BODY>
</HTML>

Eller for at bruge dit eget billed-gif:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>

<BGSOUND id=lyd>

</head>
<BODY>


<div style="text-align:right;"><img src="knap_ns.jpg" onclick="lyd.src='bombe.wav'"></div>

</BODY>
</HTML>

Det er vist lettere at vise et helt dokument:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
    <TITLE>lyd ved mouseover og click</TITLE>
<!-- Bombe.wav er lydfilen - knap_ns.jpg er knappen -->
<META NAME="Generator" CONTENT="Stone's WebWriter 3.5">
<script LANGUAGE="JavaScript">
<!--
var aySound = new Array();
//  preloader lydfil
aySound[0] = "Bombe.wav";

document.write('<BGSOUND ID="auIEContainer">')
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.auIEContainer: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>

</HEAD>
<BODY>
<!-- Man kan nøjes med enten onClick eller onMouseOver -->
<A HREF="din_side.html" onClick="playSound(0)" onMouseOver="playSound(0)" onMouseOut="stopSound(0)"><IMG SRC="knap_ns.jpg" BORDER="0" WIDTH="100" HEIGHT="100" ALIGN="bottom" ALT="Din Knap"></A>
</BODY>
</HTML>

Callesen >> Hvilke fordele er der ved din fremfor callesens metode? Jeg kan se at du preloader lydfilen, men det virker vel også i flere browsers...? I så fald hvilke?

Hono

Fremfor min egen? ;-)
Som du skriver - preload - browsersikker (ikke meget gamle) - den 'kickstarter' brugerens lydkort, hvilket kan være nødvendigt. Stopper lyden ved 'mouseout' - det kan ændres ved at fjerne :onMouseOut="stopSound(0)"

nå ja, undskyld, frem for machos, naturligvis. Når du skriver at den er browsersikker, hvor meget mere sikker er den så en machos?

Hono

Jeg har tjekket både min egen og callesens metode i både IE6 og NS6: Ingen af dem virker i NS6. Derimod virker begge i IE6. Callesens metode har dog en del flere muligheder en min, både mht. hyperlink, stopsound osv.

Men hvor mange kører egentlig Netscape idag?

hmm, jeg vil nu meget gerne have noget der også virker i NS6.0. Jeg er villig til at afsætte ekstrapoint hvis nogen kan give mig en løsning. (macho og callesen I skal nok få point for jeres foreløbige hjælp (tak))

Hono

Det virker heller ikke i Opera6 - beklager. Men hvad der skal til???

lytter

Det er under 5 pct. der har Netscape i dag, så meget kan jeg da sige. Ydermere oplysning kommer denne fra en 4 år gammel tælller, så tallet er nok nede på 2-3%.

/Anders

Har en funktion, men jeg ved ikke om den også virker i netscape:

function lyd(nummer) {
document.embeds[nummer].play;
}

I body angiver du dine lyde således:

<embed src="tilfældigllydfil.wav" autostart=fals hidden=true>

Og dine links så'n:

<a href="javscript: lyd(0);">

Rækkefølgen af embed'ene bestemmer hvad du skal skrive i ..lyd(xx);. De starter ved nul, så hvis du kun har en lydfil skal der stå lyd(0) som i eksemplet.

/Anders

and.vang >> Får en fejlmelding i linien document.embeds[nummer].play; (IE5.5)

Hono

Prøver lige med et helt dokument:

<html>
<head>
<script language="JavaScript">function lyd(nummer) {
document.embeds[nummer].play;
}
</script>
</head>
<body>
<embed src="tilfældigllydfil.wav" autostart=false hidden=true>
<a href="java script: lyd(0);">Klik for lyd</a>
</body>
</html>

Så skal du jo bare lige huske at lave tilfældiglydfil.wav om til en der virkelig findes!

/Anders :)

..virker desvære ikke hverken i ie5 eller opera?
Det kan laves med this men så gælder det jo kun for een lyd og et named src:
<html>
<head>
<script language="JavaScript">function lyd(nummer) {
  ff.lyd.mediaplayer.play();
}
</script>
</head>
<body>
<form NAME="ff">
<embed src="test.wav" autostart=false hidden=true name=lyd>
<a href="java script: lyd(this);">Klik for lyd</a>
</form>
</body>
</html>

men det kør.
mvh/a.

takker for hjælpen

.