AccueilCodesTutorielsForumsEmploiLivresConnexion

  • Javascript / Ajax / DHTML CodeS-SourceS
  • RSS CodeS-SourceS
  • CodyxBot, le Bot GTalk & MSN qu'il vous faut !
  • Générez des revenus avec vos codes, scripts et tutoriaux
  • Aide à la navigation du site
begin process at 2008 11 20 16:15:01
Vous ne trouvez pas de réponse à votre problème ? Alors posez la question dans le forum. Souvenez-vous qu'il n'y a jamais de question bête, mais rester dans l'ignorance parce que l'on n'ose pas poser une question, ça c'est une erreur !

MENU CONTEXTUEL STYLE VISUAL STUDIO 2003


Information sur la source

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 150 / 979
Auteur : flo_le_dino Ecrire un message privé
Note :
7,17 / 10 - par 6 personnes
7,17 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
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

Pour les "Membres Club", vous pouvez 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

Commentaires et avis

signaler à un administrateur
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

signaler à un administrateur
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 !

signaler à un administrateur
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...

signaler à un administrateur
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.??

signaler à un administrateur
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.??

signaler à un administrateur
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!

signaler à un administrateur
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 !!

signaler à un administrateur
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;
}

signaler à un administrateur
Commentaire de flo_le_dino le 18/08/2004 14:10:20

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

signaler à un administrateur
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.

signaler à un administrateur
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 !

signaler à un administrateur
Commentaire de frop01 le 15/09/2004 10:55:33

Merci flo

Ajouter un commentaire

Nos sponsors

Sondage...

CalendriCode

Novembre 2008
LMMJVSD
     12
3456789
10111213141516
17181920212223
24252627282930

Consulter la suite du CalendriCode

Appels d'offres


Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel BAÏSE, 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
Temps d'éxécution de la page : 0,905 sec

Google Coop CodeS-SourceS Google Coop CodeS-SourceS


Certaines images présentes sur le site (notament certains avatars) sont issues des collections IconShock, donc si vous souhaitez utiliser ces icons vous devez les acheter, ne les copiez pas et ne utilisez pas dans vos sites et applications sans les avoir commandé.