Prikaz/skrivanje sadržaja
Za sve one koji su me pitali kako izvodim ovo s komentarima, a moja objašnjenja nisu im imala smisla, evo copy/paste primjera.
Unutar <head> treba kopirati slijedeći kod:
<script type="text/javascript">
function hideShow(klasa) {
for (i=0;i<document.getElementsByTagName("div").length; i++) {
if (document.getElementsByTagName("div").item(i).className == klasa) {
if (document.getElementsByTagName("div").item(i).style.display=="none") {
document.getElementsByTagName("div").item(i).style.display="block";
}
else document.getElementsByTagName("div").item(i).style.display="none";
}
}
}
</script>
function hideShow(klasa) {
for (i=0;i<document.getElementsByTagName("div").length; i++) {
if (document.getElementsByTagName("div").item(i).className == klasa) {
if (document.getElementsByTagName("div").item(i).style.display=="none") {
document.getElementsByTagName("div").item(i).style.display="block";
}
else document.getElementsByTagName("div").item(i).style.display="none";
}
}
}
</script>
Umjesto retka koji sada imate u komentarima:
<a href="<$KomentariPosta$>" title="Ostavi komentar"><$BrojKomentara$> Komentara</a> • <a href="<$LinkZaPrint$>" title="Isprintaj ovaj post">Print</a> • <a href="<$LinkPosta$>" title="Link do ovog posta">#</a>
...dodajte ovaj blok:
<a href="<$KomentariPosta$>" onclick="hideShow('poruka'); return false;" title="Ostavi komentar"><$BrojKomentara$> Komentara</a> • <a href="<$LinkZaPrint$>" title="Isprintaj ovaj post">Print</a> • <a href="<$LinkPosta$>" title="Link do ovog posta">#</a>
<div class="poruka">
Neka vaša poruka. <br />
<a href="<$KomentariPosta$>">Ostavite komentar</a>
</div>
<div class="poruka">
Neka vaša poruka. <br />
<a href="<$KomentariPosta$>">Ostavite komentar</a>
</div>
Da biste sakrili taj blok teksta pri prvom prikazivanju, u CSS dodajte ovaj redak (dodajte još i vlastite stilove ako želite):
.poruka {display: none;}
Ovu tehniku možete primijeniti na bilo što, npr. prikaz/skrivanje boxeva, komentara... iskoristite to pametno :)
