iFrame - zobrazení článku

16. bře 2016 14:26 #126276

iFrame - zobrazení článku od carlos

Uživatel

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:

16. bře 2016 16:01 #126278

Odpověď od Cony

Moderátor

Přidejte si k odkazu do iframe parametr tmpl=component, tedy zdroj iframe bude např. www.example.com/podstranka?tmpl=component

Poděkovali: carlos

16. bře 2016 16:28 - 16. bře 2016 16:32 #126280

Odpověď od carlos

Uživatel

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:

16. bře 2016 18:13 #126281

Odpověď od Ernst

Joomla Expert

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

Code:

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

ale nejsem si tím zcela jist

16. bře 2016 18:20 #126282

Odpověď od Cony

Moderátor

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

Code:

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

Code:

www.example.com/podstranka?tmpl=component

pokud ve tvaru www.example.com/index.php?aaa=bbb&ccc=ddd (tedy ne-SEF url) doplníte

Code:

www.example.com/index.php?aaa=bbb&ccc=ddd&tmpl=component

16. bře 2016 21:27 - 16. bře 2016 21:29 #126285

Odpověď od carlos

Uživatel

Super, vyřešeno!
děkuji vám za rychlé reakce a věcné rady!
A ještě malá omluva za "sintax"

19. bře 2016 10:54 #126313

Odpověď od carlos

Uživatel

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?

19. bře 2016 23:36 #126325

Odpověď od Cony

Moderátor

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

20. bře 2016 10:58 #126326

Odpověď od carlos

Uživatel

Opět děkuji za rychlou odpověď.
V celkovém zdrojovém kódu pod "Component" je pouze toto:

<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" />

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

20. bře 2016 23:26 #126329

Odpověď od Cony

Moderátor

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

21. bře 2016 14:16 #126338

Odpověď od carlos

Uživatel

Super, opět děkuji za reakci. Už je to odladěno!

Přihlásit se

iFrame - zobrazení článku

Nejnovější příspěvky