begin process at 2010 03 22 14:09:48
  Trouver un code source :
 
dans
 
Accueil > 

Code

 > 

Menu & Co

 > MENU CONTEXTUEL STYLE VISUAL STUDIO 2003

MENU CONTEXTUEL STYLE VISUAL STUDIO 2003


 Information sur la source

Note :
7,17 / 10 - par 6 personnes
7,17 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Catégorie :Menu & Co Niveau :Initié Date de création :11/08/2004 Date de mise à jour :18/08/2004 14:12:13 Vu / téléchargé :6 467 / 999

Auteur : flo_le_dino

Ecrire un message privé
Commentaire sur cette source (12)
Ajouter un commentaire et/ou une note

 Description

Cliquez pour voir la capture en taille normale
Un menu contextuel qui s'affiche sur le clic droit de la souris et qui ressemble au menu de Visual Studio 2003.
Testé sur IE.
Peut être utilisé pour un site Intranet, ou par exemple sur un editeur WYSIWYG.  


 Conclusion

le code n'est pas optimisé...par exemple je pense qu'il y'a un autre moyen de récupérer les cellules d'un tableau. Si quelqu'un connait une meilleur solution que "obj.children[0].children[0].children[0]" je suis preneur.
Je suis a l'ecoute de vos améliorations...

 Fichier Zip

Les Membres Club peuvent télécharger directement un fichier contenu dans le zip sans télécharger le zip en entier !

Télécharger le zip


 Historique

12 août 2004 11:43:57 :
MAJ : 12-08-2004 : suppression du bug d'affichage sur le focus d'un element.
17 août 2004 15:48:00 :
- ajout de feuilles de styles CSS + fichier de script externe. - Ajout d'une ombre au menu - ajout d'un element inactif.
17 août 2004 15:50:55 :
suppression du code HTML --> maintenant tout est dans le ZIP !
18 août 2004 09:30:52 :
18/08/2004 : suppression des ID tableaux et cellules : ils étaient inutiles car leur acces se faisait via les instances des objets et non par leur nom (par de getElementByID)
18 août 2004 14:12:13 :
suppression du décalage quand un element a le focus

 Sources de la même categorie

Source avec Zip Source avec une capture MENU VERTICALE GAUCHE ET DROIT DEROULANT par kazma
Source avec Zip Source avec une capture MENU VERTICALE EN TRANSPARENCE par dlvains
Source avec Zip Source avec une capture MENU DÉROULANT EN IMAGES par dlvains
Source avec Zip TBFRAME: TAB BROWSING FRAME par triumphs
Source avec Zip Source avec une capture MENU PRINCIPAL par ali1987

Commentaires et avis

Commentaire de LUDINSKI le 11/08/2004 18:08:27

Pas mal, mais .....

Je l'ai testé sous Mozilla, et ça marche pas !!
( si ça te dit de le rendre compatible, j'ai aussi mis un menu contextuel sur Javascriptfr, tu pourrais t'en inspirer !! )

Sous IE 6, la taille des items est plus grande lorsqu'il a le focus (ça fait biz !!)

Sinon bravo et bonne continuation. Ciao

Commentaire de flo_le_dino le 12/08/2004 11:41:17

je l'ai pas encore testé sous mozilla..j'essaie ca cet aprem !Mais ce n'est pas étonnant que ca marche pas car certaines methodes sont spécifiques à IE. En fait, je me suis inspiré d'un code disponible sur un autre site et qui ne devait marcher qu'avec IE5(d'ou le nom des fcts!)

donc voila, pour le bug de la taille des items, le probleme est résolu maintenant !

Commentaire de rherve le 16/08/2004 14:47:53

Tu peux utiliser getElementById('MonId'), mais pour cela chacun de tes éléments doit avoir un Id propre.

Dans ton code, tu transformes comme suit :
<td id="cell1" class="cellimg" align="middle" valign="center"><IMG src="edit.gif"></td>
<td id="cell1" class="cellimg" align="middle" valign="center"><IMG src="delete.gif"></td>
etc..
par
<td id="tab1cell1" class="cellimg" align="middle" valign="center"><IMG src="edit.gif"></td>
<td id="tab2cell1" class="cellimg" align="middle" valign="center"><IMG src="delete.gif"></td>

et dans highlightie5, ça devient :
document.getElementById(obj.id+"cell1").style.backgroundColor = "#B6BDD2";
etc...

C'est une autre solution. Est-elle meilleure? Je ne sais pas...

Commentaire de flo_le_dino le 18/08/2004 09:18:56

oui, j'avais pensé a cette solution. Le probleme est que je voulais trouvé une solution assez générique, qui permette de faire un simple copié-collé pour ajouter une ligne au menu sans avoir a modifier le nom des cellules composant le tableau...

sinon petite question : peut-on accéder a un element qui n'as pas de nom, c'est à dire dont le champs "id" n'est pas renseigné. parce qu'a premiere vue, je pourrai tres bien utiliser les tableaux et les cellules sans leurs donner de nom (id) puisque j'y accede par leur instances.??

Commentaire de flo_le_dino le 18/08/2004 09:19:03

oui, j'avais pensé a cette solution. Le probleme est que je voulais trouvé une solution assez générique, qui permette de faire un simple copié-collé pour ajouter une ligne au menu sans avoir a modifier le nom des cellules composant le tableau...

sinon petite question : peut-on accéder a un element qui n'as pas de nom, c'est à dire dont le champs "id" n'est pas renseigné. parce qu'a premiere vue, je pourrai tres bien utiliser les tableaux et les cellules sans leurs donner de nom (id) puisque j'y accede par leur instances.??

Commentaire de flo_le_dino le 18/08/2004 09:27:19

OK, ca fonctionne sans ID,
donc maintenant, le code est encore simplifié puisque les tableaux et les cellules n'ont plus d'ID !
maintenant un simple copié/collé des tableaux pour ajouter une ligne est suffisant.

Par contre, y'a toujours cette ligne "children[0].children[0].children[0].className" qui n'est pas belle mais maintenant ca va etre difficile de l'enlever...puisque getElementByID() ne peut pas etre utilisé...

Si quelqu'un voit tjs des problemes, n'hesitez pas!

Commentaire de LUDINSKI le 18/08/2004 09:55:29

Si ça t'interresse, j'ai supprimer le décalage d'un pixel vers la droite, qui se produisait lorsqu'un élément avait le focus !!

Il suffit de modifier le style CSS de la classe CellImg :
.cellimg
{
    padding-left: 1px;
}

C'est tout !!

Commentaire de LUDINSKI le 18/08/2004 10:07:34

Désolé, je n'avait pas vus que cela décalait l'item inactive. Il faut donc faire de même pour la classe de style "cellimginactive" :
.cellimginactive
{
    padding-right: 0px;
    padding-left: 1px;
    padding-top: 0px;
    padding-bottom: 0px;
}

Commentaire de flo_le_dino le 18/08/2004 14:10:20

ok, c cool, je l'ai modifié et remis a disposition...
merci.

Commentaire de frop01 le 11/09/2004 16:35:32

Bravo pour ce code!

Est-il possible de changer le menu en style transparent comme le style shadow avec cette ligne ?

FILTER: progid:DXImageTransform.Microsoft.Shadow(direction=135,color=#cbc8e7,strength=5);

Merci.

Commentaire de flo_le_dino le 15/09/2004 10:27:23

j'ai pas tres bien compris le dernier post ...
Tu souhaite faire un style transparent sur tout le menu ?,

Si c'est ca oui c'est possible en ajoutant un filter dans le style des cases du tableau. je vais essayer de voir ca des que possible !

Commentaire de frop01 le 15/09/2004 10:55:33

Merci flo

 Ajouter un commentaire




Nos sponsors


Appels d'offres

Sondage...

CalendriCode

Mars 2010
LMMJVSD
1234567
891011121314
15161718192021
22232425262728
293031    

Consulter la suite du CalendriCode

 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,593 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales