[HTML] onclick play soundfile

A

altariq

fühlt sich hier wohl
onclick play soundfile

das topic sagt es schon.
ich möchte, wenn ich auf einen schon erstellten button klicke,
das eine kleine soundfile abgespielt wird.
hab selfhtml schon durchsucht und nix gefunden.
ein prob hab ich aber ich poste das script mal hier rein.

<head>
<SCRIPT LANGUAGE="JavaScript">
function news()
{
MeinFenster =
window.open("index2.html", "Zweitfenster", "width=1024,height=768, left=0,top=0,screenX=0,screenY=0, location=no,menubar=no,toolbar=yes,dependent=no,status=yes,scrollbars=no,resizable=yes, ");
MeinFenster.focus();
onclick
}

</SCRIPT>
</head
<body>

<A HREF="javascript:news()" ><img src="fotos/but_news.jpg" hight=100% width=100% alt="FotoSection" align="bottom" border="0" ></a>
</body>

so und wenn ich auf but_news.jpg klicke soll der sound kommen aber ich weiss absolut net wie^^

pls helft mir
 
Voll knifflig.....

Eine Lösung, die aber nur im IE funzt....

---------------
Hauptseite
---------------
<html>
<head>
<title>MP3 einbinden</title>
<script language="JavaScript" type="text/javascript">
function news(){
MeinFenster =
window.open("Zweitfenster.htm","Zweitfenster","width=1024,height=768,left=0,top=0,screenX=0,screenY=0,location=no,menubar=no,toolbar=yes,dependent=no,status=yes,scrollbars=no,resizable=yes");
MeinFenster.focus();
}
</script>
</head>

<body>
<a href="javascript:news()"><img src="fotos/but_news.jpg" height="100%" width="100%" alt="FotoSection" align="bottom" border="0"></a>
</body>
</html>


-------------------------
Nebenseite:
Zweitfenster.htm
-------------------------

<html>
<head>
<title>Zweitfenster</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<bgsound src="a.mp3" loop="infinite">
</head>

<body>
<object src="a.mp3" autostart="true" loop="true" hidden="true" height="0" width="0"></object>
</body>
</html>
 
das sieht mir etwas kompliziert aus.
aber hab heute auf jet-extreme.de ein script gefunden wodurch es zwar klappt aber auf einmal funktioniert der link nicht mehr.
mit einer wave datei klappt er mit ner mp3 datei nicht mehr.
hier das script im head:
<script language=javaScript>

function soundOff(){

if (document.layers) {document.midi.document.write(" "); document.midi.document.close()}
if (document.all) midi.innerHTML=" "
}

function soundOn(){

if (document.layers) {document.midi.document.write("<embed src='sounds/OllieConc.mp3' autostart='true' loop='false' hidden='true'>"); document.midi.document.close()}
if (document.all) midi.innerHTML="<embed src='sounds/OllieConc.mp3' autostart='true' loop='false' hidden='true'>"
}

</script>

und das alte tag aus dem body:
<A HREF="javascript:news()" onmousedown="soundOn()"><img src="fotos/but_news.jpg" hight=100% width=100% alt="FotoSection" align="bottom" border="0" ></a></a>



hoffe ihr/du kannst mir helfen.
schonmal danke
ich selber blick durch das js net ganz durch.
 
Am Einfachsten geht es per Frames. Einen zweiten Frame erstellen (nur einen Pixel breit), da das Dokument mit der entsprechenden Audiodatei laden. Soll gestoppt werden einfach ein leeres Dokument dort hineinladen.
 
hab schon soviele frames :D
und es soll ja eim klicken auf einen link nur kurz ein ton erklingen.
aber das prob was ich grade festgestellt habe ist,
das lokal bei mir auf m pc der sound nicht klappt aber die links im internet aber klappt der sound aber die link nicht. also er spielt den ton und dann nichts.
ch verstehdie welt nicht mehr :confused
 
<--- Hirnleere...kommt mir nix mehr in den Sinn...zudem kommt der Sound zeitverzögert *seufz*



<html>
<head>
<SCRIPT LANGUAGE="JavaScript" type="text/javascript">
function news() {
document.write("<embed src=datei.mp3 width=0 height=0 hidden=true autostart=true></embed>");
MeinFenster = window.open("https://www.supernature-forum.de/images/logoneu2.jpg","Zweitfenster","width=1024,height=768,left=0,top=0,screenX=0,screenY=0,location=no,menubar=no,toolbar=yes,dependent=no,status=yes,scrollbars=no,resizable=yes");
MeinFenster.focus();
}
</SCRIPT>
</head><body>

<img src="https://www.supernature-forum.de/images/logoneu2.jpg" alt="FotoSection" align="bottom" border="1" onClick="news()">
</body>
</html>
 
Warum nicht in Flash ;)
Besser als Frames und Scripte und wesentlich einfacher
(klappt nur bei WAV/MP3, nicht bei MIDI, MIDI wär'n Frames gut)
 
Zuletzt bearbeitet:
@brummelchen werd ich vieleichtr auch wenns bald net klappt.

@ZuLu
danke für das skript
es funktioniert auch aber der sound wird immer noch net abgespielt.
keine wave und auch kein mp3. ich verstehs selber net.
 
Habs mal schnell angeguckt...

Linker Frame:
Unten hast Du die <img>-Tags...verwende besser keine relativen Grössen für Bilder, sondern echte Werte...
<img src="fotos/but_news.jpg" hight=100% width=100%>...alle height sind falsch geschrieben
Zudem verwendest du alle Scripts wie mal oben besprochen, aber ich glaube jetzt wo ich es sehe, dass Du beim klicken auf einen Button rechts gar nicht ein zusätzliches separat öffnendes Fenster willst das öffnet, sondern dass Seiten im mittleren Frame geöffnet werden. Also im linken Frame statt ein...

<img src="fotos/but_news.jpg" hight=100% width=100% alt="aktuelle news" align="bottom" border="0" onClick="news()">

eher ein...

<a href="index2.html" target="name_des_mittleren_Frames"><img src="fotos/but_news.jpg" height="65" width="303" alt="aktuelle news" border="0" onClick="klang()"></a>

...dazu würd ich komplett alle Javascripts löschen und nur noch ein Einziges verwenden...

<SCRIPT LANGUAGE="JavaScript" type="text/javascript">
function klang()
{
document.write("<embed src='sounds/klick.mp3' width=0 height=0 hidden=true autostart=true></embed>"); }
</SCRIPT>


unterer Frame:
Hier verwendest Du einen <marquee>-Tag...funktioniert leider nur im IE :(


Aber unabhängig von den Fehlern, die ich da zu sehen scheine gefällt mir die Gestalltung alleine recht gut...das kann mal wirklich eine sehr ansprechende Seite werden! :)


Oh ja...ich selber würd einige <br>-Tags im oberen Text des linken Frame nicht verwenden



Greets
ZuluDC
 
...Hab nochmal was gesehen...deine Bilder in der Navigation links sind 303x65 Pixel. Es ist besser die Buttons gleich von Anfang an so gross zu machen wie sie dann auch schlussendlich sein sollten; also nicht über die Breite und Höhe im <img>-Tag das zu regeln...egal...wie auch immer...sollte es nicht etwa so sein.......

Der Sourcecode wäre für das linke Frame mit der Navigation drin bestimmt...


<html>
<head>
<TITLE>8Ball Club </TITLE>

<script language="JavaScript" type="text/javascript">
<!--
function klang() {
document.write("<embed src='sounds/klick.mp3' width=0 height=0 hidden=true autostart=true></embed>"); }
//-->
</script>

</head>
<body bgcolor=#E9DD8A>
Hier entsteht ein faszinierendes Navigationsmenü <br>Ich bitte um viel Geduld
<br><br><br>

<a href="index2.html" target="name_des_mittleren_Frames">
<img src="fotos/but_news.jpg" height="25" width="116" alt="aktuelle news" border="0" onClick="klang()"></a><br>
<br>
<a href="picsindex.html" target="name_des_mittleren_Frames">
<img src="fotos/but_foto.jpg" height="25" width="116" alt="fotos über und vom 8ball club" border="0" onClick="klang()"></a><br>
<br>
<a href="tag_form.php" target="name_des_mittleren_Frames">
<img src="fotos/but_guest.jpg" height="25" width="116" alt="guestbook" border="0" onClick="klang()"></a><br>
<br>
<a href="clubindex.html" target="name_des_mittleren_Frames">
<img src="fotos/but_club.jpg" height="25" width="116" alt="infos über den club" border="0" onClick="klang()"></a><br>
<br>
<a href="linksindex.html" target="name_des_mittleren_Frames">
<img src="fotos/but_links.jpg" height="25" width="116" alt="links zu unseren partnersites" border="0" onClick="klang()"></a>
</body>
</html>



Ehrlich gesagt würd ich sowieso die Navigation in eine Tabelle reinfummeln....
 
ist alles noch im umbau.
wenn du ein mädchen wärst würde ich dich abknutschen
sonst reicht glaube ich auch ein dickes dickes dnkeschön :D

ich werde das alles heute abend umbauen und zurecht schreiben.
wenn es irgendwann fertig ist, kann ich dir ja mal nen link schicken^^

nochmal danke für deine hilfe!!!
 
so wie du es vorgeschlagen hast klappt es niht ganz.
ich hab jetzt alles überarbeitet und es klappt so einigermassen.
es wird überall die seite ins rechte fenster geladen ausser bei fotos. da musste ich n eigenes javascript nehmen weil dort in alle 3frames ne neue seite geladen werden muss.
es klappt alles ohne klang() aber mit musste dir selber angucken.
ich verstehs net ganz. aber ich glaube ich werd dann wohl mit flash nen button machen müssen.
 
Du musst dich einloggen oder registrieren, um hier zu antworten.
Oben