Keypress + onmouseover dans javascript
Bonsoir!
j'aimerais mixer "keypress" et "onmouseover" , pour avoir comme résultat : lorsque l'on passe la souris sur img1 , elle change selon la touche appuyé . ex je passe la souris sur img1, si je tape "r" l'image est remplacé par img2, si je tape "b" elle est remplacé par img3 etc. et lors d'un onmouseout il n'y a aucun changement d'image.
je suis amateur et j'ai plutôt du mal!
merci de votre aide!
j'aimerais mixer "keypress" et "onmouseover" , pour avoir comme résultat : lorsque l'on passe la souris sur img1 , elle change selon la touche appuyé . ex je passe la souris sur img1, si je tape "r" l'image est remplacé par img2, si je tape "b" elle est remplacé par img3 etc. et lors d'un onmouseout il n'y a aucun changement d'image.
je suis amateur et j'ai plutôt du mal!
merci de votre aide!
3 réponses
-
bha tu codes le reste lool, le coeur de la fonction, c'est à dire le code qui va intervertir tes images, en jquery ou javascript pur comme tu veux =)
-
quesque tu veux dire par faire le changement ici?
-
bha c'est tout simple
function update(evt){
evt = (evt) ? evt : event;
if(evt/keycode == 80){ // appui sur P
//tu fais le changement ici
}
etc ....
}
function crotte(){
document.getElementById("img1").onkeypress = function(e) {
update(e || window.event);
};
voici le code de principe, si t'as pigé tu pourras écrire le rest sans souci =)
voici les code claviers
http://www.commentcamarche.net/faq/18760-javascript-manipulation-des-controles-clavier
