paramétrer popup "imprimer"

Réduire
Ce sujet est fermé.
X
X
 
  • Filtrer
  • Heure
  • Afficher
Tout effacer
nouveaux messages

  • [RÉGLÉ] paramétrer popup "imprimer"

    Bonjour,

    après avoir fouillé dans le forum, j'ai réussi à insérer une image dans le "head" du popup "imprimer" en modifiant le fichier "component.php" de mon templates comme suit :
    Code HTML:
    <div id="header">
    <img src="templates/system/images/HeaderHebdo.jpg" width="600" height="150" />
    </div>
    	<body class="contentpane">
    		<jdoc:include type="message" />
    		<jdoc:include type="component" />
    	</body>
    <div id="footer">
    </div>
    mais je voudrai conditionner le code
    Code HTML:
    <img src="templates/system/images/HeaderHebdo.jpg" width="600" height="150" />
    au type de catégorie d'article, exemple : image d'un "animal" pour la catégorie "animal", image d'une "voiture" pour la catégorie "voiture", etc.
    Cliquez sur l'image pour l'afficher en taille normale

Nom : PopUp_imprimer.JPG 
Affichages : 1 
Taille : 64,1 Ko 
ID : 1820966

    Je pense qu'il faut mettre une condition mais là je ne sais pas car je n'y connais rien en programmation PHP.

    Merci, pour votre aide.

  • #2
    Re : paramétrer popup &quot;imprimer&quot;

    il y a trois étapes dans ce que tu veut faire :

    Dans ton fichier compnent.php tu as cette ligne :
    Code:
    defined('_JEXEC') or die('Restricted access');
    ajoutes ceci juste en dessous :
    Code:
    $categoryid = JRequest::getCmd('catid');
    Ce qui vas donner ceci dans ton fichier :
    Code:
    defined('_JEXEC') or die('Restricted access');
    $categoryid = JRequest::getCmd('catid');
    La on récupères l id de la catégorie et on le stocke dans la variable $categoryid

    Ensuite on vas créer une classe spécifique pour chaque catégorie. Remplace le <div id="header"> par celui ci dessous :

    Code:
    <div id="header" class="header<?php echo $categoryid; ?>">
    </div>
    si l'id de ta catégorie est 1, il faut ajouter dans le fichier css :
    Code:
    .header1
    	{
        background: #00ff00 url("chemin vers l image") no-repeat fixed center;
    }
    la regle css est à dupliquer et adapter avec l'id des catégories que tu souhaites cibler.
    suivant les templates, il s agira d'un fichier system.css ou general.css.
    Pour trouver le fichier css, regardes dans la balise <head> avec firebug dans la fenetre d impression.
    Le fichier sera indiqué.
    Pour trouver l'id des catégories, il s'agit de la derniere colonne de l'onglet contenu > catégorie dans l administration joomla.

    Commentaire


    • #3
      Re : paramétrer popup &quot;imprimer&quot;

      Bonjour,

      voilà après de nombreux essais, je n'y arrive pas. Du côté du fichier "component.php", cela fonctionne bien car quand j'édite l'inspecteur d'élément de chrome dans le popup "imprimer". Je vois bien la ligne de commande comme suit (j'ai simplifier la ligne à la couleur pour le moment) :
      Cliquez sur l'image pour l'afficher en taille normale

Nom : PopUp_imprimer.JPG 
Affichages : 1 
Taille : 72,3 Ko 
ID : 1803969

      Je continue à chercher.
      Merci pour l'aide.

      Commentaire


      • #4
        Re : paramétrer popup &quot;imprimer&quot;

        Voilà la suite, en remettant le code que tu m'as proposé :
        Cliquez sur l'image pour l'afficher en taille normale

Nom : PopUp_imprimer.JPG 
Affichages : 2 
Taille : 86,9 Ko 
ID : 1803970

        mais on voit bien quand dans le popup l'image ne s'affiche pas. Par contre, on voit bien le .header2 pris en compte dans l'image en haut à gauche.

        A suivre.

        Commentaire


        • #5
          Re : paramétrer popup &quot;imprimer&quot;

          Voila, j'ai trouvé le bug. Quand je passe la souris sur le lien "templates/system/images/HeaderHebdo.jpg" dans la fenêtre en haut à gauche de l'inspecteur d'élément :
          Cliquez sur l'image pour l'afficher en taille normale

Nom : PopUp_imprimer.JPG 
Affichages : 2 
Taille : 86,9 Ko 
ID : 1803972

          il m'affiche l'adresse du lien comme suit
          http://localhost/.../templates/system/css/templates/system/images/HeaderHebdo.jpg

          Si je comprends bien, il compile l'emplacement du fichier css "general" (voir au dessus en GRAS) avec l'emplacement que je lui donne de l'image (voir au dessus SOULIGNE).

          , c'est chaud mais je m'approche de la solution. Il faut que je trouve comment lui dire de ne pas compiler les deux chemins.

          Merci pour ton aide et tes explications qui sont supers.

          A suivre
          Dernière édition par benoit-ema à 04/01/2015, 17h04

          Commentaire


          • #6
            Re : paramétrer popup &quot;imprimer&quot;

            voilà, pour avoir le bon lien je fais comme cela : ../../../templates/system/images/HeaderHebdo.jpg
            Quand j'ouvre le lien dans un nouvel onglet à partir de l'inspecteur d'élément de chrome, j'ai bien l'image qui s'affiche .
            Mais l'image ne s'affiche pas dans le popup "imlprimer".

            A suivre.

            Commentaire


            • #7
              Re : paramétrer popup &quot;imprimer&quot;

              Voilà, quand je passe ma souris sur la ligne
              Code HTML:
              <div id="header" class="header2"></div>
              à gauche de l'inspecteur d'élément (developper tools de chrome) (voir les photos précédentes), il affiche une info bulle dans le popup "imprimer" avec ces informations : div#header.header2 607px x 0px. Si je comprends bien, cela doit dire que la hauteur est de 0 pixel.

              Je cherche, je cherche

              Commentaire


              • #8
                Re : paramétrer popup &quot;imprimer&quot;

                La suite, dans le developper tools de chrome il affiche aussi cette dimension 607px x 0px quand je clique sur la balise correspondant à header2.
                Cliquez sur l'image pour l'afficher en taille normale

Nom : PopUp_imprimer.JPG 
Affichages : 1 
Taille : 72,9 Ko 
ID : 1803973

                j'ai essayé cela mais ça n'a rien changé.
                Code HTML:
                .header2 { background: #00ff00 url(../../../templates/system/images/HeaderHebdo.jpg) 50px 50px/600px 150px no-repeat fixed; }
                A suivre.

                Commentaire


                • #9
                  Re : paramétrer popup &quot;imprimer&quot;

                  Voilà, j'ai réglé le problème en n'utilisant plus la class header pour appeler le .header

                  j'ai fait comme cela dans mon fichier component.php
                  Code HTML:
                  <div id="header">
                  <img src="<?php if ($categoryid=2)
                    echo "templates/system/images/HeaderHebdo.jpg" ?>" width="600" height="150" />
                  </div>
                  cela n'est peut être pas catholique mais ça marche pour le moment en mettant le traitement de la condition dans ici plutot que dans la feuille de style (fichier general).

                  Merci pour l'aide qui m'a permis d'arriver à ce raisonnement.

                  Je cherche maintenant la bonne écriture pour gérer plusieurs conditions (4 ou 5) avec "elseif" ?
                  Je me pose la question du "endif" qui doit surement me servir avec plusieurs conditions ?

                  Commentaire


                  • #10
                    Re : paramétrer popup &quot;imprimer&quot;

                    essaye la solution que je t ais donné en ajoutant :
                    .header1
                    {
                    background: #00ff00 url("chemin vers l image") no-repeat fixed center;
                    width:600px;
                    height:400px;
                    }
                    Les dimensions sont à ajuster.

                    Sinon pour le code que tu as mis tu y est presque.
                    Code:
                    <?php if ($categoryid=2) { ?>
                     <img src="<?php echo $this->baseurl; ?>/templates/system/images/HeaderHebdo.jpg"  width="600" height="150" />
                    <?php } elseif ($categoryid=3) { ?>
                     <img src="<?php echo $this->baseurl; ?>/templates/system/images/HeaderHebdo44444.jpg"  width="600" height="150" />
                    <?php } else  { ?>
                     <img src="<?php echo $this->baseurl; ?>/templates/system/images/image par defaut dans touts les autres cas.jpg"  width="600" height="150" />
                    <?php } 
                    endif;
                    ?>
                    Dernière édition par lefabdu51 à 04/01/2015, 19h25

                    Commentaire


                    • #11
                      Re : paramétrer popup &quot;imprimer&quot;

                      ok merci, je regarde.

                      Ma solution marche tout le temps même avec une condition fausse.

                      à suivre.

                      Commentaire


                      • #12
                        Re : paramétrer popup &quot;imprimer&quot;

                        ok cela fonctionne avec le dernier code. il faut que je fasse quelque ajustement dans les dimensions.

                        A suivre.

                        Commentaire


                        • #13
                          Re : paramétrer popup &quot;imprimer&quot;

                          tu as utilisé la solution css ou php?

                          Commentaire


                          • #14
                            Re : paramétrer popup &quot;imprimer&quot;

                            Voila, je viens de terminer les derniers réglages et c'est parfait.

                            J'ai utilisé la solution CSS en réglant la hauteur et la largeur du head et en retaillant ma photo pour quelle soit en corrélation.

                            Merci pour tout et tes explications qui m'ont permis de bien comprendre le principe
                            Dernière édition par benoit-ema à 04/01/2015, 19h53

                            Commentaire

                            Annonce

                            Réduire
                            Aucune annonce pour le moment.

                            Partenaire de l'association

                            Réduire

                            Hébergeur Web PlanetHoster
                            Travaille ...
                            X