Bouton HTML pour produire un son
lapuce
-
XanderS2X Messages postés 430 Date d'inscription Statut Membre Dernière intervention -
XanderS2X Messages postés 430 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
Je tente d'insérer un bouton dans un document HTML qui provoque le déclenchement d'un son. J'ai déjà du code fonctionnel qui contient les lignes suivantes:
<script src='play.js' language='JavaScript' type='text/javascript'></script>
<embed src='son.wav' autostart=false width=0 height=0 id='sound1' enablejavascript='true'>
<input type="button" value="Entendre la question" onClick="EvalSound('sound1')">
et le script java contient le code suivant:
function EvalSound(soundobj)
{
var thissound=document.getElementById(soundobj);
thissound.Play();
}
Maintenant, je cherche à transformer mon bouton. Je ne veux plus utiliser la forme <input type='button'> mais plutôt le nouveau <button>. J'ai fait plusieurs tentatives, sans succès. Probablement une erreur de syntaxe...
<button type='button' onClick="EvalSound('sound1')">Entendre la question</button>
Quelqu'un peut m'aider? Merci!
Je tente d'insérer un bouton dans un document HTML qui provoque le déclenchement d'un son. J'ai déjà du code fonctionnel qui contient les lignes suivantes:
<script src='play.js' language='JavaScript' type='text/javascript'></script>
<embed src='son.wav' autostart=false width=0 height=0 id='sound1' enablejavascript='true'>
<input type="button" value="Entendre la question" onClick="EvalSound('sound1')">
et le script java contient le code suivant:
function EvalSound(soundobj)
{
var thissound=document.getElementById(soundobj);
thissound.Play();
}
Maintenant, je cherche à transformer mon bouton. Je ne veux plus utiliser la forme <input type='button'> mais plutôt le nouveau <button>. J'ai fait plusieurs tentatives, sans succès. Probablement une erreur de syntaxe...
<button type='button' onClick="EvalSound('sound1')">Entendre la question</button>
Quelqu'un peut m'aider? Merci!
A voir également:
- Bouton HTML pour produire un son
- Editeur html - Télécharger - HTML
- Bouton reinitialisation pc - Guide
- Diagnostic bouton photo - Accueil - Outils
- Comment faire une capture d'écran sur un samsung sans bouton ? - Guide
- Bouton home clavier ✓ - Forum PC portable
Cela permet aux navigateurs Web (Internet Explorer, Firefox, Opera...) de comprendre comment interpréter le code HTML de vos pages, le PHP étant géré surtout par les serveurs.
C'est une ligne qu'il est nécessaire de déclarer dès le début, avant la balise <head>, qui ressemble à ça :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
Bien sûr, cette ligne peut différer en fonction du DTD que vous souhaitez utiliser, chaque DTD ayant ses spécificités, sa liste de compatibilité des balises etc...
Tous les DTD actuels :
- HTML 4.01 Transitional
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
- HTML 4.01 Strict
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
- XHTML 1.0 Transitional
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
- XHTML 1.0 Strict
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
- XHTML 1.0 Mobile
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
- XHTML 1.1
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
Et bientôt, 2 nouveaux DTD apparaîtront pour HTML 5 et XHTML 5.
Pour en revenir à la question que je vous pose sinon, c'est parce qu'en fait, selon le DTD que vous utilisez pour votre page, certaines balises peuvent ne pas être compatibles/disponibles, et selon des infos que j'ai trouvées sur le net (faudrait que je retrouve le lien), la balise <button> n'est disponible que pour une page déclarée en DTD XHTML 1.0 ou supérieur.
C'est assez clair ou vous êtes un peu perdu ? lol
Cependant, j'utilise déjà d'autre boutons de type <button> dans mon code, qui eux fonctionnent bien. La différence réside dans le fait que pour ceux qui fonctionnent actuellement, je récupère la valeur plutôt que d'utiliser l'option "onclick". C'est là que ça accroche, on dirait.
Essayez avec un ";" après votre onclick et juste avant la dernière double-guillemets.