on click prikazi text

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

Evo problem:
Napravio sam stranicu sa tri kolone iz CSS i meni treba da kada kliknes na link iz srednje kolone da mi se otvori text u levoj koloni.
Ja sam razmisljao da mozda moze da se uradi sa iFrame...

Hvala u napred

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

Definitivno ne iFrame - umesto toga imas dve bolje opcije.

Prva je da koristis AJAX. Smestis zeljeni tekst u odredjeni fajl, i pritiskom na dugme preuzmes sadrzaj tog fajla. Onda se jednostavnim "document.getElementById("leva_kolona").innerHTML = sadrzaj;" taj tekst ubacis u levu kolonu.

Ukoliko, pak, ne zelis da koristis AJAX, mozes tekst da ucitavas istovremeno sa stranicom, ali da ga smestis u neki skriveni DIV (display: none). Onda bi kôd bio "document.getElementById("leva_kolona").innerHTML = document.getElementById("skriveniDIV").innerHTML;"

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

Izvini sto nisam ranije odgovrio (bio na putu ako ima izgovora). Tvoje resenje mi je pomoglo. Ja sam pre toga resio sa iFramom ali mi se nije svidelo. Iskreno nisam uspeo da u potpunosti iskontrolisem ovaj kod koji si mi dao, ali sam nasao neki drugi, slican... Sve u svemu stavio si me na noge

Hvala

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

Nema na cemu Sta god da je, verovatno je elegantnije resenje od iFrame-a.

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

Ovo je kod koji sam ja koristio, a ja pretpostavljam da postoji i nesto jednostavnije.

<script type="text/javascript" language="javascript">          function hidediv(pass) {             var divs = document.getElementsByTagName('div');                for(i=0;i<divs.length;i++){                   if(divs[i].id.match(pass)){//if they are 'see' divs                   if (document.getElementById) // DOM3 = IE5, NS6                      divs[i].style.visibility="hidden";// show/hide                   else                   if (document.layers) // Netscape 4                      document.layers[divs[i]].display = 'hidden';                   else // IE 4                      document.all.hideShow.divs[i].visibility = 'hidden';             }             }             }          function showdiv(pass) {             var divs = document.getElementsByTagName('div');                for(i=0;i<divs.length;i++){                   if(divs[i].id.match(pass)){                   if (document.getElementById)                      divs[i].style.visibility="visible";                                else                   if (document.layers) // Netscape 4                      document.layers[divs[i]].display = 'visible';                   else // IE 4                      document.all.hideShow.divs[i].visibility = 'visible';                                    }             }             }       </script> <a href="javascript:showdiv('div1'); javascript:hidediv('div2');>                      <h5>link</h5>[kod] [/code]