[Plan du site] Vous êtes ici --- > Le Site du Zéro > Les forums > Site Web > XHTML / CSS > [JS] Créer un événement clavier > Lecture du sujet

[JS] Créer un événement clavier

Vous devez être inscrit pour pouvoir poster des messages

Résolu Le problème de ce sujet a été résolu

Page : 1

Auteur

Message

1 visiteur sur ce sujet (1 anonyme)

Page : 1

luigifab

# Posté le 12/07/2008 à 17:42:21

Ubuntu 8.10

Groupe : Membres

Bonjour

Je souhaite créer une fonction qui permette de simuler l'appuie sur la touche TAB comme si c'était l'utilisateur qui appuyait dessus.

Je connais addEventListener, mais si j'ai bien compris cette fonction « écoute/capture » les événements.

Est ce que c'est possible ?
Merci.

Golmote

# Posté le 12/07/2008 à 18:01:29

Champi Forever !

Groupe : Membres

Pourquoi veux-tu simuler cet appui sur la touche TAB ?

oO° Envie de Feu... °Oo

luigifab

# Posté le 12/07/2008 à 18:04:16

Ubuntu 8.10

Groupe : Membres

Pour éviter un lien (lien_bouton_1) dans un formulaire.

[____champ_texte____] [lien_bouton_1] [lien_bouton_2]

Golmote

# Posté le 12/07/2008 à 18:06:48

Champi Forever !

Groupe : Membres

Je suis pas sûr d'avoir compris...

Mais je crois qu'en Javascript, tu peux simuler le click sur un bouton... (peut-être pas compatible avec tous les navigateurs... =/ )

Bref, tu dois pouvoir passer par autre chose que par une simulation d'appui sur TAB...

oO° Envie de Feu... °Oo

luigifab

# Posté le 12/07/2008 à 18:25:54

Ubuntu 8.10

Groupe : Membres

Ouai j'avais pensé à un truc : lorsque [lien_bouton_1] qui est un lien avec une image (<a><img /></a>) gagne le focus, passer au lien suivant en jouant avec le DOM...

Mais j'ai pas réussi :$

Golmote

# Posté le 12/07/2008 à 18:28:30

Champi Forever !

Groupe : Membres

Montre ton code stp !

oO° Envie de Feu... °Oo

luigifab

# Posté le 12/07/2008 à 18:42:22

Ubuntu 8.10

Groupe : Membres

Code : HTML

<div>
<label>Nom : <input type="text" name="nom" maxlength="30" value="<?php echo $donnees['nom']; ?>" readonly="readonly" />

<span>
  <img src="/img/icone/16/rien.png" width="16" height="16" alt="" id="img_1_nom" />&ensp;
  <a href="javascript:annule_modif_texte('nom')" class="no_souris"><img src="/img/icone/16/rien.png" width="16" height="16" alt="" id="img_2_nom" /></a>&ensp;
  <a href="javascript:modif_texte('nom')"><img src="/img/icone/16/modifier.png" width="16" height="16" alt="Modifier" title="Modifier" id="img_3_nom" /></a>
</span>

</label>
</div>

Un champ texte, suivi d'une image (transparente), et de deux liens contenant chacun une image :

Image utilisateur

Ce que je souhaite, quand le focus est sur le champ texte, quand on appuie sur TAB, qu'on saute directement sur la dernière image.

Golmote

# Posté le 12/07/2008 à 18:54:13

Champi Forever !

Groupe : Membres

J'ai trouvé une solution... Enfin plus ou moins...

Si jamais ta dernière image était un <input type="button" />, tu pourrais utiliser onBlur et un focus sur le bouton en question...

J'ai testé, ça marche bien.
Code : HTML

<form name="forme">
<input name="champ" type="text" onBlur="document.forme.lien.focus();" />
<input type="button" name="autre" value="Autre" />
<input type="button" onclick="document.forme.champ.focus();" name="lien" value="Lien" />
</form>

oO° Envie de Feu... °Oo

luigifab

# Posté le 12/07/2008 à 19:01:50

Ubuntu 8.10

Groupe : Membres

Oui, cependant, un input type button ne peut pas contenir d'image...
C'est pour sa que j'avais pensé de faire un truc avec des liens.

Golmote

# Posté le 12/07/2008 à 19:06:22

Champi Forever !

Groupe : Membres

Suffit que tu mettes un peu de css à ton input type button !

Code : CSS

input {
width:XXpx; /* Largeur de l'image */
height:XXpx; /* Hauteur de l'image */
background: url("url_de_limage.ext");
border:0;
}

Par exemple...

oO° Envie de Feu... °Oo

luigifab

# Posté le 12/07/2008 à 19:07:38

Ubuntu 8.10

Groupe : Membres

Ha oué pas con léon...
Go go go modif dans ce cas.

Merci pour tout.

Retour au forum "XHTML / CSS" ou à la liste des forums

Vous devez être inscrit pour pouvoir poster des messages

Tutoriels

Communauté

Mon compte

Recherche

Livre d'or

Publicité

[JS] Créer un événement clavier