Inserimento beep su bottone

andymene

Nuovo Utente
26 Ott 2015
2
0
0
buongiorno ho un problemino, sto lavorando su un eliminacode incrementale da 0 a 999 e per fare questo ha due pulsanti, uno indietro e uno avanti, vorrei mettere un beep.mp3 su ciascun pulsante come posso fare?

<input type="button" value="&lt;" style="font-family:verdana;font-size:40; background-color:gray" onclick="MCClick()"/>

questa è la stringa

Grazie
 
In <head>:
Codice:
<script>
<!--  
var html5_audiotypes={
    "mp3": "audio/mpeg",
    "mp4": "audio/mp4",
    "ogg": "audio/ogg",
    "wav": "audio/wav"
}

function createsoundbite(sound){
    var html5audio=document.createElement('audio')
    if (html5audio.canPlayType){
        for (var i=0; i<arguments.length; i++){
            var sourceel=document.createElement('source')
            sourceel.setAttribute('src', arguments[i])
            if (arguments[i].match(/\.(\w+)$/i))
                sourceel.setAttribute('type', html5_audiotypes[RegExp.$1])
            html5audio.appendChild(sourceel)
        }
        html5audio.load()
        html5audio.playclip=function(){
            html5audio.pause()
            html5audio.currentTime=0
            html5audio.play()
        }
        return html5audio
    }
    else{
        return {playclip:function(){throw new Error("Your browser doesn't support HTML5 audio unfortunately")}}
    }
}
var mouseoversound=createsoundbite("whistle.ogg", "whistle.mp3")
var clicksound=createsoundbite("click.ogg", "click.mp3")
-->
</script>
In <body>:
Codice:
<a href="#" onclick="clicksound.playclip()">Link 1</a>
I files audio specificati nello script principale sono più di uno solo per la stessa funzione, questo perchè alcuni browser non supportanoi files di tipo .ogg ed altri browser non supportano mp3 e così via. In questo modo siamo quasi certi che tutti i browser riprodurranno il suono usando il formato a loro più congeniale.
 
grazie max 1, ma cè qualcosa che non va ti invio il programmino completo e ho aggiunto il tuo ma non fa che cliccando il pulsante faccia il beep ma esce un link che fa il beep


<html>
<head>
<title>Eliminacoda</title> <!-- Titolo scheda pagina -->
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript">
<!-- Funzione numeri Cucina -->
i=0;
function PCClick() <!-- Funzione di aumento numero Cucina -->
{
i++; i<1000?i=i:i=0; x=i; x<10?x='00'+i:i=i; x>=10&&x<100?x='0'+i:i=i;
posiz = document.getElementById('ContCucina');
posiz.innerHTML = "<div align=\"center\" style=\"font-size:9em\">"+x+"<div>";
}
function MCClick() <!-- Funzione di diminuizione numero Cucina -->
{
i--; i>=0?i=i:i=999; x=i; x<10?x='00'+i:i=i; x>=10&&x<100?x='0'+i:i=i;
posiz = document.getElementById('ContCucina');
posiz.innerHTML = "<div align=\"center\" style=\"font-size:9em\">"+x+"<div>";
}
function Num() <!-- Funzione di diminuizione numero Cucina -->
{
i=document.getElementById('numero').value; i<1000?i=i:i=0; x=i; x<10?x='00'+i:i=i; x>=10&&x<100?x='0'+i:i=i;
posiz = document.getElementById('ContCucina');
posiz.innerHTML = "<div align=\"center\" style=\"font-size:9em\">"+x+"<div>";
}
</script>
</head>
<body bgcolor="#FFFFFF" align="center" >
<table align="center">
<tr>
<td><img src="logo.pn" alt=""/> </td>
<td> <font size="3" color="#006600" face="verdana"> <b> </b> </font> </td>

</tr>
</table>

<hr>



<p align="center" > <font face="verdana" color="RED" size="7"> <b> SERVIAMO IL NUMERO </b> </font> </p>


<font face="verdana" color="000" size=8 align="center" > <b>







<input type="button" value="&lt;" style="font-family:verdana;font-size:40; background-color:gray" onclick="MCClick()"/>


<input type="button" value="&gt;" style="font-family:verdana; font-size:40; background-color:gray"onclick="PCClick()"/>


<a href="#" onclick="clicksound.playclip()">Link 1</a>

<script>
<!--
var html5_audiotypes={
"mp3": "audio/mpeg",
"mp4": "audio/mp4",
"ogg": "audio/ogg",
"wav": "audio/wav"
}

function createsoundbite(sound){
var html5audio=document.createElement('audio')
if (html5audio.canPlayType){
for (var i=0; i<arguments.length; i++){
var sourceel=document.createElement('source')
sourceel.setAttribute('src', arguments)
if (arguments.match(/\.(\w+)$/i))
sourceel.setAttribute('type', html5_audiotypes[RegExp.$1])
html5audio.appendChild(sourceel)
}
html5audio.load()
html5audio.playclip=function(){
html5audio.pause()
html5audio.currentTime=0
html5audio.play()
}
return html5audio
}
else{
return {playclip:function(){throw new Error("Your browser doesn't support HTML5 audio unfortunately")}}
}
}
var mouseoversound=createsoundbite("whistle.ogg", "beep-02.mp3")
var clicksound=createsoundbite("click.ogg", "beep-02.mp3")
-->
</script>


<p />

<div id="ContCucina"> </div> </b>
<p />



<p align="center"> <u> <font size="5" color="blue" face="verdana"> <b> www.prolocobreda.it </b> </font> </u> </p>
<p />

Inserisci numero ( 0-999): <input type="number" id="numero" min="0" max="999" style="font-family:verdana; font-size:30; color:red" onchange="Num ()"/>
<input type="submit" style="font-family:verdana; font-size:30; color:red" value="Invio">
</font>

</body>
</html>
 
Ovvio che nel mio c'è un link al posto del pulsante! È solo un esempio per farti provare lo script! Tu devi trasformare il link in pulsante
 

Discussioni simili