Javascript Toggle funkcija (prikaz i skrivanje) elemenata
May 29, 2009, 8:25 am u kategoriji Javascript tutorijali
Jedan dio javascript koda koji često koristim je funkcija toggle koja prikazuje ili skriva element i na klik linka ga prikaže, a na klik sakrije.
Dovoljno je zalijepiti prvi kod negdje ispod <body> taga, a link umetnuti negdje gdje želite da se element prikaže ili sakrije.
PRVI DIO KODA IDE ISPOD <BODY> TAGA
<script type="text/javascript">
<!--
function toggle(elementID){
var target = document.getElementById(elementID)
if (target.style.display == 'none') {
target.style.display = 'block'
} else {
target.style.display = 'none' }
}
//-->
</script>
LINK ZA POVEZIVANJE
<a href="javascript: toggle('studiosplit');">Klikni me</a>
<div style="display:none;" id="studiosplit">
Ovdje se prikazuju rezultati!
</div>
Dovoljno je zalijepiti prvi kod negdje ispod <body> taga, a link umetnuti negdje gdje želite da se element prikaže ili sakrije.
PRVI DIO KODA IDE ISPOD <BODY> TAGA
<script type="text/javascript">
<!--
function toggle(elementID){
var target = document.getElementById(elementID)
if (target.style.display == 'none') {
target.style.display = 'block'
} else {
target.style.display = 'none' }
}
//-->
</script>
LINK ZA POVEZIVANJE
<a href="javascript: toggle('studiosplit');">Klikni me</a>
<div style="display:none;" id="studiosplit">
Ovdje se prikazuju rezultati!
</div>