AudioButton

Auteur: STEELEAGLE - 01 september 2004 - 21:01 - Gekeurd door: Dennisvb - Hits: 10379 - Aantal punten: 2.00 (5 stemmen)

Dit is een button die geluid maakt als je erop komt en het werkt ook als link, nadeel is dat je de link (siteadres) zowel in de html pagina als javascript moet veranderen voordat deze juist werkt, en dat is net hetzelfde als bij het geluid, het mag elke geluid zijn dat er bestaat, best een klein dat snel laad. Kleuren kun je ook veranderen.

Code:

audiobutton.html (of andere naam maakt niet veel uit)

php code - Bekijk de code zonder highlighting - Klap code in

                <!---begin audioHTMLscript--->
<BODY>

<Script language="JavaScript" SRC="DynamicAudioButton.js">

<!-- Begin
<Script language="JavaScript" SRC="DynamicAudioButton.js">

//Customize Dynamic Audio Link
function DynamicAudioLink(){
open("http://www.xboxlivegamers.be")
}

//Customize Dynamic Audio Mouse Over Color
function AudioOver() {
document.Audio.button.style.background="green"
document.Audio.button.style.color="blue"
}

//Customize Dynamic Audio Mouse Down Color
function AudioDown() {
document.Audio.button.style.color="red"
}

//Customize Dynamic Audio Mouse Off Color
function AudioOut() {
document.Audio.button.style.background="yellow"
document.Audio.button.style.color="black"
}

//Customize Dynamic Audio sound
function playHome() 
{
if (document.all)
 {
  document.all.sound.src = "type.wav";
 }
}

document.write('<EMBED SRC="type.wav" autostart="false" hidden="true">')
document.write('<bgsound id="sound">')

//Customize Button Style
document.write('<style type="text/css">'+'<!--')
document.write('.select{background:yellow;border-color:"red";color:"red";font-family:Arial,Helvetica,Verdana;font-size:10pt;font-weight: bold;}'+'-->'+'</STYLE>')

document.write('<center><form name=Audio><input class="select" name=button type="button" value="Dynamic Audio" onclick="DynamicAudioLink()" onMouseOver="AudioOver();playHome()" onMouseDown="AudioDown()" onMouseOut="AudioOut()"></form></center>')

//  End -->
</script>
<!---einde audioHTMLscript--->

            
<!---begin audioHTMLscript--->
<BODY>
 
<Script language="JavaScript" SRC="DynamicAudioButton.js">
 
<!-- Begin
<Script language="JavaScript" SRC="DynamicAudioButton.js">
 
//Customize Dynamic Audio Link
function DynamicAudioLink(){
open("http://www.xboxlivegamers.be")
}
 
//Customize Dynamic Audio Mouse Over Color
function AudioOver() {
document.Audio.button.style.background="green"
document.Audio.button.style.color="blue"
}
 
//Customize Dynamic Audio Mouse Down Color
function AudioDown() {
document.Audio.button.style.color="red"
}
 
//Customize Dynamic Audio Mouse Off Color
function AudioOut() {
document.Audio.button.style.background="yellow"
document.Audio.button.style.color="black"
}
 
//Customize Dynamic Audio sound
function playHome() 
{
if (document.all)
 {
  document.all.sound.src = "type.wav";
 }
}
 
document.write('<EMBED SRC="type.wav" autostart="false" hidden="true">')
document.write('<bgsound id="sound">')
 
//Customize Button Style
document.write('<style type="text/css">'+'<!--')
document.write('.select{background:yellow;border-color:"red";color:"red";font-family:Arial,Helvetica,Verdana;font-size:10pt;font-weight: bold;}'+'-->'+'</STYLE>')
 
document.write('<center><form name=Audio><input class="select" name=button type="button" value="Dynamic Audio" onclick="DynamicAudioLink()" onMouseOver="AudioOver();playHome()" onMouseDown="AudioDown()" onMouseOut="AudioOut()"></form></center>')
 
//  End -->
</script>
<!---einde audioHTMLscript--->
 

en hieronder javascript voor audiobutton opslaan als .js

DynamicAudioButton.js

php code - Bekijk de code zonder highlighting - Klap code in

                <!---begin audioJAVAscript--->
//Customize Dynamic Audio Link
function DynamicAudioLink(){
open("http://www.xboxlivegamers.be")
}

//Customize Dynamic Audio Mouse Over Color
function AudioOver() {
document.Audio.button.style.background="navy"
document.Audio.button.style.color="white"
}

//Customize Dynamic Audio Mouse Down Color
function AudioDown() {
document.Audio.button.style.color="cyan"
}

//Customize Dynamic Audio Mouse Off Color
function AudioOut() {
document.Audio.button.style.background="yellow"
document.Audio.button.style.color="red"
}

//Customize Dynamic Audio sound
function playHome() 
{
if (document.all)
 {
  document.all.sound.src = "type.wav";
 }
}

document.write('<EMBED SRC="type.wav" autostart="false" hidden="true">')
document.write('<bgsound id="sound">')

//Customize Button Style
document.write('<style type="text/css">'+'<!--')
document.write('.select{background:yellow;border-color:"red";color:"red";font-family:Arial,Helvetica,Verdana;font-size:10pt;font-weight: bold;}'+'-->'+'</STYLE>')

document.write('<center><form name=Audio><input class="select" name=button type="button" value="Dynamic Audio" onclick="DynamicAudioLink()" onMouseOver="AudioOver();playHome()" onMouseDown="AudioDown()" onMouseOut="AudioOut()"></form></center>')
<!---einde audioJAVAscript--->

            
<!---begin audioJAVAscript--->
//Customize Dynamic Audio Link
function DynamicAudioLink(){
open("http://www.xboxlivegamers.be")
}
 
//Customize Dynamic Audio Mouse Over Color
function AudioOver() {
document.Audio.button.style.background="navy"
document.Audio.button.style.color="white"
}
 
//Customize Dynamic Audio Mouse Down Color
function AudioDown() {
document.Audio.button.style.color="cyan"
}
 
//Customize Dynamic Audio Mouse Off Color
function AudioOut() {
document.Audio.button.style.background="yellow"
document.Audio.button.style.color="red"
}
 
//Customize Dynamic Audio sound
function playHome() 
{
if (document.all)
 {
  document.all.sound.src = "type.wav";
 }
}
 
document.write('<EMBED SRC="type.wav" autostart="false" hidden="true">')
document.write('<bgsound id="sound">')
 
//Customize Button Style
document.write('<style type="text/css">'+'<!--')
document.write('.select{background:yellow;border-color:"red";color:"red";font-family:Arial,Helvetica,Verdana;font-size:10pt;font-weight: bold;}'+'-->'+'</STYLE>')
 
document.write('<center><form name=Audio><input class="select" name=button type="button" value="Dynamic Audio" onclick="DynamicAudioLink()" onMouseOver="AudioOver();playHome()" onMouseDown="AudioDown()" onMouseOut="AudioOut()"></form></center>')
<!---einde audioJAVAscript--->
 

In mijn geval is het geluidje dat je hoort deze
http://users.te...n/type.wav

Download code (.txt)

Stemmen

Niet ingelogd.

Reacties

Post een reactie

Geen reacties (0)