iFrame - zobrazení článku

carlos
16. bře 2016 14:26 #126276
Zdravím,
chtěl bych požádat o radu - potřeboval bych do plovoucího okna (iFrame) dostat zvolený článek tak, aby se zobrazoval pouze daný článek s "průhledným" pozadím. Nyní se mi při odkazování článku v tagu iframe zobrazují "celé" stránky, pravda i s odkazovaným článkem, ale výsledek je poměrně nehezký - viz. sreenshot.
Nahoře je plovoucí okno s odkazovaným článkem s novinkami, v pravém dolním rohu (Novinky) je pak vidět, jak bych si představoval aby to vypadalo (ale toho jsem dosáhl vytvořením úplně samostatné stránky umístěné do inframe....pro další editaci to ale není moc pohodlné...)
Za každou radu předem díky.

Pex
Přílohy:

Pro možnost přispívání do fóra je nutné: Přihlásit se nebo Vytvořit účet.

Odpověď od Cony
16. bře 2016 16:01 #126278
Přidejte si k odkazu do iframe parametr tmpl=component, tedy zdroj iframe bude např. www.example.com/podstranka?tmpl=component
Poděkovali: carlos

Pro možnost přispívání do fóra je nutné: Přihlásit se nebo Vytvořit účet.

Odpověď od carlos
16. bře 2016 16:28 - 16. bře 2016 16:32 #126280
Děkuji za rychlou odpověď!
Bohužel výsledek se stále nedaří - snad možná mám jen chybu v sintaxu....
pokud odkazuji na konkrétní článek (artikl) tak jako odkaz používám následující formát:

index.php?option=com_content&view=article&layout=edit&id=XYZ


zápis by tedy měl být takto?

index.php?option=com_content&view=article&layout=edit&id=XYZ?tmpl=component


přikládám ještě jeden screen pro lepší představu - "novinky" napravo jsou správně (při použití samostatné stránky). "Novinky" nalevo jsou při vložení odkazu na článek do iframe...
Přílohy:

Pro možnost přispívání do fóra je nutné: Přihlásit se nebo Vytvořit účet.

Odpověď od Ernst
16. bře 2016 18:13 #126281
z logiky věci bych to chápal tak, že syntaxe má být
index.php?option=com_content&view=article&layout=edit&id=XYZ&tmpl=component

ale nejsem si tím zcela jist

Pro možnost přispívání do fóra je nutné: Přihlásit se nebo Vytvořit účet.

Odpověď od Cony
16. bře 2016 18:20 #126282

ernst napsal: z logiky věci bych to chápal tak, že syntaxe má být

index.php?option=com_content&view=article&layout=edit&id=XYZ&tmpl=component

Přesně tak. Pokud už url parametry obsahuje (je v něm otazník), tak nový parametr nakonec se znakem &
takže pokud budete mít do iframe url ve tvaru www.example.com/podstranka (tedy SEF url) doplníte
www.example.com/podstranka?tmpl=component
pokud ve tvaru www.example.com/index.php?aaa=bbb&ccc=ddd (tedy ne-SEF url) doplníte
www.example.com/index.php?aaa=bbb&ccc=ddd&tmpl=component

Pro možnost přispívání do fóra je nutné: Přihlásit se nebo Vytvořit účet.

Odpověď od carlos
16. bře 2016 21:27 - 16. bře 2016 21:29 #126285
Super, vyřešeno!
děkuji vám za rychlé reakce a věcné rady!
A ještě malá omluva za "sintax" :)

Pro možnost přispívání do fóra je nutné: Přihlásit se nebo Vytvořit účet.

Odpověď od carlos
19. bře 2016 10:54 #126313
Dobré sobotní dopoledne,
ještě jsem narazil na jednu věc, která s iFrame souvisí - když už jsem do rámu dostal samostatný článek, nedaří se mi jej adekvátně naformátovat. Respektive v rámci stylování v html kóodu článku celkem ano, ale raději bych aby si článek vzal styl z css souboru. Zkoušel jsem nadefinovat třídu v globálním css a použít pouze "class" v html článku, ale bohužel to příliš nefunguje. Stejně tak nefunguje ani "přípona třídy modulu" přímo u modulu "iframe - obálka".
Měl by prosím vás někdo radu, jak toto ošetřit?

Pro možnost přispívání do fóra je nutné: Přihlásit se nebo Vytvořit účet.

Odpověď od Cony
19. bře 2016 23:36 #126325
Obsah zobrazený v iframe nelze naformátovat pomocí stylu obalujících stránek. Je to v podstatě nové okno prohlížeče s otevřenými dalšími stránkami. Musíte jej tedy formátovat v rámci obsahu zobrazeného v iframe. V tomto případě bude záležet na Vaší šabloně, jak má pořešené zobrazení typu "component", jaké styly do něj nahrává. Použijte Firebug nebo jiné vhodné rozšíření v prohlížeči (Ctrl+F12) a prozkoumeje si kód který Vám iframe zobrazuje. Popř. si přímo zobrazte zdrojový kód.
Poděkovali: carlos

Pro možnost přispívání do fóra je nutné: Přihlásit se nebo Vytvořit účet.

Odpověď od carlos
20. bře 2016 10:58 #126326
Opět děkuji za rychlou odpověď.
V celkovém zdrojovém kódu pod "Component" je pouze toto:

<!-- Component -->

<div id="container" class="span12">

<div id="main" class="main-box">
<div class="item-pagehome">


Zatím mám článek v iframe formátovaný "natvrdo" v html editoru článku - toto formátování pak v podstatě obsahuje zdrojový kód přímo iframe a jediný css na který odkazuje zdroják iframe je tato:

<link href="/templates/ewr/css/print.css?v=1" rel="stylesheet" type="text/css" /> <!-- stylesheet -->


Zde se omlouvám, ale nevím co prezentuje označení "?v=1" za jménem stylu....

Pro možnost přispívání do fóra je nutné: Přihlásit se nebo Vytvořit účet.

Odpověď od Cony
20. bře 2016 23:26 #126329

Pexeso napsal: Zde se omlouvám, ale nevím co prezentuje označení "?v=1" za jménem stylu....

Nic. Některé šablony toto používají aby se vyhnuly cacheování staré verze CSS, tedy pokud CSS změníte, aby došlo k jeho obnově v prohlížeči ihned. Musel by jste pak ale změnit i to volání, aby po změně bylo třeba ?v=2

Pro možnost přispívání do fóra je nutné: Přihlásit se nebo Vytvořit účet.

Odpověď od carlos
21. bře 2016 14:16 #126338
Super, opět děkuji za reakci. Už je to odladěno!

Pro možnost přispívání do fóra je nutné: Přihlásit se nebo Vytvořit účet.