View Full Version : kako da postignem show/hide efekt?
Hi svima,
Kako da postignem efekt ucitavanja teksta klikom na ovaj plusić unutar iste stranice? Jel to javascript onClick ili što već? Bilo kakav link ili nesto bi cijenio.
Link je http://tinyurl.com/ae7jq
Konkretno, želio bih imati na stranici 4 linka:
+
+1
+2
+3
I sad, ako se klikne na "+" da se taj plusić expanda i ispod njega da mi se učita neki paragraf teksta.
Ako želim npr. informacije koje sadrži "+3", da mi se expanda paragraf teksta ispod linka "+3" i td..
To je neki javascript kod, ali ja ne znam kako to napraviti, pa ako ima netko tko bi me mogao uputiti, bio bih zahvalan.
pa ako ima netko tko bi me mogao uputiti, bio bih zahvalan.
koristeći Višnjin tutorial o show hide layers za izradu padajućih izbornika možeš nazrijeti riješenje tvog problema, osobno sam nekad davno doista napravio tu stvar o kojoj govoriš...koliko znam show/hide layers u DW ti je sasvim dosta da postigneš taj efekt...konačno riješenje nemam...i ne sjećam se točno kako je išlo ali ako prođeš taj Višnjin tutorial...vjerjem da češ i sam to znat napraviti...postoji istina mali problem sa FF browserom ali...
// no svjedeno vidim da ipak nešto tome slično i imaš na stranici
glavince
12-07-2005, 16:31
Prvo probaj otvoriti taj plusic sa Firefox-om, pa onda razmisli dali to stvarno zelis.
A mozez da pronadzes neki bolji java scrip koji ce raditi na mozda vise od 90% brousera.
U Firefoxu ovo radi bez problema, zašto? Jedino se css stil kursora ne prikazuje kako treba,odnosno umjesto ruke prikazuje se strelica. Ostalo radi savršeno, čak i u Deer Parku Alpha 2 verziji.
Da usput napišem kako me poučiše na usenetu:
<script>
function pokazi(id,sto){
var x=document.getElementById(sto);
var y=document.getElementById(id);
var sadrzaj = y.innerHTML;
if (x.style.display =="none") {
x.style.display="";
y.innerHTML="-";
}
else{
x.style.display ="none";
y.innerHTML="+";
}
}
</script>
<table width="100%" border="1">
<tr><td onClick="pokazi('prviplus','nesto')" id="prviplus" width="2%">
+</td><td onClick="pokazi('prviplus','nesto')"> Slike
</td></tr>
<tr style="display: NONE" id="nesto"><td colspan="2">
slika 1<br> slika 2 itd
</td></tr>
<tr><td onClick="pokazi('prviplus1','nesto2')" id="prviplus1" width="2%">
+</td><td onClick="pokazi('prviplus1','nesto2')"> GLuposti
</td></tr>
<tr style="display: NONE" id="nesto2"><td colspan="2">
slika 1<br> slika 2 itd
</td></tr>
</table>
vBulletin® v3.8.2, Copyright ©2000-2010, Jelsoft Enterprises Ltd.