(10.02.2012, 23:43)MrBrechreiz schrieb:

(04.11.2011, 20:33)Jockl schrieb: Vermutlich hatte ich mir das alles ein wenig zu einfach vorgestellt....

Jetzt habe ich etwas gefunden, das zwar funktioniert aber vermutlich alles andere als das gelbe vom Ei ist.

Vorausgesetzt, Du hast z.B. ein Soundfile mit dem Namen click.mp3 im Verzeichnis jscripts abgespeichert:

suche in der jscripts/shoutbox.js nach

PHP-Code:

$("shoutbox_data").innerHTML = theHTML; 


und füge danach

PHP-Code:

playSound('jscripts/click.mp3'); 


ein. Gehe ans Ende der Datei und füge dort folgende Zeilen ein

PHP-Code:

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


Dann gehst Du noch in das Template sf_shoutbox und suchst dort

Code:

<table border="0" cellspacing="1" cellpadding="4" class="tborder">

und fügst davor

Code:

<span id="dummy" style="visibility:hidden;"></span>

Jedes Mal, wenn nun nach dem Refresh-Intervall ein neuer Shout vorhanden ist, ertönt ein Click-Sound. Getestet habe ich das im FF3, FF7 und IE8

Der o.a. Code basiert auf dem Inhalt dieser Seite: http://webdesign.about.com/od/sound/a/play_sound_oncl.htm?rd=1

Hallo, hab das ma bei mir local getestet und es ist echt nicht das gelbe vom Ei was Jockl da in der schnelle gebastelt hat ^^.

Hätte da noch eine Version die zumindest bei mir ma geht.

Wie bei Jpckl im Beitrag beschrieben, legt die mp3 oder wav ins Jscripts Ordner.
Desweiteren löscht den Code was nach

Code:

$("shoutbox_data").innerHTML = theHTML;

kommt, also dieser hier

Code:

playSound('jscripts/click.mp3');

und den Code am Ende der JS Datei, also

Code:

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

und fügt dafür diesen Code

Code:

function DHTMLSound(surl) {
  document.getElementById("dummyspan").innerHTML=
    "<embed src='"+surl+"' hidden=true autostart=true loop=false>";
}

ein.

Weiter gehts in der tpl_sf_shoutbox, öffnet sie und fügt diesen code in den Button Form der den Shout sended ein.

Code:

<span id=dummyspan></span>

Code:

onClick="DHTMLSound('jscripts/click.mp3')

Die Button Form sieht also am Ende so aus.

Code:

<form onSubmit="ShoutBox.postShout(); $('shout_data').value = ''; return false;">{$lang->sf_sb_shout} <input type="text" style="font-size:1.2em;" id="shout_data" size="50"  /><span id=dummyspan></span> - <input type="submit" value="{$lang->sf_sb_shoutnow}" id="shouting-status" onClick="DHTMLSound('jscripts/click.mp3')" /></form>

Bin zwar kein großer Freund von Sound auf Button, aber für die Shoutbox isses ok.

Mein Dank geht an Jockl der mich dazu inspiriert hat.

Viel Spaß damit, hoffe ich konnte helfen.