bouton messagerie en mode clignotant dans un menu custom

[Dax_CFST]

J'ai fait un menu custom tel que montrer dans le tutorial

Tout marche bien sauf pour une chose, le bouton clignotant. Dans la table des bouton, il faudrait mettre du code pour dire si il y a des messages prend cette définition sinon prend l'autre. Parce que si on met les deux définitions on 2 deux boutons messagerie, un régulier et un qui clignote.

DOnc il me faudrait du code "if then else", mais je sais pas comment le coder dans HTML/javascript... moi j'ai appris en COBOL... c'est pour dire qu'on est loin un peu

quelqu'un peut m'aider ?

merci bien

[Dax_CFST]

J'ai trouvé une solution dont je vous fait part:

J'ai changer le ID dans le CSS de chaque bouton pour que le système ne trouve pas les images et j'ai gardé seulement le bouton messagerie. Donc j'ai transformer tout les bouton FA en bouton custom ( figure de style)

Ça marche sauf que j'ai des espaces avant et après le bouton messagerie et je suis pas capable de les enlever quelqu'un aurait une idée





le code

Code:

<a class="mainmenu" href="/groups"><img id="allo6" src="http://2img.net/i/fa/empty.gif"  alt="Groupes" title="Groupes" /></a>
 
       
                                          {GENERATED_NAV_BAR}
                                          <a class="mainmenu" href="/profile?mode=editprofile"><img id="allo7" src="http://2img.net/i/fa/empty.gif"  alt="Profil" title="Profil" /></a>
       
     
      
       

[Dax_CFST]

up

[Tfox]

B'jour,
Je n'sais pas si ça t'aidera mais :

La gestion des images se trouve justement dans la "gestion des images" (en mode avancé)

Et ce que j'ai fais moi, c'est remplacer l'image de "Nouveaux Messages Privés :" par la même que celle de "Messages Privés :" MAIS en format Gif clignotant (petit travail sous Gimp).

Ça marche bien ainsi.
Image :Messagerie (Missive) => fixe (statique) lorsqu'il n'y a pas de nouveau message Et Clignotante, lorsqu'il y en a !

Si ça peut t'orienter
Bon week-end,
R.

[Dax_CFST]

C'est gentils, mais non je savais déjà

[Dax_CFST]

up

[Dax_CFST]

Solution trouvé

merci bien

[AurelTT]

Salut Dax_CFST
Je suis AurelTT le graph de Pro-savage
Babou m'a parlé de toi
Je vais te montrer ce que j'ai fait :

Code:

       <script type="text/javascript">//<![CDATA[
   $(document).ready(function(){
  var info = "{PRIVATE_MESSAGE_INFO_UNREAD}";
          document.getElementById('i_icon_mini_new_message').title = info;
          document.getElementById('i_icon_mini_message').title = info;
         
  if (info=="Vous n'avez pas de messages non lus")
      {
          document.getElementById('i_icon_mini_new_message').style.display ="none";

          }
  else
      {
          document.getElementById('i_icon_mini_message').style.display ="none";
          document.getElementById('i_icon_mini_new_message').style.display ="inline";
      } 
  var info2 = "{L_LOGIN_LOGOUT}";
  if (info2=="Connexion")
      {
           
            document.getElementById('i_icon_mini_logout').style.display ="none";
            document.getElementById('i_icon_mini_message').style.display ="none";
            document.getElementById('i_RECHERCHER').style.display ="none";
            document.getElementById('i_icon_mini_members').style.display ="none";
            document.getElementById('i_MAP').style.display ="none";
            document.getElementById('i_icon_mini_groups').style.display ="none";
            document.getElementById('i_icon_mini_profile').style.display ="none";
            document.getElementById('i_icon_mini_new_message').style.display ="none";
         
                }
  else
      {
            document.getElementById('i_icon_mini_register').style.display ="none";
            document.getElementById('i_icon_mini_login').style.display ="none";
            document.getElementById('i_icon_mini_logout').title = info2;
            document.getElementById('i_icon_mini_logout').alt = info2;
            }
  }); 
   //]]>
   </script>

Dans la premiere partie, je fais un travail sur la variable "PRIVATE_MESSAGE_INFO_UNREAD" afin de voir si il n'y a pas de message et en fonction de cela, je fais apparaitre le bon bouton. La deuxieme partie sert justement à trier l'affichage suivant si on est connecté ou pas. Le probleme avec le premier code, c'est qu'il fonctionne de façon aléatoire. Je n'arrive pas à trouver une autre variable qui fonctionne correctement

[Dax_CFST]

Salut AurelTT

J'ai trouvé comment faire avec les panneaux de FA pour avoir le menu complet avec le bouton message qui clignote si il y a nouveau message et avec les boutons custom

[AurelTT]

Comment tu fais

[AurelTT]

Comment tu fais

Edit ok j'ai vu ton autre post sur le probleme

https://forum.forumactif.com/t319887-ajouter-des-desplaces-pour-des-bouton-custom-dans-le-menu-de-fa

[Dax_CFST]

Template overall_header
Pas de modification. On laisse (generated_nav_bar)
Entete et navigation
1. Tout les boutons doivent avoir une image vide
2. Tout les boutons custom doivent avoir une definition de id
3. Mettre les boutons dans l’ordre d’affichage

Gestion des images
Tout les image sauf « Nouveaux Messages Privés » doivent avoir un fichier vide.
Nouveaux Messages Privés : doit avoir l’image clignotante
Feuille css

Pour chaque bouton que l’on veux afficher on fait une entré css comme ceci. le i_MAP égal a id

Code:

        /*IMAGE MAP*/
                        #i_MAP{
                          background-image:url('http://i46.servimg.com/u/f46/15/36/02/69/fdp_0613.png');
                          width:43px;
                          height:56px;
                        }
                        #i_MAP:hover{
                          background-image:url('http://i46.servimg.com/u/f46/15/36/02/69/survol26.png');
                          width:43px;
                          height:56px;
                        }