Kako da menjam sadrzaj <DIV> layera ?

[ dusty @ 26.07.2004. 13:22 ] @

Pozdrav,

na stranici imam jedan <DIV> layer. Posto sadrzaj tog layera treba da se menja, hteo bih da stranice koje treba da se prikazu u njemu cuvaju kao zasebni .htm fajlovi. Da li moze nesto kao

Code:
<DIV src="pocetna.htm"></div>

i posle da iz javascripta menjam taj src ?

Probavao sam ali bez uspeha. Na netu sam nasao da se to moze raditi samo sa <LAYER> objektima, koje, normalno, ne podrzava IE. Ali kada sam to isto isprobao pod Netscape-om, isto nije radilo

Evo ga:

Code:

<layer src="pocetna.htm></layer>

Da li bi neko znao da mi kaze kako ovo da izvedem ?

[ Br@nkoR @ 26.07.2004. 15:17 ] @

A da u layer ubaciš iframe i da tako menjaš sadržaj:

Code:

<div>
<iframe src="pocetna.htm"></iframe>
</div>

[ dusty @ 26.07.2004. 17:17 ] @

Pa sada se bas zezam sa iframe-om. Napravio sam jedan 'nevidljivi' iframe u koju ucitavam novu stranicu, pa cu da je prebacim u <div>.
Sada imam tu dva problema:

1. Smestam u promenjljivu frm objakat iFrame

Code:

var frm = null;
frm = parent.fMain.document.getElementById("frmData");

Medjutim, kada pokusam da pristupim HTML-u iz iFrame preko

frm.innerHTML ne dobijam nista - prazan string

A ako probam sa frm.document.body.innerHTML vraca mi celu tu stranicu u kojoj je iFrame !

Gde gresim ?

2. Nakon sto promenim .src iFrame na novu stranicu pocinjem sa prebacivanjem u Div objekat. Medjutim buni me potrebno vreme da se ucita taj html, i posto ima slika, da li ce slike dva puta da se ucitavalju ili ce biti kesirane od strane browsera ?

Citat:

A da u layer ubaciš iframe i da tako menjaš sadržaj

Probao sam i to, ali ne znam kako da napravim iframe transparentnim ?!

[ dusty @ 26.07.2004. 21:18 ] @

Ok, hvala na pomoci. Resio sam problem preko iFrame-a. Problem je bio sto sam pored allowtransparency="true" trebao da stavim i background-color: transparent u stilu. Napravio sam CSS koje sve stranice pozivaju, i sada radi pod NN i IE.

Jos jednom hvala

[ jasmanac @ 27.07.2004. 16:09 ] @

Pa transparent i nije bas najbolje resenje. Taj atribut IFRAME-a podrzava samo IE koliko ja znam.

[ dusty @ 28.07.2004. 09:41 ] @

Citat:

Pa transparent i nije bas najbolje resenje. Taj atribut IFRAME-a podrzava samo IE koliko ja znam.

Da, zato sam i stavio za stranice koje se prikazuju u iFrame-u CSS sa :

Code:

<style>
  body{
    background-color: transparent;
  }
</style>

tako da radi pod IE-om. A za NN stoji u atributu iFrame taga allowtransparency="true". Nisam probao pod nekim drugim browserima/starijim browserima (probao sam samo na Nestscape 7.1 i IE 6.0), ali onda poslu nikad' kraja

Ovako sam postavio skript na stranicu koja proverava koji je agent u pitanju i da li je verzija ispravna, ako nije --- dovidjenja

Priznajem, resenje je pomalo solomonsko, ali imam i ja dusu

Bitno je da sam postigao 'specijalni' efekat koji sam jurio.

[ esnaf @ 13.08.2004. 10:04 ] @

Dusty mogao si i kroz javascript nesto ovako:
<script>
function ChangeDiv() {
var div=document.getElementById("naziv_layera");
div.InnerHTML="<B>Neki html string</B>";
}
</script>

[ IvanBeograd @ 08.02.2006. 02:44 ] @

Ajde da ne otvaram novu temu,nadovezacu se na ovu,jer zelim slicno.
Hteo bih dinamicki,ako moze tako da se kaze,da menjam sadrzaj <div id="sadrzaj"> kontejnera,
zelim kad kliknem na neki drugi link da mi u <div id="sadrzaj"> contejner ucita neku drugu html stranicu.
Evo upload-ovao sam i primer,jos samo da mi neko pomogne da
resim problem. :)

HTML :

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>Naslov</TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<link rel="stylesheet" href="style.css" text="text/css">
</HEAD>

<BODY>
<div id="contejner">
<h1><img src="inner-image.jpg" height="150" width="100%"></h1>
<ul id="navigacija">
    <li><a href="#">Pocetna</a></li>
    <li><a href="#">Druga</a></li>
    <li><a href="#">Treca</a></li>
    <li><a href="#">Cetvrta</a></li>
    <li><a href="#">Peta</a></li>
    <li><a href="#">itd...</a></li>
</ul>
<div id="sadrzaj">
   Ovo bi trebalo da se menja :)
</div>
<div id="footer">
        Copyright © Ja biti Ivan 2006
</div>
</div>
</BODY>
</HTML>

CSS :

Code:

ul#navigacija{
    margin-left: 0;
    padding-left: 0;
    background: #036;
    list-style-type: none;
    float : left;
    width : 15%;
  }
ul#navigacija a{
    display: block;
    float : middle;
    padding : 0.2em 1em;
    text-decoration: none;
    color: #fff;
    background: #036;
    border: 1px solid #fff;
    width: 100%;
  }

  ul#navigacija a:hover{
    color: #000;
    background: #69C;
  }
  ul#navigacija li{
    display: inline;
  }

#contejner{
    text-align: left;
    margin: 0 auto;
    width: 100%;
    background: #FFF url(2.jpg) repeat 100% 100%;
}
  h1{
    background: #D36832;
    margin: 0;
    border-bottom: 0.5em solid #387A9B;
  }
  h1 img{
    display: block;
    border: 0;
  }
body{
  text-align: left;
  background: #B0BFC2;
  color: #444;
}
#footer
{
    clear: both;
    background: #387A9B;
    color: #fff;
    padding: 5px 10px;
    text-align: right;
    font-size: 80%;
}
#sadrzaj
{
    float: left;
    width: 475px;
    margin-left: 45px;
    padding: 15px 0;
}

Znam da ovo resim na 2 glupa nacina :(
Sa IFRAME(nesto se vrti po ranijim temama da ga treba izbegavati),
i na jedan jos gluplji nacin da namestim vise html stranica(istih,samo da se text tj. sadrzaj <div id="sadrzaj"> kontejnera razlikuje)
pa da svaki put kad kliknem na neki drugi link da ucitam tu neku drugu index stranicu.
Ako moze jos neko resenje! :)
Hvala,poz!

[ formeye @ 08.02.2006. 10:46 ] @

Mozes preko XMLHttpRequest objekta da ucitas stranicu u string i da smestis u innerHTML.

[ jablan @ 08.02.2006. 11:03 ] @

I to ako baš imaš potrebu za AJAX-om. Inače će ti bilo kakav oblik templejtovanja (SSI, PHP/Smarty itd) rešiti posao.

[ IvanBeograd @ 08.02.2006. 12:55 ] @

Sinoc sam nasao neke primere za to sto mi treba preko XMLHttpRequest objekta.
Sad cu da probam,pa cu se javim ako nesto ne bude jasno.
Sad jos jedno pitanje.Sta je ta AJAX-tehnologija?Malo glupo pitanje,ali buni me. :)
Jablane moze neki link za ove nacine templejtovanja (SSI, PHP/Smarty itd).
Hvala puno.

[ jablan @ 08.02.2006. 12:58 ] @

AJAX: http://en.wikipedia.org/wiki/Ajax_%28programming%29
SSI: http://en.wikipedia.org/wiki/Server_Side_Includes
include() u PHP-u: http://us2.php.net/include/
Smarty: http://smarty.php.net/

[ IvanBeograd @ 08.02.2006. 13:04 ] @

Uuuuuuuu,ovde ime svasta,hvala. :)
Pozdrav!

[ sojic @ 08.02.2006. 22:16 ] @

http://www.elitesecurity.org/t...og-frejma-lt-div&gt-drugog