Kliknite tukaj, da si ogledate profil, kot ga vidijo drugi

Uporaba funkcije iframe
Avtor: realife | Objavljeno: dne 23. marec 2009, 12:03
  Pokazal vam bom, kako lahko enostavno prikažete neko drugo stran znotraj svoje spletne strani.
 
 
1
  
 
Odprite program Dreamweaver in izberite možnost HTML.
 
 
2
  
 
Nato kliknite na gumb Code.
 
 
3
  
 
Označite kodo, ki se nahaja na strani Code in jo zbrišite.
 
 
4
  
 
Sedaj vnesite naslednjo kodo:

<iframe src ="povezava_do_strani" width="1024" height="600">
  <p>Spletne strani si v tem brskalniku ne morete ogledati.</p>
</iframe>
 
 
 
 
 
5
  
 
Sedaj v kodi označite povezava_do_strani in to izbrišite.
 
 
6
  
 
Namesto tega vnesite povezavo do svoje spletne strani

(pr. http://www.zmaga.com)
 
 
7
  
 
Zgoraj kliknite na File in Save as...

Oglejte si primer v spletnem brskalniku tako, da pritisnite tipko F12.
 
 
Komentiraj
  
 
 
 
 
23.3.2009, 5:47
Zakaj niste tega vodiča spisali prej, ko sem ga potreboval še za šolo? hehe, zelo dober vodič
 
 
 
 
23.3.2009, 16:56
Lepa lekcija. Edino kaj bi pripomnil. Tile iframe so rahlo iz mode. Če ustvarjate neko stran (ki ne bo služila neki mali predstavitvi samega sebe) se raje izogibajte le-teh.
 
 
 
 
27.10.2009, 14:58
Lepa ter enostavna lekcija.
Bi pa vprašal kakšno kodo je treba vnesti da ti pokaže transparentno ozadje v iframu. Imam primer ko mi deluje v Firefox-u čisto lepo v IE8 mi pa naredi belo ozadje.

lp Bremzy
 
 
 
 
27.10.2009, 16:03
Kako pa si sedaj nastavil?

Ali si nastavil allowtransparency="true" in style="filter:chromacolor=#XXXXX"?

spremenil: podtalje (27.10.2009 ob 16.03.53)
 
 
 
 
27.10.2009, 18:16
<p><iframe frameborder="0" src="http://srednjeveski-najemniki.si/Mai.... style="position: absolute; left: 216px; top: 209px; width: 760px; height: 100%; z-index: 11;" id="InlineFrame1" name="mail">Your browser does not support inline frames or is currently configured not to display inline frames.</iframe></p>


to je koda ifram-a. Poskusil sem tudi z allowtransparency="true" nisem pa poskusil oz. ne vem kam vstavim style="filter:chromacolor=#XXXXX"
Sem iskal drugje po spletu pa probaval pa nisem bil preveč uspešen.
Torej moram popraviti kodo tako:
<p><iframe frameborder="0" src="http://srednjeveski-najemniki.si/Mai.... style="position: absolute; left: 216px; top: 209px; width: 760px; height: 100%; z-index: 11;" allowtransparency="true" style="filter:chromacolor=#XXXXX" id="InlineFrame1" name="mail">Your browser does not support inline frames or is currently configured not to display inline frames.</iframe></p>
 
 
 
 
27.10.2009, 19:54
Sem preveril, kako je v praksi s tem.

allowtransparency="true" bi moral biti povsem dovolj, chromacolor kar pozabi, ker po moje ni potreben.


Problem, zakaj tebi ne dela, pa je drugje.

V tvoj iframe ti vključuješ stran http://srednjeveski-najemniki.si/Mail/ma....

Ta stran pa ni pravilna HTML stran, saj ji manjka osnovni del, ki ga sestavljajo značke HTML, HEAD in BODY.

Če boš to popravil, bi moralo delati, končni rezultat pa bi moral zgledati nekako tako:
<html>
<head>
<title>Naslov</title>
</head>
<body>
<h1 align="center"><FONT COLOR="#FFFFFF"> Spletni kontaktni obrazec </FONT></h1>
<h3 align="center"><FONT COLOR="#FFFFFF">Prosimo, da izpolnete vsa polja<br>in mi vas bomo kmalu kontaktirali nazaj.</FONT></h3>
<form method="post"><INPUT NAME="op" TYPE="hidden" VALUE="send">
<table>
<tr>
<td><h3><FONT COLOR="#FFFFFF">Ime:</FONT></h3></td>
<td>
<input name="name" type="text" size="30" maxlength="150">
</td>
</tr>
<tr>
<td><h3><FONT COLOR="#FFFFFF">E-mail:</FONT></h3></td>
<td>
<input name="email" type="text" size="30" maxlength="150">
</td>
</tr>

<tr>
<td valign="top"><h3><FONT COLOR="#FFFFFF">Sporočilo:</FONT></h3></td>
<td><textarea name="message" cols="40" rows="6"></textarea></td>
</tr>
<tr><td></td> <td><input name="submit" type="submit" value="Pošlji sporočilo"></td></tr>
</table>
</form>

</body>
</html>

spremenil: podtalje (27.10.2009 ob 19.55.46)
 
 
 
 
28.10.2009, 12:09
Sm naredil tako kot si mi svetoval pa mi ni uspelo. Kodo sem uredil tako kot ti in si jo lahko pogledaš: http://srednjeveski-najemniki.si/Mail/ma....).php
v iframe kodo sem pa dodal:
<iframe frameborder="0" name="mail" id="InlineFrame1" style="position:absolute;left:216px;top:209px;width:760px;height:100%;z-index:11" allowtransparency="true" src="http://srednjeveski-najemniki.si/Mai....).php" frameborder="1">Your browser does not support inline frames or is currently configured not to display inline frames.</iframe>
 
 
 
 
28.10.2009, 13:35
Dodaj v kontakt(2).php znotraj <head></head> še naslednjo kodo:
<STYLE TYPE="text/css"> body{background-color:transparent}</STYLE>
 
 
 
 
28.10.2009, 17:02
Sedej deluje tako kot bi moralo. In predvidevam da bo enako prikazano tudi v drugih brskalnikih (safari, crome,...)
Mam še eno vprašanje povezano z iframi. V stran sem z ifram-mom vstavil forum, ki je napisan v php-eju. Forum se lepo prilega strani, nastane pa težava ko odpišeš ali popraviš kakšen post da izgine menijska vrstica oz. celotno črno ozadje. Razmišljal sem da bi poiskal kakšno kodo, ki bi mi avtomatsko naredila osvežitev strani. Bi bila to dobra rešitev? Link do foruma: http://srednjeveski-najemniki.si/Forum/f....
 
 
 
 
29.10.2009, 0:42
Kar sem jaz pogledal, nisem opazil, kaj točno bi bilo narobe. Naredil sem tudi eno objavo v vicih, vendar meni zgleda normalno.

Ali lahko malo bolj natančno obrazložiš?
 
 
 
 
29.10.2009, 10:45
Ko boš šel nazaj na tvojo objavo v vicih, klikni na link ˝medved˝ (se nahaja v vrstici z citiraj, spremeni,...) in opazuj kaj se zgodi z zgornjo menijsko vrstico, če pa pogledaš na url se povezava ni spremenila. Če pa potem klikneš oz. označiš url in pritisneš enter se spet pokaže menijska vrstica.
Če pa poizkusiš samo osvežit se ravno tako ne zgodi nič. Kakšen predlog?

spremenil: Bremzy (29.10.2009 ob 11.58.30)
 
Prijava in registracija
 
 
 
Zmaga.com ponuja brezplačno in razumljivo učenje računalniških programov, vas na enkraten način spozna z različnimi svetovnimi jeziki, s podrobno obrazloženimi recepti prikaže čare kulinarike in vam prežene strahove pred domačimi opravili.
 
 
Poleg tega lahko prebirate poučne članke, ki so namenjene širjenju naše splošne razgledanosti ter preverite svoje znanje z priljubljenim in enostavnim sistemom za preverjanje znanja. Če med vsebinami, ki se dodajajo vsak dan, ne najdete želenega znanja, je za vaša vprašanja na voljo dobro obiskan forum, kjer lahko tudi aktivno sodelujete. V primeru, da bi radi svoje praktično znanje delili z ostalimi, pa to lahko storite preko preprostega vmesnika za dodajanje vsebin. Zmagajte z znanjem z Zmaga.com!
  
Zmaga.com na Facebooku | Pošljite nam e-pošto | Informacije o Zmaga.com