|
|||
Kein Stop der Audio bei mouseout
Ich erstelle momentan die Startseite einer Website (wenn ich mal die Zeit finde) und wollte ein Script einbinden, durch welches beim mouseover eine Audio abgespielt werden soll. So funktioniert es auch, jedoch stoppt die Audiodatei nicht, wenn man den Mauszeiger wegbewegt.
Ich habe ein fertiges Script genommen, welches online angeboten wird, da ich mich selber mit javascript nicht auskenne. Die Website ist für eine Facharbeit und es geht auch nur um die Präsentation von Layout, Typographie und Ideen, nicht um Verständnis und die Anwendung von entsprechenden Sprachen. Daher wollte ich fragen, ob jemand diese Änderung für mich vornehmen kann, so das man die Audio nur beim mouseover hört und sie bei jedem Mal von vorne anfängt (zumal ich selber sonst nie wirklich Javascript verwende und ich das zeitlich bis zur Abgabe nicht gelernt bekomme)? Code:
<script type="text/javascript" src="sound-mouseover.js"></script> Code:
<a href="about.htm" onmouseover="playclip();"></a> <audio> <source src="door.mp3"></source> <source src="door.ogg"></source> </audio> <div id="sounddiv"><bgsound id="sound"></div> Geändert von Horus (07.03.2014 um 19:50 Uhr) |
Sponsored Links |
|
||||
Was steht denn in der sound-mouseover.js drin?
So wie es da steht, verhält sich das Ganze nicht falsch. Und bitte keine Schnipsel posten
__________________
Hier ein immer gültiges Statement: Überarbeite deine Code, lerne die Grundlagen, widersprich mir nicht, wehre dich nicht, ich habe Recht, wir sind Lolgion, wir sind viele.. potato... All meine Angaben sind ohne Gewähr, es könnte also trotz meiner Unfehlbarkeit dazu kommen dass ich falsch liege www.richard-thiel.de | Müssen Websiten überall gleich ausschauen? |
Sponsored Links |
|
|||
Oh, hab ich vergessen.
Code:
<!-- function playclip() { if (navigator.appName == "Microsoft Internet Explorer") { if (document.all) { document.all.sound.src = "click.wav"; } } else { { var audio = document.getElementsByTagName("audio")[0]; audio.play(); } } } //--> |
|
||||
Ok, das Script verhält sich so wie es soll. Was dir fehlt ist noch der Befehl um die Wiedergabe zu stoppen.
Derzeit verhält es sich so: Dein Script sagt: Wenn ich über den Container fahre, mache die Musik an. Nirgends sagst du "ausmachen". Heißt der onmouseout-Handler (SELFHTML: JavaScript / Sprachelemente / Event-Handler) muss noch bestückt werden und braucht eine Funktion.
__________________
Hier ein immer gültiges Statement: Überarbeite deine Code, lerne die Grundlagen, widersprich mir nicht, wehre dich nicht, ich habe Recht, wir sind Lolgion, wir sind viele.. potato... All meine Angaben sind ohne Gewähr, es könnte also trotz meiner Unfehlbarkeit dazu kommen dass ich falsch liege www.richard-thiel.de | Müssen Websiten überall gleich ausschauen? |
|
|||
Sowas dachte ich mir und habe deshalb mit onmouseout seit den letzten 2-3 Stunden guckt, ob es da eine Möglichkeit gibt, das wieder zu stoppen jedoch weiß ich nicht, wie der Befehl mit onmouseout dann lauten muss. Googlen hat irgendwie nichts gebracht, denn wenn ich Sachen wie "playclip();" lese, dann versteh ich nur die Hälfte (warum da zum Beispiel Klammern stehen und ob es einen Befehl gibt, der das Gegenteil davon bewirkt).
Wie gesagt, ich weiß leider nichts über javascript und werde es für diese Website wohl nicht weiter brauchen (ausser vielleicht für Hintergrundmusik), da der Lehrer bereits sagte, dass ihn nur die Gestaltung interessiert und nicht wie die Seite geschrieben ist. Ich würde es gerne lernen aber momentan ist die Zeit zu knapp und Hauptsache es funktioniert. Geändert von Horus (07.03.2014 um 20:57 Uhr) |
|
|||
Na kommt, es wir doch drin sein einem zu helfen, ohne das er gleich alles selber lernen muss. Es muss nur funktionieren. Nach der Präsentation löscht die Schule die Seite eh wieder vom Server.
Geändert von Horus (07.03.2014 um 22:03 Uhr) |
|
||||
Und es wird doch drin sein, einfach mal ein wenig zu warten.
Code:
var audio = document.getElementsByTagName("audio")[0]; audio.pause(); audio.currentTime = 0;
__________________
Hier ein immer gültiges Statement: Überarbeite deine Code, lerne die Grundlagen, widersprich mir nicht, wehre dich nicht, ich habe Recht, wir sind Lolgion, wir sind viele.. potato... All meine Angaben sind ohne Gewähr, es könnte also trotz meiner Unfehlbarkeit dazu kommen dass ich falsch liege www.richard-thiel.de | Müssen Websiten überall gleich ausschauen? |
|
|||
Sagen wir mal so, ich hab in den vergangenen Jahren relativ schlechte Erfarungen gemacht, wenn ich in Foren zu html usw. mal ne Frage hatte und nach etlichen Stunden Misserfolgs und zig Klicks ohne Posts von Anderen, bin ich gefrustet. :/
Danke für die Antwort, aber mal ne ganz dumme Frage, wo kommt das hin? Edit: Vergiss die Frage... Geändert von Horus (07.03.2014 um 22:21 Uhr) |
|
||||
Warum sollte ich die Frage vergessen?
Code:
var audio = document.getElementsByTagName("audio")[0]; function playclip() { if (navigator.appName == "Microsoft Internet Explorer") { if (document.all){ document.all.sound.src = "click.wav"; } }else { audio.play(); } } function pauseclip(){ audio.pause(); audio.currentTime = 0; } Ins HTML muss dann noch ein HTML-Code:
<a href="about.htm" onmouseover="playclip();" onmouseout="pauseclip();"></a>
__________________
Hier ein immer gültiges Statement: Überarbeite deine Code, lerne die Grundlagen, widersprich mir nicht, wehre dich nicht, ich habe Recht, wir sind Lolgion, wir sind viele.. potato... All meine Angaben sind ohne Gewähr, es könnte also trotz meiner Unfehlbarkeit dazu kommen dass ich falsch liege www.richard-thiel.de | Müssen Websiten überall gleich ausschauen? |
Sponsored Links |
|
|||
Thielo, warum so bescheiden, klappt natürlich, ist somit getestet
Der LInk braucht natürlich einen Linktext um überhaupt sichtbar und damit anklickbar zu sein, das nur nebenbei.
__________________
"Wieso ist der Code schrott, ich dachte hier seien Profis..." Aus einem Forum. |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
html5 audio element | SpecialFighter | (X)HTML | 7 | 30.10.2012 17:29 |
Audio einfügen | Akkordeon | Javascript & Ajax | 2 | 21.04.2012 21:28 |
mouseout und mouseleave | irmen | Javascript & Ajax | 2 | 09.09.2011 18:53 |
Audio Player | gandalf_hh | CSS | 1 | 08.08.2011 11:24 |