Avatar billede azerty Juniormester
17. oktober 2010 - 01:54 Der er 3 kommentarer og
1 løsning

Frames - link "hopper"

Jeg har en webside med to rammer (en "top" og en "bund"). I den nederste frame har jeg et link til afspilning ef en lille lydfil på bare 13 KB:

<a href="#" onclick="playSound('abe.mp3');">blabla</A>

Det virker udmærket, men link-teksten hopper op, når man klikker på den og tvinger den øverste ramme ca. 10 pixel op.

Det er irriterende. Kan man indsætte en eller anden kode i linkkoden, så teksten bliver stående?

Jeg har eksperimenteret lidt med "return false;", men det gør ingen forskel.

Det sker i hvert fald i Internet Explorer.
Avatar billede majbom Novice
17. oktober 2010 - 08:23 #1
hvilke(n) browser(e) har du prøvet i?

er det noget man kan se live?
Avatar billede azerty Juniormester
17. oktober 2010 - 13:07 #2
Tak for interessen.

Jeg tror det har noget at gøre med, at den interne medieafspiller, som godt nok er skjult, roder rundt på siden, når man klikker på linket - i både IE og FF.

Men så fandt jeg det her, og det virker:

http://forum.codecall.net/html-programming/19493-play-sound-click.html

Læg mærke til, at spørgerens javascript indeholder en fejl (som jeg slet ikke kan gøre rede for :-] ), som svarereren præciserer nederst i artiklen:

---
<script language="javascript" type="text/javascript">
function playSound(soundfile) {
document.getElementById("dummy").innerHTML=document.getElementById("dummy").innerHTML +
"<embed src=\""+soundfile+"\" hidden=\"true\" autostart=\"true\" loop=\"false\" />";
}
</script>
---

I min sides body placerer jeg som det første:

<span id="dummy"><a href="#" onclick="playSound('´lydfil.mp3');"><IMG src="pic/lyd.gif" height=16 width=16 border=0></A></SPAN>

I sidens style sheet har jeg:

#dummy{
position: absolute;
top: 324px;
left: 34px;
}

Volia. Lyden kommer prompte, og billedet hverken hopper eller bliver væk.
Det er et lydlink, som ikke fører brugeren noget sted hen (a href="#"...). Hvis man også vil have linket til at skifte side, er det sikkert en anden historie. Det er vist ikke nok at skrive et link i stedet for "#".

Men det er en anden historie. Jeg fik mit ønske opfyldt :-)
Avatar billede majbom Novice
17. oktober 2010 - 16:25 #3
super, så husk at få lukket spørgsmålet :)
Avatar billede azerty Juniormester
18. oktober 2010 - 06:26 #4
Ja, det gør jeg nu. Undskyld ulejligheden
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester