Inserimento beep su bottone

andymene · 28 Ott 2015

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="<" style="font-family:verdana;font-size:40; background-color:gray" onclick="MCClick()"/>

questa è la stringa

Grazie

Max 1 · 28 Ott 2015

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.

andymene · 28 Ott 2015

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> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript">

i=0;
function PCClick() 
{
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() 
{
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() 
{
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="<" style="font-family:verdana;font-size:40; background-color:gray" onclick="MCClick()"/>

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

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

<script>

</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>

Max 1 · 28 Ott 2015

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

Cerca

Cerca

Inserimento beep su bottone

andymene

Nuovo Utente

Max 1

Super Moderatore

andymene

Nuovo Utente

Max 1

Super Moderatore

Discussioni simili