PDA

View Full Version : kako da postignem show/hide efekt?


asyk
08-07-2005, 07:45
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.

sinisaa
08-07-2005, 17:21
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.

asyk
15-07-2005, 17:30
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>