Kein Stop der Audio bei mouseout - Seite 2

Horus · #11 (**permalink**) 07.03.2014, 21:48

Ach nur weil ich dann selber gemerkt habe wo es hin muss (bzw. das es in die sound-mouseover.js muss, jedoch auch nicht weiter als das).

Leider funktioniert es irgendwie nicht. Höre nun nichts mehr.

explanator · #12 (**permalink**) 07.03.2014, 21:52

Was hast du gemacht. Zeige mal deinen kompletten Code, weil das Javascript geht wunderbar.

Horus · #13 (**permalink**) 07.03.2014, 22:04

Abgesehen von der Bezeichnung der Audiodateien, habe ich nichts anders gemacht und es einfach reinkopiert. Hatte vorher Ton
und nur den Body Bereich verändert:

Code:

<body>
<a href="about.htm" onmouseover="playclip();" onmouseout="pauseclip();"><img id="door" src="http://xhtmlforum.de/images/door.png" onmouseover="this.src='images/doorhover.png'" onmouseout="this.src='images/door.png'"></a>
<audio>
<source src="door.mp3"></source>
<source src="door.ogg"></source>
</audio>
<div id="sounddiv"><bgsound id="sound"></div>
</body>

Edit: Mit dem Internet Explorer geht es aber mit Mozilla nicht.

explanator · #14 (**permalink**) 07.03.2014, 22:15

Welcher Version von IE und welche Version von FF?

Du hast uns jetzt zwar das HTML gezeigt aber nicht das Script.

Kannst du uns nicht mal die ganze Seite zeigen, also komplett, inkl. doctype?

Horus · #15 (**permalink**) 07.03.2014, 22:22

Ich hab den IE10 und FF 27.0.1

Achso, joa hier:

Code:

<!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=utf-8" />
<title>Susis Unverschaemt</title>
<script type="text/javascript" src="sound-mouseover.js"></script>
<style type="text/css">
<!--
body {
  background-image:url(images/eingang.jpg);
  background-repeat:no-repeat;
  background-size:53%;
  background-position:50% -5%;
  background-color:black;
  height:100%;
  width:100%;
}

#door {
  height:9.7%;
  width:9.7%;
  position: relative;
  left:42%;
  margin-top:11.6%;
  z-index: 1;
}
-->
</style>
</head> 
<body>
   <a href="about.htm" onmouseover="playclip();" onmouseout="pauseclip();"><img id="door" src="images/door.png" onmouseover="this.src='images/doorhover.png'" onmouseout="this.src='images/door.png'"></a>
<audio>
<source src="door.mp3"></source>
<source src="door.ogg"></source>
</audio>
<div id="sounddiv"><bgsound id="sound"></div>
</body>
</html>

explanator · #16 (**permalink**) 07.03.2014, 22:50

Das Audio-Element ist Bestandteil von HTML5, du verwendest aber XHTML 1.0 transitional.
Das solltest du ändern.

Sofern das Javascript korrekt von Thielo übernommen wurde sollte es dann gehen.

Horus · #17 (**permalink**) 07.03.2014, 23:14

Hab es geändert aber ich höre noch immer nichts. :/

explanator · #18 (**permalink**) 07.03.2014, 23:26

Zitat:

Zitat von Horus

Hab es geändert aber ich höre noch immer nichts. :/

Zeige noch mal deine Script-Datei.

Horus · #19 (**permalink**) 07.03.2014, 23:35

Code:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Susis Unverschaemt</title>
<script type="text/javascript" src="sound-mouseover.js"></script>
<style type="text/css">
<!--
body {
  background-image:url(images/eingang.jpg);
  background-repeat:no-repeat;
  background-size:53%;
  background-position:50% -5%;
  background-color:black;
  height:100%;
  width:100%;
}

#door {
  height:9.7%;
  width:9.7%;
  position: relative;
  left:42%;
  margin-top:11.6%;
  z-index: 1;
}
-->
</style>
</head> 
<body>
   <a href="about.htm" onmouseover="playclip();" onmouseout="pauseclip();"><img id="door" src="images/door.png" onmouseover="this.src='images/doorhover.png'" onmouseout="this.src='images/door.png'"></a>
<audio>
<source src="door.mp3"></source>
<source src="door.ogg"></source>
</audio>
<div id="sounddiv"><bgsound id="sound"></div>
</body>
</html>

explanator · #20 (**permalink**) 07.03.2014, 23:45

Ich meine das, was in der Datei sound-mouseover.js steht.

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
html5 audio element	SpecialFighter	(X)HTML	7	30.10.2012 16:29
Audio einfügen	Akkordeon	Javascript & Ajax	2	21.04.2012 20:28
mouseout und mouseleave	irmen	Javascript & Ajax	2	09.09.2011 17:53
Audio Player	gandalf_hh	CSS	1	08.08.2011 10:24