Conflit de HEAD

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

  • Conflit de HEAD

    Bonjour,

    Je viens de faire une feuille de style avec du js pour du responsive qui fonctionne en l'état.
    J'ai de l'html, du css et du js -> jquery
    Dès que j’intègre :
    Code:
    <jdoc:include type="head" />
    Cela ne fonctionne plus.

    Comment optimiser ce qu'il y a dans ce jdoc et ne pas me mettre en conflit au point que mon code ne fonctionne plus ?

    Cordialement,

  • #2
    Re : Conflit de HEAD

    après plusieur essaie cela empèche mon fonctionnement :
    <script type="text/javascript">
    jQuery(window).on('load', function() {
    new JCaption('img.caption');
    });
    </script>
    comment l'exclure de : <jdoc:include type="head" />

    Commentaire


    • #3
      Re : Conflit de HEAD

      Bonsoir,

      Le plus simple est de ne pas mettre
      <jdoc:include type="head" />
      Et de le remplacer par les lignes qu'il génère sans celle qui te met le bouzin.

      Simple, rapide et efficace.
      Et pis c'est tout.

      Papounet
      Artiste international, producteur phonographique et bidouilleur du web encore et toujours en activité.
      Compositeur du groupe : Roses Street présent sur toutes les plateformes de steaming.
      I'am happy for you !
      Dernière réalisation : http://www.pierrickservais.com/

      Commentaire


      • #4
        Re : Conflit de HEAD

        Papounet et les autres,

        volontier, mais comment je récupère :
        <base href="http://localhost/joomla/">
        <title>AFO - Test - Assistance </title>

        par exemple ?

        Commentaire


        • #5
          Re : Conflit de HEAD

          Salut,
          Je viens de faire une feuille de style avec du js pour du responsive qui fonctionne en l'état.
          J'ai de l'html, du css et du js -> jquery
          Je suppose que c'est dans l'index.php de ton template ?
          Ou ailleurs ?
          C'est quoi l'html que tu rajoutes ?


          Principes élémentaires pour insérer du JS dans joomla, accompagné d'une feuille de style :
          * adapter le script à Joomla (et non l'inverse)
          * éviter de rajouter un appel à la librairie jQuery, puis que jQuery est déjà présent par défaut

          Comment appelles-tu le script que tu veux utiliser ?
          L'as-tu positionné correctement dans la liste des appels JS ?
          As-tu modifié le script pour qu'il soit correctement interprété dans <head> ?
          -> un exemple de ton script ?
          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


          • #6
            Re : Conflit de HEAD

            Envoyé par afournery Voir le message
            Papounet et les autres,

            volontier, mais comment je récupère :
            <base href="http://localhost/joomla/">
            <title>AFO - Test - Assistance </title>

            par exemple ?
            Pitain, il trouverait pas de l'eau dans l'océan le bougre.

            Tu édites le code de ta page avec ton navigateur et tu copies les lignes générés par le jdoc
            Et tu colles tout ça à la place du jdoc dans le fichier index.php de ton template.

            Ensuite, tu vires au loin tout ce qui te conviens pas.

            Et on en parles plus.

            C'est peut être une grosse bidouille, mais ça marche et pis c'est tout.
            Artiste international, producteur phonographique et bidouilleur du web encore et toujours en activité.
            Compositeur du groupe : Roses Street présent sur toutes les plateformes de steaming.
            I'am happy for you !
            Dernière réalisation : http://www.pierrickservais.com/

            Commentaire


            • #7
              Re : Conflit de HEAD

              Papounet,

              l'html je sais faire merci... Par contre récupérer le paramètre Title renseigner dans la base de donnée de JOOMLA je ne sais pas faire.
              Si je me sert de Joomla c'est pour automatisé les requêtes que je ne sais pas faire....
              Donc je suis toujours à la recherche d'un Jdoc ou d'une ligne de commande PHP qui me permette d''avoir mon TITLE automatiquement.
              et pareil pour BASE

              Commentaire


              • #8
                Re : Conflit de HEAD

                Ah okay

                Je pense que le contenu du fichier
                libraries/joomla/document/renderer/html/head.php
                devrait apporter les éléments de réponses à tes question

                Non ???
                Artiste international, producteur phonographique et bidouilleur du web encore et toujours en activité.
                Compositeur du groupe : Roses Street présent sur toutes les plateformes de steaming.
                I'am happy for you !
                Dernière réalisation : http://www.pierrickservais.com/

                Commentaire


                • #9
                  Re : Conflit de HEAD

                  Est-il possible d'en faire une surcharge dans Template ? si oui je le met avec index.php ?

                  Commentaire


                  • #10
                    Re : Conflit de HEAD

                    Bonjour,

                    Je souhaite faire ma propre feuille de style et ma propre disposition et responsive

                    du coup dans mon template favourite j'ai refait le fichier index.php
                    avec pour particularité :
                    Code:
                    <a href="#" class="header_icon" id="header_icon"></a>
                    qui s'affiche que pour les smartphones
                    le js :
                    Code:
                    $(function(){
                        console.log($('#header_icon'));
                        $('#header_icon').click(function(e){
                            alert('ok');
                            e.preventDefault();
                            $('body').toggleClass('with-sidebar');
                        });
                    });
                    et le css :
                    Code:
                    @media (max-width: 840px) {
                        body{font-size: 12px;}
                        .site-content{padding-top: 0;}
                    .header{
                            position: static;
                        }
                    .header_icon{
                    /*    position: relative;
                        display: table-cell;
                        float: left;
                        width: 30px;
                        height: 40px;
                        cursor: pointer;  */
                    }
                    .header_icon:after{
                        content: '';
                    /*    position: absolute;*/
                        display: table-cell;
                        width: 1rem; /* une fois la taille de la police */
                        height: 0;
                        top: 15px;
                        left: 5px;
                        box-shadow: 0 10px 0 1px #305a0e, 0 16px 0 1px #305a0e, 0 22px 0 1px #305a0e;
                    }
                    .nav{
                        position: absolute;
                        left: 0;
                        top: 0;
                        bottom: 0;
                        width: 150px;
                        background-color: #305a0e;
                        transform: translateX(-150px);
                        transition-duration: 0.3s;
                    }
                    .nav > li {
                        display: block;
                        height: 30px;
                        float: left;
                        color: inherit;
                        padding: 0px 10px;
                    }
                    
                    .with-sidebar{
                        background-color: #fff;
                    }
                    }
                    donc que faire ?

                    Commentaire

                    Annonce

                    Réduire
                    Aucune annonce pour le moment.

                    Partenaire de l'association

                    Réduire

                    Hébergeur Web PlanetHoster
                    Travaille ...
                    X