curseur personnalisé avec effet sonore onclick

J'essaie de changer le curseur pour une image personnalisée avec un effet sonore. Mon problème actuel est que le curseur disparaît mais l'image de remplacement n'apparaît pas et le clip audio ne joue pas. Qu'ai-je fait de mal?curseur personnalisé avec effet sonore onclick

<head> 
<style type="text/css"> 
#apDiv1 { 
position:absolute; 
width:1152px; 
height:864px; 
z-index:2; 
left:25px; 
top:25px; 
} 
</style> 

<SCRIPT LANGUAGE="JavaScript"> 

function setCursor() { 
oBoxInner.innerText=sInput.value; 
oBoxInner.style.display='block'; 
oBox.style.cursor="crosshair.gif"; 
} 
</SCRIPT> 

<script language="javascript" type="text/javascript"> 
function playSound(soundfile) { 
document.getElementById("gunShot").innerHTML=document.getElementById("gunShot").innerHTML="<embed src=\""+gunshot.mp3+"\" hidden=\"true\" autostart=\"true\" loop=\"false\" />"; 
} 
</script> 

</head> 
<body bgcolor="#000000"> 

<div id="apDiv1"> 
<span id="gunShot" onclick="playSound('gunshot.mp3');"> 
<a href="3.html" onmouseover="setCursor" onmouseclick="playSound('gunshot.mp3')"> <img src="score.gif" width="1152" height="864" alt="yep" /> 
</a></span> 
</div> 

</body>

Nous vous remercions de votre aide.

EDIT:

J'utilise dreamweaver avec les ordinateurs PC et Mac pour plusieurs compatibilité du navigateur, principalement IE, Firefox, Chrome et Safari. Je pensais que le .gif pourrait faire partie de la question au lieu de .cur. L'autre code curseur J'utilise est la suivante:

<head> 
<script type="text/javascript"> 
$(document).ready(function(){ 
    $('#test-area').mouseout(function(){ 
     $('#mycursor').hide(); 
     return false; 
    }); 
    $('#test-area').mouseenter(function(){ 
     $('#mycursor').show(); 
     return false; 
    }); 
    $('#test-area').mousemove(function(e){ 
     $('#mycursor').css('left', e.clientX - 20).css('top', e.clientY + 7); 
    }); 
}); 
</script> 
<style type="text/css"> 
#test-area { 
    height: 1152px; 
    width:864px; 
    border: 3px dashed #CCCCCC; 
    background: #FFFFFF; 
    padding: 20px; 
    cursor: none; 
    top: 25px; 
    left: 25px; 
    z-index:1; 
} 
#mycursor { 
    cursor: none; 
    width: 100px; 
    height: 100px; 
    background: url(crosshairs.cur); 
    repeat: no-repeat; 
    position: absolute; 
    display: none; 
    top: 0; 
    left: 0; 
    z-index: 10000; 
} 
</style> 

</head> 

<body bgcolor="#000000"> 

    <div id="test-area"> 
     Move mouse over this area. 
    </div> 

    <div id="mycursor"> 
    </div> 

</body>

Source

2011-11-01 jackmeister

Où 'oBox' est défini et quel (s) navigateur (s) avez-vous testé depuis – david

' oBoxInner' et 'oBox' ne sont même pas définis. Et WTH est 'document.getElementById (" gunShot "). InnerHTML = document.getElementById (" gunShot "). InnerHTML' ??? –

Et vous utilisez 'bgcolor =" # 000000 "' ??? Arrêtez ceux-ci et commencez à utiliser CSS. –

vous avez quelques erreurs dans le code

oBox n'est pas défini. oBox.style.cursor="crosshair.gif";

Le curseur est préférable d'être .cur

l'étiquette embed je ne pense supporte MIDI, et votre référencement gunshot.mp3 dans votre oncick et d'essayer d'appeler reffrence à \""+gunshot.mp3+"\" dans le src, devrait être soundfile

et vous avez document.getElementById("gunShot").innerHTML=document.getElementById("gunShot").innerHTML DEUX FOIS?

Quels navigateurs voulez-vous prendre en charge le son? Netscape, IE6, Chrome .. ect

Source

2011-11-01 04:32:08 david

curseur personnalisé avec effet sonore onclick

Répondre

Questions connexes