Editeur JCE - Iframes dans articles

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

  • [RÉGLÉ] Editeur JCE - Iframes dans articles

    Bonjour,

    Lorsque j'ai introduit un code html d'un iframe dans un article en vedette sur mon site, mon code html écrase le reste du contenu.
    J'avais écrit une explication mais qui n'apparait plus dans l'article.
    Pour info j'ai installé et configué l'éditeur JCE et accepté les iframes...

    Code iframe :
    <iframe src="http://ttcsintpauwels.be/competitie/vttl/bereken-je-klassement/" frameborder="0" scrolling="no" allowTransparency="true" style="position:absolute;left: -25px;top: -220px;width:960px;height:800px;"></iframe>

    Article en question : http://media-sports.net/index.php/9-...methode-frenoy

    Pouvez-vous m'aider ?

    Merci

    Serge

  • #2
    Re : Editeur JCE - Iframes dans articles

    Bonsoir,

    Vous avez mis dans votre iframe: position: absolute => essayez de mettre "relative".

    Bonne soirée,

    Pascal
    If anything can go wrong, it will...If I can help, I will ..https://conseilgouz.com

    Commentaire


    • #3
      Re : Editeur JCE - Iframes dans articles

      Oulala, je viens de comprendre: en fait, vous essayez de récupérer les résultats pour n'afficher qu'eux dans votre iframe.

      Donc, le problème est que le style de votre iframe bypasse celui de votre contenu.

      Je regarde un peu mieux.

      Pascal
      If anything can go wrong, it will...If I can help, I will ..https://conseilgouz.com

      Commentaire


      • #4
        Re : Editeur JCE - Iframes dans articles

        Re-bonsoir,

        J'ai trouvé une petite discussion sur le sujet : http://www.commentcamarche.net/forum...eb-dans-iframe

        Bonne lecture,

        Pascal
        If anything can go wrong, it will...If I can help, I will ..https://conseilgouz.com

        Commentaire


        • #5
          Re : Editeur JCE - Iframes dans articles

          Envoyé par pmleconte Voir le message
          Oulala, je viens de comprendre: en fait, vous essayez de récupérer les résultats pour n'afficher qu'eux dans votre iframe.

          Donc, le problème est que le style de votre iframe bypasse celui de votre contenu.

          Je regarde un peu mieux.

          Pascal
          J'ai essayé mais ça ne marche pas
          J'ai comme une impression que l'éditeur JE ne reconnaît pas la balise "div" pour espacer le contenu dans un article. ..

          Une solution ?

          Serge

          Commentaire


          • #6
            Re : Editeur JCE - Iframes dans articles

            Envoyé par pmleconte Voir le message
            Re-bonsoir,

            J'ai trouvé une petite discussion sur le sujet : http://www.commentcamarche.net/forum...eb-dans-iframe

            Bonne lecture,

            Pascal
            J'avais déjà vu le tuto mais j'ignore comment installer le code CSS et html ....
            Pour revenir à mon problème c'est que même le titre de l'article n'apparaît pas alors que j'ai cliqué sur publié le titre.
            J'ai comme l'impression que mon code html absorbe le reste de l'article....

            Commentaire


            • #7
              Re : Editeur JCE - Iframes dans articles

              Bonjour,

              Il suffit de mettre la définition outdiv et iniframe dans le fichier template.css, en modifiant les tailles selon vos besoins.

              Ensuite, pour la partie
              Code:
              <div id="outdiv"><iframe src="http://www.unsiteexterne.com" scrolling="no" width="1280px" height="1200px" id="iniframe"></iframe></div>
              vous la mettez dans votre article et, je viens de tester avec le template tennis news, cela marche sans problème, ou presque: il ne faut pas oublier de changer l'affichage de votre éditeur pour supprimer tous les formattages....(toggle editor).

              Pascal

              PS: le site aftnet.be ne fonctionne pas actuellement...
              Dernière édition par pmleconte à 04/05/2016, 07h23
              If anything can go wrong, it will...If I can help, I will ..https://conseilgouz.com

              Commentaire


              • #8
                Re : Editeur JCE - Iframes dans articles

                Bonjour,

                Ca marche sans avoir touché au css du template
                Par contre, je ne sais pas ou placer les codes left et top pour le recadrage
                Voici le code d'origine :
                <iframe src="http://ttcsintpauwels.be/competitie/vttl/bereken-je-klassement/" frameborder="0" scrolling="no" allowTransparency="true" style="position:absolute;left: -25px;top: -220px;width:960px;height:800px;"></iframe>

                Peux-tu me le corriger ?

                Merci

                Serge

                Commentaire


                • #9
                  Re : Editeur JCE - Iframes dans articles

                  En fait je voudrais voir disparaitre les menus du dessus du site en question et comment la bordure à "Bereken je klassement"

                  Voici ci-dessous ce que je voudrai obtenir comme résultats :
                  Cliquez sur l'image pour l'afficher en taille normale

Nom : capture.jpg 
Affichages : 1 
Taille : 184,8 Ko 
ID : 1805502
                  Dernière édition par sergebourlon à 04/05/2016, 09h24

                  Commentaire


                  • #10
                    Re : Editeur JCE - Iframes dans articles

                    Bonjour,

                    Les définitions de taille et position sont dans le style #iniframe.

                    Si vous ne souhaitez pas (ou ne pouvez pas) mettre votre définition dans le template.css, mettez la dans votre index.php du template en l'entourant de balise <style type="text/css"></style> comme vous l'avez actuellement en ligne 8 de ce fichier.

                    Si vous le mettez directement dans l'iframe, cela va encore donner des "bizarreries" comme précédemment.

                    Pascal
                    If anything can go wrong, it will...If I can help, I will ..https://conseilgouz.com

                    Commentaire


                    • #11
                      Re : Editeur JCE - Iframes dans articles

                      Envoyé par pmleconte Voir le message
                      Bonjour,

                      Les définitions de taille et position sont dans le style #iniframe.

                      Si vous ne souhaitez pas (ou ne pouvez pas) mettre votre définition dans le template.css, mettez la dans votre index.php du template en l'entourant de balise <style type="text/css"></style> comme vous l'avez actuellement en ligne 8 de ce fichier.

                      Si vous le mettez directement dans l'iframe, cela va encore donner des "bizarreries" comme précédemment.

                      Pascal
                      Ok dans ce cas que dois-je faire précisément (étapes à suivre) ?
                      Cela m'a l'aire assez technique et complexe comme cheminement
                      par contre j'ai trouvé ceci :
                      Cliquez sur l'image pour l'afficher en taille normale

Nom : index.jpg 
Affichages : 1 
Taille : 125,1 Ko 
ID : 1805503

                      Est-ce là que je dois ajouter les codes ?
                      Peux-tu me communiquer le code en questions et à quelle ligne dois--je le retranscrire ?

                      Merci pour ton aide
                      Dernière édition par sergebourlon à 04/05/2016, 10h42

                      Commentaire


                      • #12
                        Re : Editeur JCE - Iframes dans articles

                        Ce n'est pas très technique, c'est la façon de faire.....Vous êtes sur le bon endroit pour modifier le template.

                        Entre la ligne 18 et la ligne 19 (qui contient </head>), il faut insérer le code suivant
                        Code:
                        <style type="text/css">
                        #outdiv { 
                        height: 800px; 
                        overflow: hidden; 
                        position: relative; 
                        width: 960px; 
                        } 
                        
                        #iniframe { 
                        height: 800px; 
                        left: -25px; 
                        position: absolute; 
                        top: -220px; 
                        width: 960px; 
                        } 
                        </style>
                        Une fois les modifications effectuées au niveau du template, n'oubliez pas de cliquer sur "enregistrer".

                        Ensuite, au niveau de votre article, vous mettez l'appel à votre iframe :
                        Code:
                        <div id="outdiv"><iframe src="http://ttcsintpauwels.be/competitie/vttl/bereken-je-klassement/" scrolling="no" width="960px" height="800px" id="iniframe"></iframe></div>
                        Il peut y avoir des réglages à faire en fonction du site externe que vous appelez.

                        Pascal
                        If anything can go wrong, it will...If I can help, I will ..https://conseilgouz.com

                        Commentaire


                        • #13
                          Re : Editeur JCE - Iframes dans articles

                          Envoyé par pmleconte Voir le message
                          Ce n'est pas très technique, c'est la façon de faire.....Vous êtes sur le bon endroit pour modifier le template.

                          Entre la ligne 18 et la ligne 19 (qui contient </head>), il faut insérer le code suivant
                          Code:
                          <style type="text/css">
                          #outdiv { 
                          height: 800px; 
                          overflow: hidden; 
                          position: relative; 
                          width: 960px; 
                          } 
                          
                          #iniframe { 
                          height: 800px; 
                          left: -25px; 
                          position: absolute; 
                          top: -220px; 
                          width: 960px; 
                          } 
                          </style>
                          Une fois les modifications effectuées au niveau du template, n'oubliez pas de cliquer sur "enregistrer".

                          Ensuite, au niveau de votre article, vous mettez l'appel à votre iframe :
                          Code:
                          <div id="outdiv"><iframe src="http://ttcsintpauwels.be/competitie/vttl/bereken-je-klassement/" scrolling="no" width="960px" height="800px" id="iniframe"></iframe></div>
                          Il peut y avoir des réglages à faire en fonction du site externe que vous appelez.

                          Pascal
                          Super ça marche !
                          Juste pour info, comment enlever ce qui mentionnés dans la partie grisâtre ?

                          Serge

                          Commentaire


                          • #14
                            Re : Editeur JCE - Iframes dans articles

                            Dans la mesure où l'iframe n'est pas dans votre domaine, on ne peut pas "jouer" avec elle (supprimer une div par exemple : http://stackoverflow.com/questions/4...withing-iframe), c'est un problème de sécurité.

                            Pascal
                            If anything can go wrong, it will...If I can help, I will ..https://conseilgouz.com

                            Commentaire


                            • #15
                              Re : Editeur JCE - Iframes dans articles

                              Si c'est réglé merci de l'indiquer :
                              Lorsque l'on se cogne la tête contre un pot et que cela sonne creux, ça n'est pas forcément le pot qui est vide.
                              Confucius

                              Commentaire

                              Annonce

                              Réduire
                              Aucune annonce pour le moment.

                              Partenaire de l'association

                              Réduire

                              Hébergeur Web PlanetHoster
                              Travaille ...
                              X