zurück zur Startseite
  


Zurück XHTMLforum > Webentwicklung (außer XHTML und CSS) > Javascript & Ajax
Seite neu laden Kein Stop der Audio bei mouseout

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 07.03.2014, 19:32
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 22.02.2014
Beiträge: 25
Horus befindet sich auf einem aufstrebenden Ast
Standard 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)
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 07.03.2014, 19:56
Benutzerbild von Thielo
Web Ninja
XHTMLforum-Kenner
 
Registriert seit: 17.09.2009
Ort: Stuttgart oder so
Beiträge: 3.372
Thielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein Lichtblick
Standard

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?
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 07.03.2014, 20:03
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 22.02.2014
Beiträge: 25
Horus befindet sich auf einem aufstrebenden Ast
Standard

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();
}
}
}

//-->
Mit Zitat antworten
  #4 (permalink)  
Alt 07.03.2014, 20:06
Benutzerbild von Thielo
Web Ninja
XHTMLforum-Kenner
 
Registriert seit: 17.09.2009
Ort: Stuttgart oder so
Beiträge: 3.372
Thielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein Lichtblick
Standard

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?
Mit Zitat antworten
  #5 (permalink)  
Alt 07.03.2014, 20:22
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 22.02.2014
Beiträge: 25
Horus befindet sich auf einem aufstrebenden Ast
Standard

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)
Mit Zitat antworten
  #6 (permalink)  
Alt 07.03.2014, 22:01
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 22.02.2014
Beiträge: 25
Horus befindet sich auf einem aufstrebenden Ast
Standard

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)
Mit Zitat antworten
  #7 (permalink)  
Alt 07.03.2014, 22:08
Benutzerbild von Thielo
Web Ninja
XHTMLforum-Kenner
 
Registriert seit: 17.09.2009
Ort: Stuttgart oder so
Beiträge: 3.372
Thielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein Lichtblick
Standard

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?
Mit Zitat antworten
  #8 (permalink)  
Alt 07.03.2014, 22:17
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 22.02.2014
Beiträge: 25
Horus befindet sich auf einem aufstrebenden Ast
Standard

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)
Mit Zitat antworten
  #9 (permalink)  
Alt 07.03.2014, 22:33
Benutzerbild von Thielo
Web Ninja
XHTMLforum-Kenner
 
Registriert seit: 17.09.2009
Ort: Stuttgart oder so
Beiträge: 3.372
Thielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein Lichtblick
Standard

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;
}
Wenn du diesen Code in deine .js Datei einfügst und den bisherigen Inhalt rauslöschst sollte es funktionieren.
Ins HTML muss dann noch ein
HTML-Code:
<a href="about.htm" onmouseover="playclip();" onmouseout="pauseclip();"></a>
Ist ungetestet und vielleicht klappt es.
__________________
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?
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 07.03.2014, 22:47
?!?
XHTMLforum-Kenner
 
Registriert seit: 20.03.2013
Beiträge: 1.638
explanator sorgt für eine eindrucksvolle Atmosphäreexplanator sorgt für eine eindrucksvolle Atmosphäre
Standard

Zitat:
Zitat von Thielo Beitrag anzeigen
Ist ungetestet und vielleicht klappt es.
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.
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ä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


Alle Zeitangaben in WEZ +2. Es ist jetzt 05:06 Uhr.