Navigacija
Lista poslednjih: 16, 32, 64, 128 poruka.

Pomoc oko JavaScript - display/hide div

[es] :: Javascript i AJAX :: Pomoc oko JavaScript - display/hide div

[ Pregleda: 1523 | Odgovora: 4 ] > FB > Twit

Postavi temu Odgovori

Autor

Pretraga teme: Traži
Markiranje Štampanje RSS

deerabug
Deera Bug
home
Novi Sad

Član broj: 287101
Poruke: 9
*.adsl-a-7.sezampro.rs.



+1 Profil

icon Pomoc oko JavaScript - display/hide div28.11.2011. u 14:34 - pre 120 meseci
<script language="JavaScript">
function toggle(id) {
var state = document.getElementById(id).style.display;
if (state == 'block') {
document.getElementById(id).style.display = 'none';
} else {
document.getElementById(id).style.display = 'block';
}
}
</script>


html:
<a href="#" onclick="toggle('biografija');">biografija</a>
<a href="#" onclick="toggle('portfolio');">portfolio</a>
<a href="#" onclick="toggle('usluge');">usluge</a>
<a href="#" onclick="toggle('kontakt');">kontakt</a></div>


sve to radi ali hocu da kad je na npr biografiji i kliknem na npr usluge da se biografija zatvori a meni se otvara jedno preko drugog. Sta da dodam u java scriptu? Tek ucim java script...tek da napomenem
 
Odgovor na temu

kelja

Član broj: 70429
Poruke: 1416
*.dynamic.isp.telekom.rs.



+35 Profil

icon Re: Pomoc oko JavaScript - display/hide div28.11.2011. u 17:04 - pre 120 meseci
Na brzinu, mada moze to i bolje da se resi, jquery-jem sa nekoliko redova...

Code:
<script language="javascript">
function toggle(id, hide_id1,hide_id2,hide_id3) {

document.getElementById(hide_id1).style.display = 'none';
document.getElementById(hide_id2).style.display = 'none';
document.getElementById(hide_id3).style.display = 'none';

document.getElementById(id).style.display = 'block';

}
</script>

html:
<a href="#" onclick="toggle('biografija','portfolio','usluge','kontakt');" >biografija</a>
<a href="#" onclick="toggle('portfolio','biografija','usluge','kontakt');" >portfolio</a>
<a href="#" onclick="toggle('usluge','biografija','portfolio','kontakt');" >usluge</a>
<a href="#" onclick="toggle('kontakt','biografija','usluge','portfolio');" >kontakt</a>

 
Odgovor na temu

Zlatni_bg
Nikola S
Beograd

Član broj: 65708
Poruke: 4293
*.dynamic.sbb.rs.



+491 Profil

icon Re: Pomoc oko JavaScript - display/hide div28.11.2011. u 17:17 - pre 120 meseci
Kakve ovo veze ima sa PHP-om?
THE ONLY EASY DAY WAS YESTERDAY
 
Odgovor na temu

deerabug
Deera Bug
home
Novi Sad

Član broj: 287101
Poruke: 9
*.adsl-3.sezampro.rs.



+1 Profil

icon Re: Pomoc oko JavaScript - display/hide div29.11.2011. u 15:09 - pre 120 meseci
hvala
 
Odgovor na temu

[es] :: Javascript i AJAX :: Pomoc oko JavaScript - display/hide div

[ Pregleda: 1523 | Odgovora: 4 ] > FB > Twit

Postavi temu Odgovori

Navigacija
Lista poslednjih: 16, 32, 64, 128 poruka.