Liste déroulante dans un widget

3 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Liste déroulante dans un widget

Message par J-CHamel Sam 22 Sep 2012 - 17:25

Bonjour à tous!

J'ai un petit problème avec mes codes. Présentement, j'ai sur mon portail un Widget Menu Vertical
que j'ai modifié avec des codes. Mon seul problème c'est qu'il m'affiche tous le menu avec une barre
de défilement
dans l'encadré du widget alors que je voulais une liste déroulante qui s'active au passage
de la souris (hover).
Voici mon Forum: http://zone.1fr1.net/
Voici mes codes:

Code HTML:
Code:


       
        Replier
       
       
       
        Actualité
       
       
[list]
       
[*][url=http://zone.1fr1.net/f38-international]Sous-Menu 1.1[/url]
       
[*][url=http://zone.1fr1.net/f39-national]Sous-Menu 1.2[/url]
       
[*][url=http://zone.1fr1.net/f40-regional]Sous-Menu 1.3[/url]
       
[*][url=http://zone.1fr1.net/f41-archives]Sous-Menu 1.4[/url]
       
[/list]
         
       
       
       
        Menu 2
       
       
[list]
       
[*][url=http://forum.forumactif.com/url-de-renvoi]Sous-Menu 2.1[/url]
       
[*][url=http://forum.forumactif.com/url-de-renvoi]Sous-Menu 2.2[/url]
       
[*][url=http://forum.forumactif.com/url-de-renvoi]Sous-Menu 2.3[/url]
       
[*][url=http://forum.forumactif.com/url-de-renvoi]Sous-Menu 2.4[/url]
       
[*][url=http://forum.forumactif.com/url-de-renvoi]Sous-Menu 2.5[/url]
       
[*][url=http://forum.forumactif.com/url-de-renvoi]Sous-Menu 2.6[/url]
       
[/list]
       
       
       
       
        Menu 3
       
       
[list]
       
[*][url=http://forum.forumactif.com/url-de-renvoi]Sous-Menu 3.1[/url]
       
[*][url=http://forum.forumactif.com/url-de-renvoi]Sous-Menu 3.2[/url]
       
[/list]
         
       
       

Code Javascript:
$(function(){ $("#menu dl").hover(function(){$("#menu dl dd").slideUp("500");$(this).find("dd").stop(true,true).slideDown("500");},function(){$(this).find("dd").slideUp("500");}); });

Code CSS:
Code:
a.mainmenu {
          font-size:16px;        /* taille du texte */
          font-weight:bold;        /* texte en gras */
          font-style:italic;      /* texte en italic */
          font-family: Georgia, Arial, serif;      /* police du texte */
          letter-spacing:-1px;        /* espace les lettres */
          color:#404040;        /* couleur texte */
        }
       
        .barre_nav {
          background-color: #000000 ;      /* couleur du fond */
          border-bottom: 3px #000 solid;      /* bordure du bas */
          position: fixed;            /* on fixe le menu en haut */
          top: 0px;            /* place le menu en haut a 0px */
          left: 0px;
          width: 100%;
          z-index: 999;
          padding: 3px;
        }
       
        /* texte au survol */
        .navig a:hover{color: #000;}

                #menu ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
        }
       
        #menu dl {
        width: 150px;
        margin: 1px;
        padding: 0;
        list-style-type: none;}
       
        #menu dt {
        cursor: pointer;
        margin: 2px 0;;
        height: 20px;
        line-height: 20px;
        text-align: center;
        font-weight: bold;
        border: 1px solid gray;
        background: #ccc;
        margin: 0;
        padding: 0;
        list-style-type: none;}
       
        #menu dd {
        border: 1px solid gray;
        margin: 0;
        padding: 0;
        list-style-type: none;}
       
        #menu li {
        text-align: center;
        background: #fff;
        margin: 0;
        padding: 0;
        list-style-type: none;}
       
        #menu li a, #menu dt a {
        color: #000;
        text-decoration: none;
        display: block;
        height: 100%;
        margin: 0;
        padding: 0;
        list-style-type: none;}
       
        #menu li a:hover, #menu dt a:hover {
        background: #eee;
        margin: 0;
        padding: 0;
        list-style-type: none;}

Cordialement!


Dernière édition par J-CHamel le Dim 30 Sep 2012 - 4:26, édité 1 fois
avatar

J-CHamel
***

Messages : 193
Inscrit(e) le : 10/09/2012

http://bsglejeu.1fr1.net
J-CHamel a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Liste déroulante dans un widget

Message par J-CHamel Dim 23 Sep 2012 - 16:31

UP!
avatar

J-CHamel
***

Messages : 193
Inscrit(e) le : 10/09/2012

http://bsglejeu.1fr1.net
J-CHamel a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Liste déroulante dans un widget

Message par Adam_sfp Dim 23 Sep 2012 - 17:45

Bonjour

Vous avez bien activé le javascript sur toutes les pages?
Car votre code fonctionne bien.

http://jsfiddle.net/adam_sfp/ZdyrH/

Cordialement.
Adam_sfp

Adam_sfp
Membre actif

Masculin
Messages : 4465
Inscrit(e) le : 18/04/2008

http://antonyadam.kanak.fr
Adam_sfp a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Liste déroulante dans un widget

Message par J-CHamel Dim 23 Sep 2012 - 18:12

Salut Adam_sfp!

Oupsss! Et bien voilà, tu as trouvé! Tu peux m'expliquer plus clairement ce que je dois faire s.v.p? Je ne vois pas d'autres endroits pour le mettre (le code Javascript).

Merci et à+
J-C
avatar

J-CHamel
***

Messages : 193
Inscrit(e) le : 10/09/2012

http://bsglejeu.1fr1.net
J-CHamel a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Liste déroulante dans un widget

Message par Adam_sfp Dim 23 Sep 2012 - 19:27

Bonsoir

Mettre la partie html fans votre widget.
le CSS dans votre feuille de style CSS

le javascript dans
Modules->gestion des codes javascript
Activer la gestion des codes Javascript :cocher oui

Creer un nouveau javascript cocher l'endroit ou vous voulez que le script fonctionne...
Mettez un titre.

Cordialement.
Adam_sfp

Adam_sfp
Membre actif

Masculin
Messages : 4465
Inscrit(e) le : 18/04/2008

http://antonyadam.kanak.fr
Adam_sfp a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Liste déroulante dans un widget

Message par J-CHamel Lun 24 Sep 2012 - 3:05

Bonsoir Adam_sfp!

Bon alors je reprends mon dernier post car je pense que nous ne nous comprenons pas bien.
Tu peux m'expliquer plus clairement ce que je dois faire s.v.p?
Créer un nouveau javascript cocher l'endroit où vous voulez que le script fonctionne...
Mettez un titre.
Désolé mais pour moi ce n'ai pas très explicatif. Comme tu pouvais le vérifier (tu l'as déjà testé), mon code est déjà tout installé et il fonctionne chez toi mais ce n'est pas ce que j'obtiens sur mon portail même après avoir coché (sur toutes les pages). Peux-tu me dire où trouver où est mon erreur?
Merci à l'avance !
avatar

J-CHamel
***

Messages : 193
Inscrit(e) le : 10/09/2012

http://bsglejeu.1fr1.net
J-CHamel a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Liste déroulante dans un widget

Message par J-CHamel Lun 24 Sep 2012 - 23:02

UP!
avatar

J-CHamel
***

Messages : 193
Inscrit(e) le : 10/09/2012

http://bsglejeu.1fr1.net
J-CHamel a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Liste déroulante dans un widget

Message par J-CHamel Mar 25 Sep 2012 - 22:33

UP!
avatar

J-CHamel
***

Messages : 193
Inscrit(e) le : 10/09/2012

http://bsglejeu.1fr1.net
J-CHamel a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Liste déroulante dans un widget

Message par J-CHamel Mer 26 Sep 2012 - 2:01

UP!
avatar

J-CHamel
***

Messages : 193
Inscrit(e) le : 10/09/2012

http://bsglejeu.1fr1.net
J-CHamel a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Liste déroulante dans un widget

Message par Adam_sfp Mer 26 Sep 2012 - 17:37


Bonsoir

Pourriez vous détailler quel élément vous mettez à quel endroit?
Cordialement.
Adam_sfp

Adam_sfp
Membre actif

Masculin
Messages : 4465
Inscrit(e) le : 18/04/2008

http://antonyadam.kanak.fr
Adam_sfp a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Liste déroulante dans un widget

Message par J-CHamel Mer 26 Sep 2012 - 22:42

Salut Adam_sfp

Ben...je mais des codes html, dans le html, les codes CSS, dans le CSS et pour finir, les JS, dans le JS.

Désolé mais je ne suis pas devin. Comment savoir de quel élément tu parle?

À+
avatar

J-CHamel
***

Messages : 193
Inscrit(e) le : 10/09/2012

http://bsglejeu.1fr1.net
J-CHamel a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Liste déroulante dans un widget

Message par J-CHamel Jeu 27 Sep 2012 - 23:02

UP!
avatar

J-CHamel
***

Messages : 193
Inscrit(e) le : 10/09/2012

http://bsglejeu.1fr1.net
J-CHamel a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Liste déroulante dans un widget

Message par J-CHamel Ven 28 Sep 2012 - 13:55

UP!
avatar

J-CHamel
***

Messages : 193
Inscrit(e) le : 10/09/2012

http://bsglejeu.1fr1.net
J-CHamel a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Liste déroulante dans un widget

Message par Pinguino Ven 28 Sep 2012 - 14:08

Bonjour


ce que Adam voulait vous demander c'est de savoir ou le JS agit -il ?
sur l'index ? sur toutes les pages ?

Car vous devez le renseigner quand vous créer un JS via votre panneau d'admin.

Cordialement,
Smile
Pinguino

Pinguino
Adminactif
Adminactif

Masculin
Messages : 13622
Inscrit(e) le : 02/05/2004

Pinguino a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Liste déroulante dans un widget

Message par J-CHamel Ven 28 Sep 2012 - 21:19

Bonsoir à vous!

Pour ce qui est du JS, j'ai fais plusieurs test; Sur l'index, Sur le portail et sur toutes les pages. Mais rien à faire, c'est toujours pareil. En passant, oui j'ai cocher la case:
Activer la gestion des codes Javascript sur le OUI.

Vous pouvez maintenant ajouter un autre problème (J'en suis maintenant à 3). Je viens de faire un test pour avoir un Menu Accordéon. OUFFFF! Voir le résultat:http://zone.1fr1.net/

Pour finir, la cerise sur le gâteau, (j'ai un sujet déjà en attente de réponse/d'aide: Infobulle pour les sujets de forum) j'ai deux sujets de forum, deux infobulles, mais un emplacement pour les deux.

Pour tous vous dire, je commence sérieusement à en avoir mare! Un Menu Déroulant qui Déroule pas, un Menu Accordéon sensé être à l'horizontal mais qui est, sur mon forum, à la vertical. Et pour finir, des infobulles qui se partagent l'emplacement du texte.

Mais soyons positif, la vie est belle!
Bonne soirée!
À
J-C
avatar

J-CHamel
***

Messages : 193
Inscrit(e) le : 10/09/2012

http://bsglejeu.1fr1.net
J-CHamel a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum