Paragraph style és Iframe használata


Előfordulhat olyan eset honlapszerkesztés közben, hogy a honlapon szeretnél
kitenni egy hosszabb szöveget, de úgy, hogy ne legyen nagyon “hosszú” lefele a
lap (akár design miatt, akár más miatt). Ilyenkor meg lehet egy lapon belüli
görgetős mezővel is oldani a dolgokat, ennek 2 módszerét ismertetem most.


Egyik megoldás az <iframe></iframe> tag-ek használata, a másik a
<p></p> tag-ek használata. Az első esetben a lapon csak a tag-ek
helyezzük el, a tartalmat egy külső fájlból fogja meghívni, míg a második
esetben a tartalom is a html fájlon belül lesz.

Nézzünk inkább példákat, úgy
érthetőbb lesz egyelőre homályos magyarázatom :)


1
<IFRAME></IFRAME>

Van mondjuk egy “gumikacsa.html” fájl, amibe szeretnél egy 50% széles
és 200 pixel magas ablakot, melynek tartalma scrollozható, és maga a tartalom
egy külső fájlban található – legyen mondjuk “tartalom.txt“. Akkor egy
ilyen kódrészletet kell beillesztened a “gumikacsa.html” -be
betenned:

1
<IFRAME src="tartalom.txt" name="gyik" width="50%" height="200" align="center">Ha ezt a részt látod csak a valós tartalmat nem - frissítsd a böngészőprogramodat mert már régi.</IFRAME>

a “tartalom.txt” neve helyére természetesen azt a fájlt kell beírnod,
amit majd szeretnél ha megjelenne a keretben. Itt fontosnak tartom megjegyezni,
hogy akár http:// hivatkozás is lehet, tehát bármilyen szerverről, bármilyen
lapot be lehet így illeszteni a “gumikacsa.html“-be.

Az “50%” és a “height=”200″” szerintem egyértelmű – ablak
szélessége és magassága. A mintából kiderül, hogy megadhatod pixel-ben és
százalékban is az értékeket.

Van egy olyan rész, hogy “Ha ezt a részt látod….” – ez akár ki is
hagyható lenne, de nem áll semmiből használni. Ez a szöveg a látogatók számára
csak akkor jelenik meg, ha a böngészőjük nem támogatja az <iframe>-k
használatát. Ez előfordulhat mondjuk ilyen 1.0-s Netscape vagy IE esetében (amit
már nem sokan használhatnak:DD), vagy ha a látogató direkt letiltotta e tag
használatát, esetleg még pár linuxos kliens esetében jelenhet meg ez a
figyelmeztető szöveg, de ebben nem vagyok 100%-ig biztos (links, lynx stb..)

Az “align=”center”” – ez felel azért, hogy a keret a lapon hol
jelenjen meg. A mi esetetünkben ez most középen fog.

Így fog kinézni:



Ez a módszer a honlapon amúgy is használat paragraph tulajdonságaira építő
megoldás, nézzünk egy példát rá:

1
2
3
4
5
6
7
8
9
<P style="width: 50%; height: 50px; overflow:auto; border: 1px solid black">
sor1 sor1 sor1 sor1 sor1 sor1 sor1 sor1 <BR>
sor2 sor2 sor2 sor2 sor2 sor2 sor2 sor2 <BR>
sor3 sor3 sor3 sor3 sor3 sor3 sor3 sor3 <BR>
bold betűk - kövér betű <BR>
italic betűk - dőlt betűk <BR>
<FONT COLOR="red">színek használata, legyen mondjuk piros</FONT> <BR>
linkek használata - <A href="http://www.gyik.com/letoltes/">LETÖLTŐ KÖZPONT</A> <BR>
</P>

Mint látható, a <p> tag-be beillesztettünk egy kis plusz információt,
mely meghatározza a a közte található szöveg honlapon való megjelenését.

Akkor jöjjön egy kis magyarázat:

A width és a height a szélességre és a magasságra vonatkozik -
szélesség 50%, magasság 50 pixel. Ebből is kitűnik, hogy ennél a módszernél is
használható mind a százalékos, mind pedig a pixelben megadott érték.

Az overflow auto az ablak scrollozhatóságára hat, a border 1px
solid
a keret szélességét határozza meg, a black pedig a színét.

Kapcsolódó bejegyzések:
  • Az “iframe”-eket a lapodon teljesen eltüntetheted ha a kód végére beilleszted a transparency=”true” értéket, valahogy így: kódAztán a “page.html” (v …

  • Apró de idegesítő hiba, mikor egy oldalon az iframe mind a horizontális, mind pedig a vertikális gördítősáv megjelenik annak ellenére, hogy a tartalom csak verti …

  • A fórumon egyre gyakrabban előfordul a kérdés, hogy hogyan lehet weblapon gördíthető (scroll-ozható) sávot létrehozni IFrame nélkül. Ezt legegyszerűbben CSS segí …

  • Ha egy oldalba több youtube videót is szeretnél beilleszteni, 2 lehetőséged van:beilleszted őket egyesével playlist-t illesztesz beAz előbbi jelenleg ne …

  • Honlapok esetében néha nagyon hasznos megoldás tud lenni, ha a lap tartalmát (vagy egy részét) külső fájlból linkeljük be. Milyen előnyei vannak?1.) …

A cikket beküldte: Harder (http://blog.harder.hu)

1 hozzászólás

  1. Vadon says:

    Azt hogy csinálom, hogy van 1 iframe és pár link az oldalon, és azt akarom, hogy mindegyik az iframe-en belül nyiljon meg??

Szólj hozzá
a Paragraph style és Iframe használata c. bejegyzéshez

- Engedélyezett HTML elemek: <a> <em> <strong> <ul> <ol> <li>
- Forráskód beküldéséhez tedd a kódot ezek közé: <pre lang="php" line="1">Kódrészlet helye itt</pre>