Création d'un module ALERTE/INFORMATION

Réduire
X
 
  • Filtrer
  • Heure
  • Afficher
Tout effacer
nouveaux messages

  • [Problème] Création d'un module ALERTE/INFORMATION

    Bonjour à tous,

    Voilà j'ai créé un module dans lequel je souhaiterais afficher des alertes au travers d'une pastille verte ou rouge concernant le fonctionnement de différentes applications que nous utilisons au travail.

    Cette partie là ne me pose pas de problème particulier. En revanche, j'aimerais qu'au survol de ces pastilles, s'affiche une infobulle en CSS avec plus d'informations sur la panne éventuelle ou le dysfonctionnement pour les utilisateurs.

    Malheureusement, je ne m'en sors pas tout seul sur ce coup et je fais appel à vos différents talents pour m'assister dans cette tâche.

    En vous remerciant par avance.

    Samuel

  • #2
    Re : Création d'un module ALERTE/INFORMATION

    Personne pour m'aider ?

    Pour compléter l'information, voici les infobulles que j'aimerais intégrer dans ce fameux module.
    http://www.sebastiennoirie.fr/blog/2...bulles-en-css/

    Restant à votre disposition

    Commentaire


    • #3
      Re : Création d'un module ALERTE/INFORMATION

      Bonjour

      Ta question manque de précision : que n'arrives-tu pas à faire ? Lorsque je vois le tuto que tu as mis en lien, il y a d'une part du CSS et d'autre part du HTML.

      J'imagine que tu n'as pas de soucis pour copier/coller le css dans celui de ton template / module.

      Reste donc le HTML : si tu es le développeur du module, j'imagine que cela devrait être OK.

      Reste alors un potentiel conflit de CSS : le CSS de ton template qui serait écrit de telle manière que celui de ton module n'est pas pris en compte. Sur ce coup, Firebug est l'arme ultime pour le détecter.
      Christophe (cavo789)
      Mon blog, on y parle Docker, PHP, WSL, Markdown et plein d'autres choses : https://www.avonture.be
      Logiciel gratuit de scan antivirus : https://github.com/cavo789/aesecure_quickscan (plus de 45.000 virus détectés, 700.000 fichiers sur liste blanche)​

      Commentaire


      • #4
        Re : Création d'un module ALERTE/INFORMATION

        Ah ben voilà, je vais donc essayer d'apporter les précisions nécessaires...

        Parti de ce fameux tuto ci-dessus, je pensais (à tord visiblement, puisque je n'y arrive pas) intégrer la partie CSS dans le template.css (qui au passage est ALLROUNDER, merci à lui) puis créer un module html en adaptant à mes besoins la partie html du tuto.

        Là ou ça coince c'est que je n'y connais trop rien en création pure d'un module Joomla tel que l'on peut les trouver (prêt à installer quoi)

        Alors je cherche, j'essaye, je demande de l'aide, et je sens bien qu'il va falloir "apprendre"

        Commentaire


        • #5
          Re : Création d'un module ALERTE/INFORMATION

          Tu as essayé un bête module "HTML personnalisé" où, dans la zone de description, tu passerai en mode WYSIWYG pour coder ton html ?
          Christophe (cavo789)
          Mon blog, on y parle Docker, PHP, WSL, Markdown et plein d'autres choses : https://www.avonture.be
          Logiciel gratuit de scan antivirus : https://github.com/cavo789/aesecure_quickscan (plus de 45.000 virus détectés, 700.000 fichiers sur liste blanche)​

          Commentaire


          • #6
            Re : Création d'un module ALERTE/INFORMATION

            On est d'accord tu dis "un bête module "html personnalisé" ... Je trouve "contenu personnalisé" ...
            Je suis sous Joomla 2.5.8 mais c'est bien la même chose ?

            Parce que si ce n'est pas la même chose, je n'ai pas "html personnalisé".

            Sinon, pour te répondre, j'ai bien testé (en mode WYSIWYG donc sans éditeur), mais il y a des fois des modifications qui sautent au moment de l'enregistrement.

            Commentaire


            • #7
              Re : Création d'un module ALERTE/INFORMATION

              Oui, contenu personalisé. HTML perso, c'était sous J1.5 et j'ai encore mes habitudes

              Pour le "code qui saute", regarde les paramètres de l'éditeur que tu utilises. Tu as probablement un nettoyage du code qui s'opère.
              Christophe (cavo789)
              Mon blog, on y parle Docker, PHP, WSL, Markdown et plein d'autres choses : https://www.avonture.be
              Logiciel gratuit de scan antivirus : https://github.com/cavo789/aesecure_quickscan (plus de 45.000 virus détectés, 700.000 fichiers sur liste blanche)​

              Commentaire


              • #8
                Re : Création d'un module ALERTE/INFORMATION

                Bonjour cavo789 ...

                Merci pour ton aide, effectivement il y avait bien un des paramètres dans l'éditeur qui supprimé une partie du code.

                Maintenant j'ai réussi à intégrer le module mais il me reste un petit souci sur lequel je pense que tu pourras m'aider.

                Cliquez sur l'image pour l'afficher en taille normale

Nom : cap.png 
Affichages : 1 
Taille : 39,5 Ko 
ID : 1802414

                Du fait de la configuration de la partie CSS .tooltip, la pastille verte reprend aussi les mêmes valeurs. Du coup, lorsque je passe la souris sur la pastille verte celle-ci se décale (voir capture)

                Code:
                <TD>
                <A class="tooltip" href="#"><img src="alerte_apps/images/vert.png" border="0" />
                <SPAN class="custom info"><img src="alerte_apps/images/Info.png" border="0" width="48" height="48" />
                <EM>Hippocrate</EM>Aucun problème actuellement sur le fonctionnement de l'application.
                </SPAN>
                </A>
                </TD>
                Est-il possible de "scinder" les deux images, en gros, fixer la pastille verte, et afficher l'infobulle sans décalage.

                Je ne sais pas si je suis très très clair....

                Commentaire

                Annonce

                Réduire
                Aucune annonce pour le moment.

                Partenaire de l'association

                Réduire

                Hébergeur Web PlanetHoster
                Travaille ...
                X