Dans une simple page html je:onmouseover simple javascript appel ne fonctionne pas
<SCRIPT>
function Clicker(number){
if (number == 1)
document.write ('<style type="text/css">body {background-color: #cccccc;}</style>');
}
</SCRIPT>
et dans le corps html:
<a onmouseclick="Clicker(1)" href="#">clic</a>
Mais quand je clique sur le rien lien qui se passe. Où ai-je tort?
L'écriture du bloc de style n'affectera probablement pas la couleur d'arrière-plan. Pour ce faire, vous devez manipuler l'objet Document:
<script type="text/javascript">
function Clicker(number){
if (number == 1)
document.body.style.background='#cccccc';
}
</script>
Votre événement click devrait également être onclick:
<a onclick="Clicker(1)" href="#">clic</a>
Vous avez besoin de 'onclick' comme suit.
<a onclick="Clicker(1)" href="#">clic</a>
changer simplement OnMouseClick à onclick.
Pourquoi fais-tu de cette façon? Pourquoi ne pas simplement définir l'arrière-plan du corps avec javascript, comme style.backgroundColor = ou appliquer une classe qui a un fond noir? –
afaik c'est onclick, pas onmouseclick – stex
Si vous faites un 'document.write' de cette façon (après que le document soit complètement chargé), il remplacera tout le contenu de la page par ce que vous venez d'écrire (l'élément de style dans votre cas) –