Menu DHTML css, ..qui bouge ! |
Bienvenue invité ( Connexion | Inscription )
Menu DHTML css, ..qui bouge ! |
25 Oct 2004, 14:25
Message
#1
|
|||||||||||||
Ceinture orange OSC Groupe : Membres Messages : 213 Inscrit : 10-June 04 Membre no 2639 |
Voici l'adaptation du menu --youngpup-- ypslideoutmenus Le code que j'ai adapté permet d'afficher uniquement le premier niveau d'une catégorie. Vous pouvez également appeller plusieurs fois la page afin d'afficher les menu dans des box différents pour chaque catégorie. dans /include>menu_left.php : include(DIR_WS_BOXES . 'cat_1.php'); include(DIR_WS_BOXES . 'cat_2.php'); à la place de include(DIR_WS_BOXES . 'categories.php'); et pour le fichier cat_1.php :
les paramètres à modifier : changer la valeur du 12 en rapport à la taille de police de votre page (12 correspond à une ligne sautée à chaque fois)
Les variables suivantes : "right", 253, 200, 250, '.$height_tmp.') "calage", distance x (relatif au bloc), distance y(relatif au bloc), largeur du div pour le menu, hauteur du div pour le menu dynamique en fonction du nombre de menus
Si vous insérez plusieurs menus, la ligne d'include du script doit être insérée sur le premier fichier uniquement sinon plantage
et pour le fichier menu_plus.js à mettre dans >includes :
Ce menu est très adaptable et vous pouvez trouver beaucoup d'exemple sur le site de l'auteur. Il est possible de l'adapter pour afficher tout les niveau du site (mais ce n'était pas mon choix donc je vous laisse faire Il faut également inclure les styles css dans votre fichier /stylesheet.css et insérez vos images (facultatives suivant le css) dans : /images/fond_menu_bottom.png image du bas /images/fond_menu_1.png image de fond de la catégorie 1 /images/fond_menu_2.png image de fond de la catégorie 2 css :
Vous pouvez modifier le css pour obtenir exactement ce que vous souhaitez et vous trouverez beaucoup d'exemple sur le site de l'auteur qui montrent les possibilités de ce script ! NB: Le script fonctionne sous ie et mozilla (le reste je n'ai pas testé) Problème sous ie : lorsque le menu apparait au dessus d'une liste déroulante, ie ne sait pas afficher quelquechose au dessus d'une liste déroulante (un select) c'est dommage..ça donne un truc moche qui n'apparait pas sous mozilla Il y a possibilité d'adapter le menu afin qu'il s'aligne sur la ligne survolée, j'ai préféré l'aligner sur le bloc de la catégorie (valeur fixe) sinon c en positionnement relatif donc ça fonctionne quelle que soit la résolution de l'écran -------------------- Ms2fr / oscss
|
||||||||||||
|
2 Nov 2004, 10:26
Message
#2
|
|
Ceinture orange OSC Groupe : Membres Messages : 213 Inscrit : 10-June 04 Membre no 2639 |
personne n'a essayer d'intégrer ce menu?
je ne peux pas vous montrer le résultat paskeu le site n'est pas en prod pour le moment -------------------- Ms2fr / oscss
|
|
5 Apr 2005, 13:39
Message
#3
|
|
Ceinture orange OSC Groupe : Membres Messages : 213 Inscrit : 10-June 04 Membre no 2639 |
et voila à quoi ressemble le menu sur un site en prod :
http://www.techtonik.fr/ c'est le menu qui gère les catégorie en haut à gauche (2 catégories principales avec des sous catégories listée sur un seul niveaux) -------------------- Ms2fr / oscss
|
|
5 Apr 2005, 13:58
Message
#4
|
|
Ceinture orange OSC Groupe : Bannis Messages : 185 Inscrit : 10-January 03 Lieu : Rhones Alpes Membre no 727 |
très très sympa cette contrib bravo et jolie site
|
|
5 Apr 2005, 14:54
Message
#5
|
|
Ceinture orange OSC Groupe : Membres Messages : 213 Inscrit : 10-June 04 Membre no 2639 |
merci !
pour la petite histoire, j'ai mixé oscommerce et spip pour permettre une rédaction d'articles plus aisée (les informations sur le site, etc) -------------------- Ms2fr / oscss
|
|
7 Apr 2005, 09:47
Message
#6
|
|
Ceinture blanche OSC Groupe : Membres Messages : 18 Inscrit : 7-April 05 Membre no 5414 |
slt, il est bo le site http://www.techtonik.fr/ ^^
Est ce que qq1 peut mexpliker ke fo til modifier dans oscommerce pour obtenir ce resultat? pcq jvien de tester ton code ke ta poster en oct dernier, mais c pa ca sur le site. Je voudrais afficher les sous categories sans à avoir clicker dessu, comme sur le site de techtonik, et si possible les sous sous categories. Voila merci d'avance pour votre aide si vou pouvez men fournir =) bye |
|
7 Apr 2005, 09:58
Message
#7
|
|
Ceinture orange OSC Groupe : Membres Messages : 213 Inscrit : 10-June 04 Membre no 2639 |
salut
je ne comprend pas ta question, le code que j'ai posté est celui que j'ai utilisé sur techtonik (il y a p-e eu des modifications car c'était en octobre mon post) la procédure d'installation est assez détaillée. Ttu doit obtenir le résultat du site après quelques paramétrage (menu apparait au survol, etc). si tu rencontre des souci pendant l'install, merci de bien les décrire pour que je corrige la procédure si tu as un site ou je peut voir le résultat de ton menu ça serait le mieux -------------------- Ms2fr / oscss
|
|
7 Apr 2005, 10:24
Message
#8
|
|
Ceinture blanche OSC Groupe : Membres Messages : 18 Inscrit : 7-April 05 Membre no 5414 |
en faite g créer un fichier cat_1.php comme tu la indiqué en haut et jlai mis dans le repertoire include>boxes et ca me donnne laffichage suivant
voila le test et bien sur g mis include(DIR_WS_BOXES . 'cat_1.php'); dans include>column_left.php |
|
7 Apr 2005, 10:34
Message
#9
|
|
Ceinture orange OSC Groupe : Membres Messages : 213 Inscrit : 10-June 04 Membre no 2639 |
as-tu aussi placé le fichier menu_plus.php dans >includes ?
-------------------- Ms2fr / oscss
|
|
7 Apr 2005, 10:46
Message
#10
|
|
Ceinture blanche OSC Groupe : Membres Messages : 18 Inscrit : 7-April 05 Membre no 5414 |
oui tout a fait, g recopier le code que ta mis dans un fichier menu_plus.php qui se trouve dans include
edit: jpense kil fo rajouter dautre choz, mé je voi pa pk tu a mis cat_1.php cat_2.php....enfin plusieur fichiers à la place de un seul.fodra ke tu mexplik ^^. sinon la jv allé manger, jrevien dans une heure pour reprendre mon boulo. a plu tar ++ |
|
7 Apr 2005, 10:57
Message
#11
|
|
Ceinture orange OSC Groupe : Membres Messages : 213 Inscrit : 10-June 04 Membre no 2639 |
c'est quelle version de oscommerce? cette description est faites sur une ms2fr -------------------- Ms2fr / oscss
|
|
7 Apr 2005, 12:04
Message
#12
|
|
Ceinture blanche OSC Groupe : Membres Messages : 18 Inscrit : 7-April 05 Membre no 5414 |
oui c bien la version ms2fr que g pri sur le site
edit: en faite c bon pour le menu, c just ke javé pa inséré le css, mé ce ki ne marche pa encor c lorskon passe la souris sur une catégorie, il affiche pas à droite les sous menu en dynamik |
|
7 Apr 2005, 12:55
Message
#13
|
|
Ceinture orange OSC Groupe : Membres Messages : 213 Inscrit : 10-June 04 Membre no 2639 |
ok pour l'oubli du css, je m'en doutais un peu
je viens de faire une install sur un ms2fr tout neuf en suivant ma procédure, et ça fonctionne très bien ! je ne vois pas ce qui peut manquer sur quel navigateur testes-tu ton site? ya-til moyen de voir le site test? -------------------- Ms2fr / oscss
|
|
7 Apr 2005, 13:01
Message
#14
|
|
Ceinture blanche OSC Groupe : Membres Messages : 18 Inscrit : 7-April 05 Membre no 5414 |
erf mon site est en local, et on a essayer de rediréger sur mon poste mé ca marche pas
en faite a koi ser cat_2.php? pcq tu a mi le code du cat_1.php, celui la il marche bien mé jvoi pa a koi ser le 2e jv essayer de mettre le site sur mon ftp free |
|
7 Apr 2005, 13:08
Message
#15
|
|
Ceinture blanche OSC Groupe : Membres Messages : 18 Inscrit : 7-April 05 Membre no 5414 |
apparement le sql de free accepte pa mon fichier .sql pcq c pa la meme version
g mis un screenshot sur mon ftp ici ya juste qq ptit pb de recadrement mé surtout le pb que les sous menu napparaissent pas voila |
|
7 Apr 2005, 13:13
Message
#16
|
|
Ceinture orange OSC Groupe : Membres Messages : 213 Inscrit : 10-June 04 Membre no 2639 |
ça permet d'afficher plusieurs bloc dans ton magasins. (séparer les catégorie dans plusieurs blocs au lieu de les aligner dans un seul bloc) cf le site techtonik avec les 2 blocs
tu peux alors éditer le script en mettant le numéro de la catégorie que tu souhaite afficher : $number_top_levels = build_menus(0,'',''); //indiquer ici le numero de la catégorie que vous souhaitez afficher sinon une idée pour ton problème, parfois c'est juste un problème de rafraichissement, pense à faire des "Ctrl+F5" au lieu de faire des F5 pour recharger totalement tous les éléments -------------------- Ms2fr / oscss
|
|
7 Apr 2005, 13:17
Message
#17
|
|
Ceinture orange OSC Groupe : Membres Messages : 213 Inscrit : 10-June 04 Membre no 2639 |
dans la barre d'état de msie : "terminé mais il existe des erreurs"
fais un pti double clic dessus pour connaitre qu'est ce qui le chatouille il doit y avoir un problème sur l'include du javascript -------------------- Ms2fr / oscss
|
|
7 Apr 2005, 13:18
Message
#18
|
|
Ceinture blanche OSC Groupe : Membres Messages : 18 Inscrit : 7-April 05 Membre no 5414 |
ok merci du conseil, g compri pour ca, mé le pb ki reste tjrs est le pb daffichage d sous menu
jcompren pa pk il ve pa afficher les sous menu. kel est le code dans ce ke tu a mi, qui permet cette affichage? |
|
7 Apr 2005, 13:25
Message
#19
|
|
Ceinture orange OSC Groupe : Membres Messages : 213 Inscrit : 10-June 04 Membre no 2639 |
et bien c'est le javascript..
soit il est mal placé soit il n'y est pas..(si je le supprime de mon coté, j'ai la meme erreur) <script language="javascript" src="includes/menu_plus.js"></script> vérifie si il est bien dans /includes/ si tout est ok, ça vient des droits de lecture sur ton serveur (IIS?) il faut que tu autorise la lecture sur le site sinon les javascript ne sont pas chargés je vois que tu as un serveur de prod..p-e devrait tu mettre une version dans un sous dossier pour faire des tests en ligne car à mon avis le problème ne se posera pas sur serveur distant -------------------- Ms2fr / oscss
|
|
7 Apr 2005, 13:29
Message
#20
|
|
Ceinture blanche OSC Groupe : Membres Messages : 18 Inscrit : 7-April 05 Membre no 5414 |
en fait je suis stagiaire et javais comencé a travailer sur le server prod, mais on ma di de le faire pluto en local, pour ne pa changer le server, meme si j'ai fait un sous repertoire sur le server avec la copie exact du site
sinon je pense que ya les droits de lecture puisque lorsque javais essayer de mettre du javascript a moi, ca marchait parfaitement euh le code suivant: <script language="javascript" src="includes/menu_plus.js"></script> je le met dans menu_plus.php ou un autre fichier? ps: dsl pour le langage txto, c'est bon j'ai réctifié |
|
7 Apr 2005, 13:39
Message
#21
|
|
Ceinture orange OSC Groupe : Membres Messages : 213 Inscrit : 10-June 04 Membre no 2639 |
pour le savoir fai un javascript tout simple et insère le dans une page html toute simple
exemple de fonction à mettre dans un fichier monjavascript.js : function mafonction() { alert ('yes ! ça passe'); } et tu l'apelle dans le body de ta page dans le head : <script language="javascript" src="monjavascript.js"></script> <BODY onload="mafonction();"> si il s'exécute c'est ok, si tu as une erreur >>>>> IIS pour régler les droits de lecture -------------------- Ms2fr / oscss
|
|
7 Apr 2005, 13:43
Message
#22
|
|||
Ceinture orange OSC Groupe : Membres Messages : 213 Inscrit : 10-June 04 Membre no 2639 |
non celui la il doit être dans le fichier cat_1.php c'est au tout début du fichier enfin si tu ne l'a pas modifié ! -------------------- Ms2fr / oscss
|
||
|
7 Apr 2005, 13:43
Message
#23
|
|
Ceinture blanche OSC Groupe : Membres Messages : 18 Inscrit : 7-April 05 Membre no 5414 |
je viens de faire le test, il n'y a aucun problème
|
|
7 Apr 2005, 13:46
Message
#24
|
|||||
Ceinture blanche OSC Groupe : Membres Messages : 18 Inscrit : 7-April 05 Membre no 5414 |
non je ne l'ai pas modifié, mais je vien de voir: /////////////////////////////////// Si vous insérez plusieurs menus, la ligne d'include du script doit être insérée sur le premier fichier uniquement sinon plantage CODE <script language="javascript" src="includes/menu_plus.js"></script> et pour le fichier menu_plus.php à mettre dans >includes : /////////////////////////////////// en fait, j'ai pas de fichier menu_plus.js dans mon repertoire ^^, c'est p-e pour ca que ca marche pas=) |
||||
|
7 Apr 2005, 13:51
Message
#25
|
|
Ceinture orange OSC Groupe : Membres Messages : 213 Inscrit : 10-June 04 Membre no 2639 |
euh......
si tu regarde le fil de la discussion, c'est quand même la première question que je t'ai posé !!! et je l'ai réitérée plusieurs fois !!!!! -------------------- Ms2fr / oscss
|
|
Version bas débit | Nous sommes le : 29th March 2024 - 01:31 |
Ce site est déclaré auprès de la commision Nationale de l'Informatique et des Libertés (déclaration n°: 1043896) |