onmouseover + raccourci clavier

**xave** · 27/06/2006, 16h09

Bonjour à tous,

Sur mon site (php/MySQL/javascript) j'ai un menu issue de ma base de données.

Dans cette base une table "menu" dans laquelle j'ai le libellé du menu (par exemple Acceuil) et un raccourci clavier (par exemple 1).

J'affiche le menu sans problème avec dessus des onmouverover, onmouseout pour gérer les styles (style plus foncé sur onmouseover qui revient plus clair sur onmouseout), par contre je ne sais pas comment insérer les raccourcis clavier dans cette syntaxe...

Ca me donne par exemple:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
 
<div class="textenav boites"
onmouseover="this.className='etat1 textenav';"
onmouseout="this.className='etat2 textenav';"
 
<?php
echo "onclick=\"document.location.href='http://main.php?page=$menu[nom_menu]&url=$menu[url]>$menu[nom_menu]";
echo "</div>";

Pouvez-vous m'aider?

Merci d'avance.

**FremyCompany** · 27/06/2006, 16h13

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
// JavaScript
document.onkeypress=function(e) {
   if (e.keyCode==32) {
      alert('vous avez tapé un "'
   }
}

**xave** · 27/06/2006, 16h17

Merci

Peux-tu m'expliquer ce qu'est cette fonction(e) et comment insérer ce script dans mon code (désolée, je suis très mauvaise en javascript

)?

**FremyCompany** · 27/06/2006, 16h22

connais pas bien PHP mais voila un exemple bidon et qui respecte pas les conventions HTML:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
<html><body><?php
echo ("<script type=\"text/javascript\">")
echo ("// JavaScript
document.onkeypress=function(e) {
   if (e.keyCode==32) {
      alert('vous avez tapé un \"')
   }
}")
echo ("</script>")
?></body><html>

Aussi un petit truc pour t'aider :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

if (String.fromCharCode(e.keyCode) == '"')

était bon aussi

**xave** · 27/06/2006, 16h25

Hum... oui, si je comprend bien, cette fonction va me retourner ce qui est saisi au clavier...

Reste ensuite à faire le redirection en fonction du caractère saisi...
Et donc vu la structure de mon site passer la variable de javascript à php, ce qui je crois n'est pas faisable...

Et on ne peut pas utiliser accesskey ici?

[Edit]
C'est quoi cette fonction e que tu me mets dans chaque exemple?
[/Edit]

**FremyCompany** · 27/06/2006, 16h30

CONTENU DE E == EVENT
-------------------------

Pour Netscape :
-------------------
data retourne un tableau de chaînes de caractères contenant les URL des objets déposés avec l'événement Drag and Drop.
height représente la hauteur de la fenêtre ou du cadre.
layerX représente la coordonnée X au sein d'un calque (Layer).
layerY représente la coordonnée Y au sein d'un calque (Layer).
modifiers chaîne de caractères spécifiant la modification de clés associée à un événement de souris ou de clavier. Les valeurs sont : ALT_MASK, CONTROL_MASK, SHIFT_MASK, and META_MASK.
pageX nombre spécifiant la position horizontale du curseur en pixels par rapport à la page.
pageY nombre spécifiant la position verticale du curseur en pixels par rapport à la page.
target chaîne de caractères représentant l'objet sur lequel l'événement a eu lieu.
which nombre spécifiant quel bouton de souris a été pressé ou la valeur ASCII d'une touche de clavier pressée.
width représente la largeur de la fenêtre ou du cadre.

Pour Explorer :
-------------------
altKey détermine si la touche Alt était pressée lors de l'événement.
button détermine le bouton de la souris pressée lors de l'événement.
cancelBubble arrête la propagation de l'événement.
clientX nombre spécifiant la position horizontale du curseur en pixels par rapport à la page.
clientY nombre spécifiant la position verticale du curseur en pixels par rapport à la page.
ctrlKey détermine si la touche Ctrl était pressée lors de l'événement.
fromElement représente l'objet source d'un déplacement de la souris.
keyCode détermine l'encodage Unicode de la touche pressée.
offsetX coordonnée horizontale de l'événement en position relative par rapport au conteneur.
offsetY coordonnée verticale de l'événement en position relative par rapport au conteneur.
reason représente l'état d'un transfert de données.
returnValue indique la valeur de retour pour le gestionnaire d'événement.
shiftKey détermine si la touche Shift était pressée lors de l'événement.
srcElement indique l'objet sur lequel l'événement s'est produit.
srcFilter indique le filtre qui a changé.
toElement indique l'objet de destination d'un déplacement de souris.

Commun :
-------------------
screenX nombre spécifiant la position horizontale du curseur en pixels par rapport à l'écran.
screenY nombre spécifiant la position verticale du curseur en pixels par rapport à l'écran.
type chaîne de caratères représentant le type de l'événement.
x identique à layerX.
y identique à layerY.

onmouseover + raccourci clavier

JavaScript

Vue hybride

Discussions similaires

Partager

Partager