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

[sergebourlon]

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

[pmleconte]

Re : Editeur JCE - Iframes dans articles

Bonsoir,

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

Bonne soirée,

Pascal

[pmleconte]

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

[pmleconte]

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

[sergebourlon]

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

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

[sergebourlon]

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

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....

[pmleconte]

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

<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...

[sergebourlon]

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

[sergebourlon]

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 :

[pmleconte]

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

[sergebourlon]

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

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 :


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

[pmleconte]

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

<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 :

<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

[sergebourlon]

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

<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 :

<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

[pmleconte]

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

[lesoutier]

Re : Editeur JCE - Iframes dans articles

Si c'est réglé merci de l'indiquer :

http://forum.joomla.fr/announcement.php?f=230