1. Accueil
  2. Forum Codes-Sources
  3. Javascript / DHTML
Sujet Précédent Sujet Suivant

Activation touches directionnelles !!!

[Résolu]
Signaler
Messages postés
11
Date d'inscription
samedi 22 janvier 2005
Statut
Membre
Dernière intervention
30 janvier 2005
 -
Messages postés
1250
Date d'inscription
mardi 15 juillet 2003
Statut
Membre
Dernière intervention
30 septembre 2007
 -
Salut tt le monde, je suis nouveau sur le forum alors soyez indulgent ,
bon, j'aimerai savoir si c'était possible de concevoir un Javascript qui
commanderait une image à partir des touches directionnelles de notre clavier,
enfin, si c'est impossible en javascript ,on sait jamais en DHTML !!!
(si vous voyez ce que je veut dire, répondez moi vite please !)

Merci d'avance

Si jeunesse savait, si vieillesse pouvait
A voir également:

17 réponses

Réponse 1 / 17
Messages postés
1250
Date d'inscription
mardi 15 juillet 2003
Statut
Membre
Dernière intervention
30 septembre 2007
 1
oki voila le script complet

<script language="JavaScript">
function frapper(code) {
if(code==38) bouge(0,-20);
if(code==39) bouge(20,0);
if(code==37) bouge(-20,0);
if(code==40) bouge(0,20);
}
if (navigator.appName=="Microsoft Internet Explorer") {
function toucheA() {frapper(event.keyCode)};
document.onkeydown = toucheA;
}
else {
function toucheB(evnt) {frapper(evnt.keyCode)};
document.onkeydown = toucheB;
}
</script>

<script language="javascript">
var hautimage = 250;
var gaucheimage = 100;
document.write('');
</script>
<script language=JavaScript>
function bouge(x,y)
{
if(document.getElementById)
{
hautimage += y;
gaucheimage += x;
document.getElementById("smile").style.top = hautimage;
document.getElementById("smile").style.left = gaucheimage;
}
}
</script>

@+



Je te donne une idée, tu me donnes une idée, nous avons chacun deux idées.
Mon site Internet
Réponse 2 / 17
Messages postés
11
Date d'inscription
samedi 22 janvier 2005
Statut
Membre
Dernière intervention
30 janvier 2005
Y-a personne sur ce site ou quoi ??? Bon, à titre d'information, je suis (en principe) présent
demain (c-à-d le 23janvier 2005 pour ceux qui lisent pas la date du mess !!!) le matin
vers 10-11h00 merci !

Si jeunesse savait, si vieillesse pouvait
Réponse 3 / 17
Messages postés
1250
Date d'inscription
mardi 15 juillet 2003
Statut
Membre
Dernière intervention
30 septembre 2007
 1
salut a toi aussi

tu est un peu exignet je trouve, tu veut une réponse en 15 minutes

ce n'est pas un chat mais un forum, patience.... et on te repondra



pour ta question

je connais pas de code qui fait ca mais tu peut t'inspirer de ceci qui permet de detecter

la touche qui a été taper au clavier



<script>

function truc(){

document.getElementById('zone').value = String.fromCharCode(event.keyCode);

}

</script>











aprés il faut déplacer l'image selon la touche qui a été frapper



bye

Je te donne une idée, tu me donnes une idée, nous avons chacun deux idées.
Mon site Internet
Réponse 4 / 17
Messages postés
11
Date d'inscription
samedi 22 janvier 2005
Statut
Membre
Dernière intervention
30 janvier 2005
Je vais essayer merci pour ton aide !!!

Si jeunesse savait, si vieillesse pouvait
Réponse 5 / 17
Messages postés
11
Date d'inscription
samedi 22 janvier 2005
Statut
Membre
Dernière intervention
30 janvier 2005
Ton code marche parfaitement mais ce n'est pas exactement ce que je cherchait, pour aider, j'ai trouvé ce code qui marche très bien :

<SCRIPT LANGUAGE="javascript">
var hautimage = 250;
var gaucheimage = 100;
document.write('');
</SCRIPT>
<SCRIPT LANGUAGE=JavaScript>
function bouge(x,y)
{
if(document.getElementById)
{
hautimage += y;
gaucheimage += x;
document.getElementById("smile").style.top = hautimage;
document.getElementById("smile").style.left = gaucheimage;
}
}
</SCRIPT>
<FORM>

</FORM>

Mais le problème est le suivant : J'aimerais remplacer les 4 boutons (sur l'écran bien sûr !)
par des raccourci clavier si possible les touches directionnelles ! Je sais que çà doit pas etre
simple, mais bon ...

PS:tucsoufle, ton site est impressionant

Si jeunesse savait, si vieillesse pouvait
Réponse 6 / 17
Messages postés
1250
Date d'inscription
mardi 15 juillet 2003
Statut
Membre
Dernière intervention
30 septembre 2007
 1
et bien il te reste à faire un mix des 2 sources, celle que je t'ai filer et la tienne



tu détecte la touche qui a été taper et tu fait en gros

"si fleche du haut taper , tu éxécute bouge(0,-20)"


et tu fait ça pour toute les touches que tu veut



voila



PS: pour mon site, n'éxégérons rien, il y a des sites bien plus impressionnant mais merci.

Je te donne une idée, tu me donnes une idée, nous avons chacun deux idées.
Mon site Internet
Réponse 7 / 17
Messages postés
1250
Date d'inscription
mardi 15 juillet 2003
Statut
Membre
Dernière intervention
30 septembre 2007
 1
par contre j'ai trouver un code qui marche sur mozilla et pas que sur IE

d'aileurs au passage, je te conseil de changer de navigateur ! IE c'est de la mer..



et puis autre chose, met toi au normes pour ton code

par exemple : ferme toute tes balises, "img" et "input" pour ton code


pas de majuscule, seulement des minuscules

les normes sur http://openweb.eu.org/



bref voila le code

<script
language="JavaScript">

function frapper(code) {

alert("vous avez frappé la touche : "+code);

}

if (navigator.appName=="Microsoft Internet Explorer") {

function toucheA() {frapper(event.keyCode)};

document.onkeydown = toucheA;

}

else {

function toucheB(evnt) {frapper(evnt.keyCode)};

document.onkeydown = toucheB;

}

< /script>



donc tu fait le melange des 2 code et le tour est jouer

tu a juste des condition a rajouter, c'est pas si compliquer






Je te donne une idée, tu me donnes une idée, nous avons chacun deux idées.
Mon site Internet
Réponse 8 / 17
Messages postés
11
Date d'inscription
samedi 22 janvier 2005
Statut
Membre
Dernière intervention
30 janvier 2005
"et bien il te reste à faire un mix des 2 sources, celle que je t'ai filer et la tienne"

ca a l'air simple quand tu écris çà, enfin j'essaye, j'essaye et j'vais trouver, ce n'est qu'une question de temps...

N.B: Comment tu fais pour dire "si fleche du hautbouge(0,-20)"
oui, la condition n'a pas l'air compliqué mais pour dire flèche du haut en Anglais ??? enfin , sinon...
Je vais bientot y arriver ! merci

Si jeunesse savait, si vieillesse pouvait
Réponse 9 / 17
Messages postés
1250
Date d'inscription
mardi 15 juillet 2003
Statut
Membre
Dernière intervention
30 septembre 2007
 1
bah

c'est vraiment pas dur pourtant - lol



bon je te donne un exemple, pour la touche du haut

quand tu utilise le script que je t'ai filé, quand tu appuie sur la fleche du haut

le message dit que l'on a appuyer sur la touche 38

c'est la variable code qui contient 38 donc a la place du alert qui ne
te sert à rien dans le script que tu veut (euh ! garde le alert quand
meme pour detecter les autre touche, tu le vire aprés)



tu met tout simplement : if(code==38) bouge(0,-20);



il ne te reste plus qu'a faire de meme avec les 3 autres directions



voila

je serai là toute la soirée si tu a des problémes



Je te donne une idée, tu me donnes une idée, nous avons chacun deux idées.
Mon site Internet
Réponse 10 / 17
Messages postés
1250
Date d'inscription
mardi 15 juillet 2003
Statut
Membre
Dernière intervention
30 septembre 2007
 1
alors ? ca marche ?

Je te donne une idée, tu me donnes une idée, nous avons chacun deux idées.
Mon site Internet
Réponse 11 / 17
Messages postés
11
Date d'inscription
samedi 22 janvier 2005
Statut
Membre
Dernière intervention
30 janvier 2005
J'ai eu un petit probleme de connexion sur le forum (va savoir !)
Pour revenir sur le sujet , j'ai beau essayé mais rien ! Je ne parvient pas a assemblé correctement les 2scripts en fait je crois que je mélange tout ! Ce serait pas plus simple que tu me montre exactement comment tu ferait ? Ca commence a devenir critique...
J'ai essayé de 36 manière différente mais je n'y arrive pas dsl

Si jeunesse savait, si vieillesse pouvait
Réponse 12 / 17
Messages postés
11
Date d'inscription
samedi 22 janvier 2005
Statut
Membre
Dernière intervention
30 janvier 2005
Merci, ca marche evidem super gros merci @+

Si jeunesse savait, si vieillesse pouvait
Réponse 13 / 17
Messages postés
1250
Date d'inscription
mardi 15 juillet 2003
Statut
Membre
Dernière intervention
30 septembre 2007
 1
de rien

tu peut valider la reponse stp, le bouton en face de la bonne reponse

ca permet à tout le monde de savoir que la question a été résolu

merci et @+

Je te donne une idée, tu me donnes une idée, nous avons chacun deux idées.
Mon site Internet
Réponse 14 / 17
Messages postés
10
Date d'inscription
lundi 19 juillet 2004
Statut
Membre
Dernière intervention
27 mai 2006
Bonjour,
Quant j'appuie que la touche 'haut', ça ne me fait rien mais sur la touche '&', ça marche très bien. (Le (code = = 38) correspond à la touche &.)
Quelqu'un peut me renseigner?
Réponse 15 / 17
Messages postés
1250
Date d'inscription
mardi 15 juillet 2003
Statut
Membre
Dernière intervention
30 septembre 2007
 1
euh !!!

je viens de re-tester pour être sur mais ça fonctionne trés bien : je comprend pas

ca vient peut être de ton clavier??? c'est bizarre, qwerty peut etre?

quand j'appuie sur & ca ne fait rien chez moi



ce que je peut te conseiller, c'est de rechercher le code des touches gràce au code que je donne dans mon 3éme message

ensuite, tu remplace le 38 par ce que tu trouve

mais vérifie ensuite sur plusieurs pc parce que je trouve ca louche quand meme

Je te donne une idée, tu me donnes une idée, nous avons chacun deux idées.
Mon site Internet
Réponse 16 / 17
Messages postés
10
Date d'inscription
lundi 19 juillet 2004
Statut
Membre
Dernière intervention
27 mai 2006
Merci beaucoup ;)
Sur une autre pc, cela fonctionne bien.
Bizarre bizarre..
Encore merci!!
Réponse 17 / 17
Messages postés
1250
Date d'inscription
mardi 15 juillet 2003
Statut
Membre
Dernière intervention
30 septembre 2007
 1
de rien

@+

Je te donne une idée, tu me donnes une idée, nous avons chacun deux idées.
Mon site Internet
Répondre Posez votre question