Tutorijali.Net forum - Sakrij-pokazi

Jos davno sam nasao na internetu kod za sakrivanje - prikazivanje jedan dio texta. Sada sam slucajno na to naletio u jednom folderu. Problem je sljedeci. Kako da je text prvo sakriven, pa ga se linkom otkriva, a ne obratno? Evo ga kod:

Code:

<html>

<head>

<script type="text/javascript" language="JavaScript">

function skjulbanner()

{

banner.style.visibility = 'hidden'

bannerboks.style.visibility = 'visible'

bannerboks.style.display = 'inline'

banner.style.display = 'none';

}

function visbanner()

{

banner.style.visibility = 'visible'

bannerboks.style.visibility = 'hidden'

bannerboks.style.display = 'none'

banner.style.display = 'inline';

}

</script>

</head>

<body>

<div id="banner">Text<br><a href="#" onclick="skjulbanner()">Sakrij</a></div>

<div id="bannerboks" style="display:none;"><a href="#" onclick="visbanner()">Pokazi</a></div>

</body>

</html>

Dodaj tekstu neku klasu, a u css-u klasi dodaj svojstva visibility i display s vrijednostima hidden i none.

tutorial Wrote:

Dodaj tekstu neku klasu, a u css-u klasi dodaj svojstva visibility i display s vrijednostima hidden i none.

Ne razumjem. Mozes li dati kod? thx

e, sorry nemam vremena cijeli kod ti pisat, evo ti kratak primjer

Code:

<script type="text/javascript">

function blabla()

{

if(document.getElementById("neko-polje").style.display=="none")

    {

         document.getElementById("neko-polje").style.display="block";

    }

else if(document.getElementById("neko-polje").style.display=="block")

   {

        document.getElementById("neko-polje").style.display="none"

   }

}

</script>

i link

Code:

<a href="#" onClick="blabla();">Sakrij / Prikazi</a>

To sam piso ovdje na forumu i nisam testiro pa mi nemoj zamjerit ak ima grešaka, to ti je uglavnom princip pa ti prilagodi... žurim, pozdrav!

zero Wrote:

Ne razumjem. Mozes li dati kod? thx

Prvo da ti objasnim. Ti želiš prikazati tekst koji je se ne vidi odmah, nego je vidljiv tek nakon klika na link. Dakle, trebaš css-om oblikovati sadržaj tako da on ne bude vidljiv. Na primjer:

PHP Code:

<style type="text/css">
.tekst {
display: none;
}
</style>

<p class="tekst">ovo je neki tekst</p> 

Inače, pogledaj kôd koji si nam dao, ondje već imaš određeno da se banner ne prikazuje kod učitavanja stranice. Dakle, rješenje već imaš.

tutorial Wrote:

zero Wrote:

Ne razumjem. Mozes li dati kod? thx

Prvo da ti objasnim. Ti želiš prikazati tekst koji je se ne vidi odmah, nego je vidljiv tek nakon klika na link. Dakle, trebaš css-om oblikovati sadržaj tako da on ne bude vidljiv. Na primjer:

PHP Code:

<style type="text/css">
.tekst {
display: none;
}
</style>

<p class="tekst">ovo je neki tekst</p> 

Inače, pogledaj kôd koji si nam dao, ondje već imaš određeno da se banner ne prikazuje kod učitavanja stranice. Dakle, rješenje već imaš.

Nemam rjesenje, jer prilikom ucitavanje stranice prvo je pokazan text... Ovim tvojim kodom je text skriven, ali kako da ga pokazem pritiskom na link?

Pa gore sam ti ja objasnio sakrivanje i prikazivanje pomoću javascript funkcije... ne kužim šta ti nije jasno?

Nisam ni primjetio tvoj post... Sry

Uglavnom, gdje napisem text koji treba skrivati/pokazivati link?

u div koji ima id = "neko-polje" u ovom mom slučaju

Gogy Wrote:

u div koji ima id = "neko-polje" u ovom mom slučaju

Ne radi... Evo kod:

Code:

<html>

<head>

<script type="text/javascript">

function blabla()

{

if(document.getElementById("neko-polje").style.display=="none")

    {

         document.getElementById("neko-polje").style.display="block";

    }

else if(document.getElementById("neko-polje").style.display=="block")

   {

        document.getElementById("neko-polje").style.display="none"

   }

}

</script>

</head>

<body>

<div id="neko-polje">

text

</div>

<a href="#" onClick="blabla();">Sakrij / Prikazi</a>

</body>

</html>

Uglavnom, ja imam rijesenj (prvi post), ali problem je u tome sto je text prvo prikazan, a pritiskom na link se skriva. Ja zelim suprotno.

Pages: 1 2