fenetre modale : bouton close et legende

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

  • [RÉGLÉ] fenetre modale : bouton close et legende

    Bonjour,

    Je découvre Joomla! avec ce tout premier site dont voici une page :

    (template barbarican)

    J'ai voulu reproduire l'ouverture d'une fenetre modale comme on le voit beaucoup dans le module d'administration (j'utilise le template Bluestork)

    En cliquant sur l'une des vignettes, on ouvre en effet une fenetre modale avec l'image agrandie, jusque là tout va bien.

    J'ai utilisé pour cela la squeezebox avec mootools et je place le lien
    <a class="modal" href="monChemin/monImageAgrandie.png" rel="{handler: 'iframe', size: {x: 520, y: 430}, onClose: function() {}}">
    sur chacune des vignettes.

    Je voudrais maintenant :
    1) faire apparaître un bouton close pour ne pas dérouter les visiteurs, comme on le voit sur les modules d'administration
    J'ai bien trouvé dans modal.css :

    #sbox-btn-close {
    position: absolute;
    width: 30px;
    height: 30px;
    right: -15px;
    top: -15px;
    background: url(../images/modal/closebox.png) no-repeat center;
    border: none;
    }
    mais comment l'utiliser ?

    2) et pouvoir compléter l'image avec une légende paramétrable via le module d'administration.
    Faut-il paramétrer l'attribut rel de la balise <a> ?

    Ou est-ce-qu'il faut créer un article avec sa légende et l'ouvrir en modal ? Et dans ce cas, comment le gérer avec administrator ?

    J'ai cherché et trouvé quelques articles sur les forum relatifs à la squeezebox et à l'ouverture de fenetres modales, mais rien qui n'évoque ces points précis.

    Un grand merci à qui pourra me donner ces renseignements.
    Isabelle YVON

  • #2
    Re : fenetre modale : bouton close et legende

    Salut,
    sorry, sorry, je ne vais pas directement à ta question.
    j'imagine que tu updaté ton site de j!1.5 vers j!1.7 ?
    Le pb est que tu te retrouves avec une version de mootools en 1.12 et une version de Squeezebox antique -
    normalement modal.js dans media/system/js/, mais dans ton cas script.js dans templates/atomic/js/script.js-.
    Est-ce un choix ?

    J!1.7 s'appuie sur Mootools 1.3.X.
    Je me demande même comment ton site fonctionne sans erreurs JavaScript.
    Mais ca fonctionne.

    Cela dit, tu te prives de modules ou plugins qui règleraient assez simplement les questions que tu te poses mais qui utilisent Mootools 1.3.

    Je recommande particulièrement :
    jdvThumbs


    NB : Ton code "modal" est correct.
    Mais la css modal.css n'est pas appelée dans ton système, donc l'image n'est pas trouvée.
    Essaye de rajouter le code CSS que tu cites dans l'un des fichiers CSS de ton template et place l' image closebox.png qui se trouve dans /media/system/images/modal/closebox.png dans le dossier images de ton template (en indiquant correctement le chemin vers cette image dans le code css).

    Il y a une autre solution plus raccord avec l'API Joomla mais ton option Mootools 1.12 m'embête.
    Un message d’erreur sur votre site Joomla ... ayez le reflexe de consulter lla base de connaissance : https://kb.joomla.fr

    Ce forum, vous l'aimez ? il vous a sauvé la vie ? Vous y apprenez chaque jour ? Alors adhérez à l'AFUJ https://www.joomla.fr/association/adherer

    Commentaire


    • #3
      Re : fenetre modale : bouton close et legende

      Tout d'abord, merci Gazhal de t'intéresser à ce post, je me sentais totalement sur la touche et le moral remonte à toute allure !

      C'est bien mon premier site Joomla, et je suis partie directement de la version 1.7. J'utilise le même mootools que celui de l'administrator, livré avec la version 1.7 et puisque cette version est périmée, je vais donc essayer mootools 1.3.2.

      Mais aussi, je vais suivre ton conseil :
      Essaye de rajouter le code CSS que tu cites dans l'un des fichiers CSS de ton template et place l' image closebox.png qui se trouve dans /media/system/images/modal/closebox.png dans le dossier images de ton template (en indiquant correctement le chemin vers cette image dans le code css).
      et je te tiens au courant.

      Merci beaucoup.
      Isabelle YVON

      Commentaire


      • #4
        Re : fenetre modale : bouton close et legende

        et je suis partie directement de la version 1.7
        Alors là, je ne comprends pas pourquoi tu te retrouves avec mootools 1.12.
        Peut-être l'éditeur JCE t'a fait une blague - a priori pas un pb de template puisque tu utilises Atomic.
        Quand tu as le temps, explique-moi en quelques mots comment tu as fait ton install. Quellles extensions sont installées, etc...
        Un message d’erreur sur votre site Joomla ... ayez le reflexe de consulter lla base de connaissance : https://kb.joomla.fr

        Ce forum, vous l'aimez ? il vous a sauvé la vie ? Vous y apprenez chaque jour ? Alors adhérez à l'AFUJ https://www.joomla.fr/association/adherer

        Commentaire


        • #5
          Re : fenetre modale : bouton close et legende

          Et bien, voila l'historique :

          J'ai téléchargé Joomla 1.7 le 10 juillet sur mon ordi perso.Et je pense avoir transféré sur le serveur un premier jet vers le 24 juillet.

          Là où ça s'est compliqué c'est quand j'ai voulu installer mon template, "Barbarican".

          Mon hébergeur ne peut pas désactiver le "safe mode", j'ai eu recours à un artifice pour avoir mon barbarican en ligne :

          J'ai renommé sur le serveur le dossier Barbarican en Atomic, et remplacé les appels au dossier "barbarican" par "atomic".

          Pour cette extension, ça a marché, mais pour d'autres extensions, ce sera une autre paire de manche.

          Je prospecte pour un nouvel hébergeur.

          Pour en revenir à ma question initiale, après avoir transféré les fichiers modal.css et closebox.jpg dans les répertoires templates\atomic\css et images, puis supprimé le box.css qui était en concurrence, j'obtiens bien le petit bouton close qui me manquait tant !

          Est-ce-qu'avec mootools 1.3.2 je pourrais mettre en légende le titre ou la description de l'image que j'affiche en modal ?

          J'ai réussi à le faire entre temps avec JCE mediabox, version adhérent, mais pour l'instant je ne peux pas l'installer sur mon hébergeur, toujours pour la même raison (safe mode).

          Merci pour l'intérêt que tu portes à ce sujet.
          Isabelle YVON

          Commentaire


          • #6
            Re : fenetre modale : bouton close et legende

            Je te conseille de te tourner éventuellement vers le plugin Modalizer de NoNumber : http://www.nonumber.nl/extensions/modalizer

            Peut-être cela facilitera la gestion des différentes versions de MooTools.

            A+
            My Own Memory Hole < http://www.briceboucard.fr/ > Joomla! | GCweb | Google Maps API (v2) | Linux

            Commentaire


            • #7
              Re : fenetre modale : bouton close et legende

              Très bien, merci de ces conseils, je vais étudier de près
              modalizer
              et
              jdvThumbs
              Isabelle YVON

              Commentaire


              • #8
                Re : fenetre modale : bouton close et legende

                *Le dev de NoNumber a choisi principalement jQuery (l'autre librairie JS), dans ce cas, ce serait rajouter encore des pb, même si il propose une option Squeezebox dans son Modalizer
                *Modalizer focalise sur une proposition en modal, jdvthumbs focalise sur une propal thumbnails (vignettes)+modal

                *@Ninon, je comprends mieux ce qui s'est passé. Barbarican (de globberstheme, leurs templates sont sympas, c'est vrai) doit charger moo 1.12 qq part.
                La version gratuite est pour 1.5, l'update vers 1.6/1.7 est payante.
                As-tu updaté? Sinon, il va falloir trafiquer.

                Edit :
                j'ai regardé vite fait barbican gratuit pour 1.5. A priori, le souci ne vient pas de là.
                Dernière édition par ghazal à 11/08/2011, 18h44
                Un message d’erreur sur votre site Joomla ... ayez le reflexe de consulter lla base de connaissance : https://kb.joomla.fr

                Ce forum, vous l'aimez ? il vous a sauvé la vie ? Vous y apprenez chaque jour ? Alors adhérez à l'AFUJ https://www.joomla.fr/association/adherer

                Commentaire


                • #9
                  Re : fenetre modale : bouton close et legende

                  Finalement , j'ai trouvé mon bonheur avec JCE mediabox, meme s'il m'a fallu le payer.

                  Je vais pouvoir afficher en modal soit des images simples mais légendées, soit des articles avec tout le texte nécessaire autour.

                  Me reste plus qu'à changer d'hébergeur, pour pouvoir désactiver le safe mode, et installer proprement barbarican et JCE etc...

                  Merci et à bientôt
                  Isabelle YVON

                  Commentaire


                  • #10
                    Re : fenetre modale : bouton close et legende

                    Envoyé par ghazal Voir le message
                    *Modalizer focalise sur une proposition en modal, jdvthumbs focalise sur une propal thumbnails (vignettes)+modal
                    Désolé mais pourrais-tu clarifier ton propos, j'ai pas vraiment compris ce que tu voulais dire :/

                    Merci et à+
                    My Own Memory Hole < http://www.briceboucard.fr/ > Joomla! | GCweb | Google Maps API (v2) | Linux

                    Commentaire


                    • #11
                      Re : fenetre modale : bouton close et legende

                      Rien de mystérieux.
                      Modalizer focalise sur une proposition en modal :
                      plusieurs propositions de fenêtres en modal avec divers scripts JS connus

                      jdvthumbs
                      le dev a plutôt concentré son travail (j'ai rarement vu un plug joomla aussi élégamment codé) sur différentes possibilités autour de l'affichage de vignettes dans différents cas de figures, la partie modale étant secondaire.

                      Est-ce plus clair ?
                      Un message d’erreur sur votre site Joomla ... ayez le reflexe de consulter lla base de connaissance : https://kb.joomla.fr

                      Ce forum, vous l'aimez ? il vous a sauvé la vie ? Vous y apprenez chaque jour ? Alors adhérez à l'AFUJ https://www.joomla.fr/association/adherer

                      Commentaire


                      • #12
                        Re : fenetre modale : bouton close et legende

                        Oui, merci pour ces éclaircissements.

                        A+
                        My Own Memory Hole < http://www.briceboucard.fr/ > Joomla! | GCweb | Google Maps API (v2) | Linux

                        Commentaire

                        Annonce

                        Réduire
                        Aucune annonce pour le moment.

                        Partenaire de l'association

                        Réduire

                        Hébergeur Web PlanetHoster
                        Travaille ...
                        X