Liste déroulante dans un widget

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 le 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

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 le Dim 23 Sep 2012 - 16:31

UP!

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 le 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
+ Hyperactif +

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

http://antonyadam.1fr1.net/portal.htm
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 le 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

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 le 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
+ Hyperactif +

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

http://antonyadam.1fr1.net/portal.htm
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 le 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 !

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 le Lun 24 Sep 2012 - 23:02

UP!

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 le Mar 25 Sep 2012 - 22:33

UP!

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 le Mer 26 Sep 2012 - 2:01

UP!

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 le Mer 26 Sep 2012 - 17:37


Bonsoir

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

Adam_sfp
+ Hyperactif +

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

http://antonyadam.1fr1.net/portal.htm
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 le 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?

À+

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 le Jeu 27 Sep 2012 - 23:02

UP!

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 le Ven 28 Sep 2012 - 13:55

UP!

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 le 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
Adminactif
Adminactif

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

http://www.forumactif.com
Pinguino a été remercié(e) par l'auteur de ce sujet.

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

Message par J-CHamel le 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

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


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