|
Poslao: 08 Jun 2007 13:57
|
offline
- Pridružio: 05 Jan 2005
- Poruke: 44
- Gde živiš: Wilson, NC USA
|
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
|
|
|
|
|
Registruj se da bi učestvovao u diskusiji. Registrovanim korisnicima se NE prikazuju reklame unutar poruka.
|
|
|
Poslao: 11 Jun 2007 19:08
|
offline
- pyost
- Građanin
- Pridružio: 25 Dec 2005
- Poruke: 65
- Gde živiš: Beograd
|
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;"
|
|
|
|
|
|
|
Poslao: 07 Jul 2007 18:28
|
offline
- Pridružio: 05 Jan 2005
- Poruke: 44
- Gde živiš: Wilson, NC USA
|
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
|
|
|
|
|
|
|
Poslao: 09 Jul 2007 14:46
|
offline
- pyost
- Građanin
- Pridružio: 25 Dec 2005
- Poruke: 65
- Gde živiš: Beograd
|
Nema na cemu  Sta god da je, verovatno je elegantnije resenje od iFrame-a.
|
|
|
|
|
|
|
Poslao: 11 Jul 2007 01:48
|
offline
- Pridružio: 05 Jan 2005
- Poruke: 44
- Gde živiš: Wilson, NC USA
|
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]
|
|
|
|
|
|
