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
 

Max 1

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
29 Feb 2012
4.449
338
83
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

Nuovo Utente
26 Ott 2015
2
0
0
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>
 

Max 1

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
29 Feb 2012
4.449
338
83
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
Autore Titolo Forum Risposte Data
K Inserimento query Errore 1366 PHP 4
K form Inserimento record mysql PHP 2
Lino80 [Retribuito] Cerco programmatore php per modifica/inserimento funzione/valori da un plugin importer wordpress Offerte e Richieste di Lavoro e/o Collaborazione 0
C inserimento gestionale sotto Word Press WordPress 0
D Inserimento video mp4 HTML e CSS 0
L inserimento form dati multipli ? PHP 0
G Appicazione HTML per inserimento dai in Database Access Microsoft HTML e CSS 0
J Form inserimento dati in database Ajax 1
D modificare questo codice per inserimento in text e non in tabella jQuery 1
R [C#] Automatizzare un inserimento di un Post su un Gruppo Facebook .NET Framework 0
M Aiuto con inserimento immagini WordPress 6
elpirata Impedire inserimento data di oggi e date passate jQuery 39
A Inserimento dati nel database tramite form + altre operazioni PHP 18
W Email conferma inserimento Classic ASP 0
S Inserimento multiplo non richiesto PHP 2
P inserimento icone social tramite html HTML e CSS 1
L form multipla php sql,errore in inserimento MySQL 0
Alex_70 Inserimento dati a cascata PHP 204
T Da xsd a xml ed inserimento dati in excel XML 0
M Problema inserimento parole con apostrofo nel db PHP 5
C [RISOLTO]Inserimento variabile php in input html PHP 20
P Access Inserimento data. MS Access 4
L Inserimento dettagli in una maglia Photoshop 2
S [PHP] email con inserimento dati nel database PHP 23
beatle [Photoshop] problema inserimento immagini Photoshop 1
G [Javascript] Errore inserimento dati Backend Node.js e workbench Javascript 1
B [PHP] Creare PDF dopo inserimento dati form PHP 4
C [PHP] Form con Inserimento dati dalla maschera e un menù a discesa che prende i dati dal db PHP 1
C [PHP] Form inserimento più menù a discesa PHP 9
M [PHP] Problemi su inserimento array nel db PHP 7
gandalf1959 [PHP] Inserimento di più righe non funziona come mi aspetto... PHP 2
E Inserimento dati da PHP in tabella MySQL PHP 5
E Form inserimento dati con JavaScript Javascript 0
D [MS Access] problemi con inserimento campo in una maschera MS Access 6
G inserimento csv in tabella mysql; problema con struttura PHP 11
M [Joomla] Inserimento wow.js in template Joomla 4
K [PHP] Inserimento dati database con postgres PHP 2
K [PHP + MYSQL ] Inserimento dati in database da form dinamico PHP 13
A [PHP] Inserimento url dinamici in pagina html PHP 3
spider81man [PHP] Alert Box per confermare Inserimento o Cancellazione dato. PHP 4
gandalf1959 [MySQL] Inserimento multiplo da form multirighe MySQL 22
A [RISOLTO]Inserimento Immagini da pc a MySql PHP 15
M Inserimento dati checkbox multipli in db da ajax a php PHP 1
S [PHP] inserimento su DB da tabella PHP 29
P [PHP] Problema inserimento nuove chiavi in array PHP 2
paloppa Inserimento data su database MYSQL PHP 2
webimage [PHP] Non inserimento in tabella PHP 19
N [Java] codice per inserimento sql Java 0
T [HTML] inserimento nav HTML e CSS 8
G [HTML] Problemi con inserimento immagini HTML e CSS 7

Discussioni simili