Menu d�roulant javascript

Version imprimable

Voir 40 message(s) de cette discussion en une page

16/03/2007, 12h53
tazmania

Menu d�roulant javascript
Salut � tous,

Malgr� avoir quelque peu progresser en javascript, il y a encore des choses que je n'arrive pas � faire.
Voila, en fait, j'aimerais cr�er un menu lors du click droit de ma souris.
D�j� sa, c'est pas mal compliqu�, enfin pour moi :D
Mais je voudrais une petite suptilit�, en faite selon l'endroit o� je me trouve dans ma page, je voudrais afficher un certain type de menu.

Exemple : ma page se compose ainsi :
Code:

1 2 3 4 5 <body> <toto> blablabla </toto> <titi> gros minet </titi> <tata> tonton </tata> </body>
Exemple d'ex�cution :
Ma souris se trouve dans la balise titi j'affiche dans mon menu
- titi est joli
- titi vole

Par contre si je me trouve dans la balise tata j'affiche le menu suivant
- tata est gaga
- tata et tralala

Voila je sais pas si c'est faisable ou pas

Tu as mis des balises pour faire un exemple
ou tu souhaites vraiment utilise tes propres balises.
Code:

1 2 3 4 5 6 <body> <div id="toto" onclick="showmenusouris('toto')"> blablabla </div> <div id="titi" onclick="showmenusouris('titi')"> gros minet </div> <div id="tata" onclick="showmenusouris('tata')"> tonton </div> </body>
avec �a c est complement faisable avec onclick

17/03/2007, 11h11
tazmania

En effet mes balises sont personnalis�es.

Je n'ai pas de balise div mais directement titi, comme indiqu� sur mon exemple

C'est toujours faisable avecl'�v�nement onclick
19/03/2007, 11h31
tazmania

Bon rajouter l'�venement onclick dans ma balise titi par exemple

Ce qui donne

Code:

<titi onclick="menutiti()">

Le soucis c'est que lorsque ma balise ne contient rien, l'action ne se d�clenche pas. Commment pourrais-je d�finir que ma balise titi englobe toute ma page.
Afin que lorsque l'utilisateur clique n'importe o� sur la page l'�venement onclick se lance.

Autre question :
Comment faire pour que l'�venement onclick fonctionne que sur le click droit de la souris.
19/03/2007, 12h50
magnus2005

A mon avis,

Le fait que le onclick ne fonctionne pas vient que le browser doit donner une taille de 0*0 a ta balise essaie.

Code:

<titi onclick="menutiti()" style="width=100%;height=100%">

Pour le click il faut utiliser onmousedown

J'ai deja pos� la m�me question voici la r�ponse :

http://www.developpez.net/forums/sho...d.php?t=211528
19/03/2007, 15h46
tazmania

Le seul truc c'est que j'ai plusieurs balises et donc si je mets ma balise titi avec le style css height:100% et width;100%.

Comment je fais pour mes autres balises qui receveront aussi l'�v�nement onclick.
19/03/2007, 16h46
magnus2005

100% si tu qu'une balise
si tu en as 3 �a donne
100 / 3 = 33 % pour chaque
19/03/2007, 18h21
tazmania

J'aurais bien aim� utiliser cette solution mais le nombre de balise varie.
C'est gr�ce � mon menu qui sera aficher lors du click droit de la souris que l'utilisateur pourra choisir la balise qu'il souhaite int�grer � ma page web.

Cette solution me semble assez dur � exploiter.
Est ce que je pourrais pas faire un esp�ce de truc comme avec le fonctionnement des div.
19/03/2007, 19h06
magnus2005
Tu peux utiliser une taille fixe en pixels
Code:

1 2 3 4 .myclass{ height:100px; width:100px; }
Sinon tu peux dynamiquent calculer la proportion en javascript et l appliquer au "style" de chaque balise.

Tu as un dessin de ta future interface ?
20/03/2007, 12h11
tazmania

Non je n'ai pas de dessin de ma futur interface, d�sol�.

Mais en fait, je sais ce que dois faire ma page.
Au d�part celle-ci ne comporte rien.

L'utilisateur va donc effectuer un click droit de la souris pour faire apparaitre un menu. Dans ce menu se trouve les diff�rents �l�ments qu'il pourra ins�rer.

Lors du choix de l'utilisateur celui-ci va cliquer dessus.
Dans mon code je vais faire un createElement de l'�l�ment choisi puis je fais un appendChild sur la seule balise qu'il y avait dans mon document pour rajouter l'�lement qui est en fait une autre balise.

Maintenant la page WEB dispose de deux balises. Chacune de ces deux balises poss�dent un menu distinct. A partir de ces deux menus, je r�int�re donc l'�tape n�1 c'est � dire la cr�ation d'une nouvelle balise.

Ce que je voudrais donc faire c'est de savoir sur quelle balise l'utilisateur a cliqu� afin de lui proposer le menu qui correspond � cette balise.

Je ne sais pas si je peux utiliser une taille fixe en pixel pour cela car je ne sais pas au final combien il y aura de balise cr�er par l'utilisateur
20/03/2007, 12h49
magnus2005
Je pense qu il va falloir donner une dimension a tes balises
apres si la taille fixe est genante pour l'utilisateur :
1. soit tu redimenssionne toi meme en javascript en jouant sur l attribut style de toutes tes balises.
2. soit tu le fais en relative avec des %
3. soit tu integres une API pour redimenssioner tes balises a la souris (perso c je trouve que c'est un peu lourd comme solution mais �a depend pas du context )
Attention l ajout d un onclick (onmouser ...) via javascript est tres different selon le browser
21/03/2007, 18h09
tazmania

Sinon on m'a conseill� de regarder plut�t au niveau des coordon�es de la souris sur ma page.
C'est peu �tre plus facile
21/03/2007, 18h19
Auteur

Citation:

Envoy� par tazmania

Sinon on m'a conseill� de regarder plut�t au niveau des coordon�es de la souris sur ma page.
C'est peut �tre plus facile

Loin de l� :bug:
Chaque navigateur � ses fonctions pour d�terminer les coordonn�es de la souris dans la page :aie:
21/03/2007, 22h57
tazmania

Ma page ne fonctionne pas du tout sur IE donc pour le navigateur, je me suis restreint � Mozilla.
J'arrive � avoir mes cordonn�es lors de mon click droit de souris.
Mais comment d�terminer quelle balise se trouve � cette coordonn�e. :aie:
23/03/2007, 10h53
tazmania

Aucune id�e ou se n'est pas faisable :roll:
23/03/2007, 20h58
tazmania

En fait je cherche de ce cot� si car si je rajoute quelque chose dans ma balise, lorsque j'utilise la m�thode parentNode, elle ne marche plus.
Et si je mets juste le nom de la balise (ex : <toto>) est bien sa marche nickel.
23/03/2007, 21h47
magnus2005

J ai une id�e :
tu ajoutes un onclick a toute tes balises tu devrais pouvoir identifier la celle qui re�ut le click.
23/03/2007, 23h37
tazmania

Ba oui mais comme je l'ai dit au dessus.
Si je fais une balise

Code:

<toto onclick="toto()">

Lorsque je fais un parentNode dans ma fonction pour renvoyer toto, il ne trouve pas la balise.

Mais si je fais juste

Code:

<toto>

Mon parentNode me renvoie bien toto.

Je crois que c'est pas faisable ce que j'essaye de faire.
Je recherche sur Internet et je ne trouve aucun sujet la dessus :cry:
23/03/2007, 23h53
magnus2005
oui en effet le moteur javascript et object de javascript est assez limit� (pour rest� poli).
Code:

1 2 3 4 5 6 <toto id="tototag" onclick="toto()"></toto> function toto(){ var par = document.getElementById("tototag"); // et voila tu as ton parent Node // }
C'est pas fabuleux mais c est efficace.
Mais je suis pas sur que �a solutionne ton probleme.
Peux tu montrer ton code javascript �a nous permettra peux �tre de mieux conceptualiser ce tu souhaites faire ?

Code:

1 2 3 <toto id="toto" onclick="clic(this)"></toto> <tata id="tata" onclick="clic(this)"></tata>
this contient toutes les caract�ristiques de la balise.
Code:

1 2 3 4 5 function clic(objet) { alert(objet.id); }

Voir 40 message(s) de cette discussion en une page