Javascript polje?

[ davidkovacs2 @ 31.08.2008. 19:34 ] @

da li neko zna javascript kod (code) kao sto je na www.subotica.com sa leve strane kad se ulogujes pa kad kliknes na "moj profil" i otvori se malo polje gde se pojave jos 2 stvari. jer neko zna kod za to?

EDIT: bolji primer : http://www.experts-exchange.co...ing/JavaScript/Q_23622244.html

thx.

[ Mister_rap @ 04.09.2008. 10:25 ] @

Nemam nalog ni na jednom ni na drugom sajtu, tako da ne bi bilo lose da detaljnije objasnis ili pak okacis neki screenshot

[ davidkovacs2 @ 06.09.2008. 13:06 ] @

nemam ni ja :S

samo otvori zadnji link i tamo imas one "expert comments" i kad kliknes sa desne strane na onu malu kockicu, text se otvori, i ponovnim klikom zatvori.
Tavak script bi mi trebao...

[ agvozden @ 06.09.2008. 14:09 ] @

Savladaj DHTML -- ovaj forum treba da ti pomogne da resis problem, a ne da te uci od pocetka...

http://www.w3schools.com/dhtml/default.asp

To ti je obican show / hide dogadjaj koji mozes odraditi cisto u CSS-u, uz upotrebu JS-a, ali bi majstori to uradili u cistom CSS-u!

Naravno, posle mozes dodati neku drugu skriptu da odradi efekt i ublazi dogadjaj...

http://github.com/madrobby/scr...wikis/combination-effects-demo

[ davidkovacs2 @ 06.09.2008. 15:54 ] @

izgleda moram da trazim pomoc na nekom stranom forumu, ali ipak hvala.

[ Aleksandar Ružičić @ 06.09.2008. 18:57 ] @

pa dobio si pomoc, ne razumem taj tvoj cinizam.

ako si ocekivao da ti neko napise skriptu koja to radi a da ti i ne pokusas da napravis to isto onda si na pogresnom mestu.

evo ja cu ti napisati to pomocu jQuerija, mada je ovo prosto tako da ne zahteva js library, ali kad vec neces da ucis vec gotovo resenje onda ce se snaci sa ovim:

Code:

<div id="comments">
  <div class="comment">
      <a href="javascript:void(null)">Show/hide this comment</a>
      <div class="content">
         <p>Lorem Ipsum Dolor Sit Amet...</p>
      </div>
  </div>
  <div class="comment">
      <a href="javascript:void(null)">Show/hide this comment</a>
      <div class="content">
         <p>Lorem Ipsum Dolor Sit Amet...</p>
      </div>
  </div>
  <div class="comment">
      <a href="javascript:void(null)">Show/hide this comment</a>
      <div class="content">
         <p>Lorem Ipsum Dolor Sit Amet...</p>
      </div>
  </div>
</div>

Code:

$(function()
{
   $('#comments .comment').each(function()
  {
     $(this).find('>a').click(function()
     {
         $(this).parent().find('>.content').toggle();
     });
  });
});

@agvozden: ne postoji (cross-browser) css resenje za ovo

[ Mister_rap @ 06.09.2008. 18:58 ] @

Covjek ti je dao ok odgovor...
Samo ovo se ne radi u css-u.

Mrzi me da pisem "custom" js ali ako koristis jquery ovo ce da radi posao:

Code:

<html>
<head>
<title>Minimize</title>
<script type="text/javascript" src="jquery.js"></script>

<script type="text/javascript">

    function minimize(){

        if ($('#mojDiv').is(':hidden')){
            $("#mojDiv").show();
        }

        else{
            $("#mojDiv").hide();
        }
    }

</script>

</head>

<body>

    <a href="javascript:minimize()">klikni ovde</a>

    <div id="mojDiv">
        <h1>Neki text</h1>
        <h3>Jos malo texta</h3>
    </div>

</body>

</html>

[ davidkovacs2 @ 06.09.2008. 19:49 ] @

ne rade.. :(
ali nasao sam jedan drugi koji radi:
Samo copy/paste u html...

Code:

<HTML>
<SCRIPT LANGUAGE="JavaScript">
function Show(){
document.getElementById( "myId" ).style.display = "block"; }
function Hide(){
document.getElementById( "myId" ).style.display = "none"; }
</script>
<input type="button" onclick="Show();" value="Show">
<input type="button" onclick="Hide();" value="Hide">

<div id="myId" style="display:none">
<P align="center">
text here </P>
</div>

[ Aleksandar Ružičić @ 08.09.2008. 10:24 ] @

rade oba, samo sto oba koriste jQuery biblioteku, a to sam vec napomenuo samo ti nisi procitao...

@Mister_rap: nema portebe da koristis .is(':visible') u ovom slucaju jer toggle() radi to umesto tebe, tj toggle ce da pozove hide() ukoliko je uslov is(':visible') zadovoljen a u suprotnom ce pozvati show()...

[ Mister_rap @ 08.09.2008. 10:49 ] @

Lepo od tebe al to sam vec znao.
Ostavio sam kod koji je po mom licnom misljenju razumljiv za pocetnika a nisam konstatovao tvoj prethodni post (ocito da smo postovali istovremeno).

Ps.
I kako bre rade kad coveku ne rade