| auteur : simone.51 | <img id='img' src="ImgDepart.gif" border=0
onMouseover="document.getElementById('img').src='ImgDessus.gif'"
onMouseout="document.getElementById('img').src='ImgDepart.gif'"> |
Ici, on est en présence de deux événements :
- onMouseover --> lorsque le souris passe au dessus de l'image
- onMouseout --> lorsque la souris sort de l'image
|
| auteur : simone.51 | <table border="0">
<tr onmouseover="this.style.backgroundColor='red'"
onmouseout="this.style.backgroundColor='white'">
<td>coucou</td>
<td>re coucou</td>
</tr>
</table> |
Au chargement de la page, la couleur de fond est blanche (par défaut).
Lorsque l'on passe la souris dessus, elle devient rouge :
- onmouseover="this.style.backgroundColor='red'"
Lorsqu'on enlève la souris de la ligne, elle redevient blanche :
- onmouseout="this.style.backgroundColor='white'"
|
| auteur : simone.51 | Voici la fonction :
function detectTouche(e){
if(parseInt(navigator.appVersion) >=4){
if(navigator.appName == 'Netscape'){
document.getElementById('zone').value = String.fromCharCode(e.which);
document.getElementById('zone1').value = e.which;
}
else{
document.getElementById('zone').value = String.fromCharCode(e.keyCode);
document.getElementById('zone1').value = e.keyCode;
}
}
} |
Et voici le corps de la page :
<body onKeyDown="detectTouche(event)">
<input type="text" id="zone" size=30>
<input type="text" id="zone1" size=30>
</body> |
Dans le premier champ texte, la lettre s'affichera et dans la seconde, son code ASCII associé.
|
| auteur : simone.51 | Voici la fonction :
function detectMouse(e){
if(parseInt(navigator.appVersion) >=4){
if(navigator.appName == 'Netscape'){
document.getElementById('zone').value = e.pageX ;
document.getElementById('zone1').value = e.pageY;
}
else{
document.getElementById('zone').value = event.x ;
document.getElementById('zone1').value = event.y;
}
}
} |
Et voici le corps de la page :
<body onMouseMove="detectMouse(event)">
<input type="text" id="zone" size=4>
<input type="text" id="zone1" size=4>
</body> |
Le premier champ affichera la coordonnée horizontale de la souris, et le deuxième, la coordonnée verticale.
|
| auteur : denisC |
Ca dépend bien évidemment du navigateur.
Soit firefox (et tout navigateur compatible DOM2):
Exemple simple:
target.dispatchEvent("click"); |
Où target est l'élément sur lequel a lieu l'évènement.
Exemple complet (évènement souris):
oEvent = document.createEvent( "MouseEvents" );
oEvent.initMouseEvent(
"click",
true,
true,
window,
1,
1,
1,
1,
1,
false,
false,
false,
false,
0,
target
);
target.dispatchEvent( oEvent ); |
Sous IE :
target.fireEvent( "onclick" ); |
Et, bien entendu, ce n'est déjà pas la même syntaxe, ce n'est en plus pas les
mêmes effets.
Sous Firefox l'évènement est réel, c'est à dire que c'est exactement
la même chose que si vous cliquiez sur la souris. Par exemple l'évènement
click déclenché sur un lien suivra ce lien.
Sous IE, fireEvent ne déclenche que les listeners mis en place sur l'élément,
pas son comportement par défaut. Les liens ne sont par exemple pas suivi
sur un évènement click.
|
Consultez les autres F.A.Q's
Les sources présentés sur cette pages sont libre de droits,
et vous pouvez les utiliser à votre convenance. Par contre cette page de présentation de ces sources constitue une oeuvre intellectuelle protégée par les droits d'auteurs.
Copyright ©2004
Developpez LLC. Tout droits réservés Developpez LLC.
Aucune reproduction, même partielle, ne peut être faite de ce site et de
l'ensemble de son contenu : textes, documents et images sans l'autorisation
expresse de Developpez LLC. Sinon vous encourez selon la loi jusqu'à 3 ans
de prison et jusqu'à 300 000 E de dommages et intérets.
Cette page est déposée à la SACD.
|