jQuery hide

Draex · Napísal **Draex**: 05.11.2009 11:34

Dobrý deň,
pokúšam sa naprogramovať niečo pomocou jQuery:

Kód:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
   <meta http-equiv="content-type" content="text/html; charset=cp1250" />
   <meta name="author" content="Peter Dräxler" />
    <script src="http://code.jquery.com/jquery-latest.pack.js"></script>
   <title>jQuery pokusy</title>
    
    <script>
    $("a .ahide").click(function(){  
    $(".hide").hide();
    }); 
    </script>
</head>

<body>
<a href="#">SHOW</a>, <a href="#" class="ahide">HIDE</a>
<br />
<span class="hide">
:(
</span>
</body>
</html>

Čo mám zle?

Ďakujem.

emer · Napísal **emer**: 05.11.2009 11:43

zabal to do

Kód:

$(document).ready(function(){});

Draex · Napísal autor témy **Draex**: 05.11.2009 12:25

už to funguje, ďakujem.

Draex · Napísal autor témy **Draex**: 05.11.2009 14:12

Aká chyba je pri tomto?

Kód:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
   <meta http-equiv="content-type" content="text/html; charset=cp1250" />
   <meta name="author" content="Peter Dräxler" />
    <script src="http://code.jquery.com/jquery-latest.pack.js"></script>
   <title>jQuery pokusy</title>
    
    <script>
    $(document).ready(function(){
    
    $(".sposob_platby").change(function(){  
    var sposob_platby = getElementsById("hide");
     if (document.getElementById('3').checked) {
    $(".hide").hide();
    }
    });
    
    });
    </script>
</head>

<body>
<select class="sposob_platby">
<option value="LoL">LoL</option>
<option value="HA!">HA!</option>
<option value="3">Chi!</option>
</select>
<div id="hide">CHi!</div>
</body>
</html>

Konzola vypisuje:

Citácia:

getElementsById is not defined
[Break on this error] var sposob_platby = getElementsById("hide");

ale nejak mi to nejde opraviť

.
Ďakujem

pogo · Napísal **pogo**: 05.11.2009 14:49

neni to nahodou getElementById? (bez toho s)

Draex · Napísal autor témy **Draex**: 05.11.2009 15:27

vsimol som si ze ten riadok je vlastne zbytocny tak som ho vymazal :-)

ale ten isty problem je o riadok nizsie (nefunguje ani s ani bez s)

Kód:

    
document.getElementById("3") is null
[Break on this error] if (document.getElementById('3').checked) {\r\n

emer · Napísal **emer**: 05.11.2009 15:52

Tebe pojmy ID a CLASS moc nehovoria a nevidíš v nich žiadny rozdiel, však?

Kód:

$(".sposob_platby").change(function(){   
  if(this.value==3) { 
    $("#hide").hide(); 
  } 
});

skús si ten kód aj trošku čítať, vieš, ono to dáva zmysel a logiku

Draex · Napísal autor témy **Draex**: 05.11.2009 15:58

naozaj

, ja som bol v tom, že tam tie id určene mam

ale z JS aj tak nič neviem

Ďakujem

lama2d · Napísal **lama2d**: 07.11.2009 21:05

Nebolo by efektívnejšie využívať všetky možnosti knižnice jQuery keď už s ňou pracuješ a zbytočne ju nekombinovať s obyčajným JS kódom?

Kód:

 $(".sposob_platby").change(function(){  
            if ($(this).val()=='3') {
              $(".hide").hide();
            }
           });

Draex · Napísal autor témy **Draex**: 08.11.2009 11:24

diki, ale prehladnejsie mi pripada to kombinovanie, mozno len nezvyk

emer · Napísal **emer**: 08.11.2009 12:33

lama2d. a co som tam ja písal??

lama2d · Napísal **lama2d**: 08.11.2009 15:05

emer píše:

lama2d. a co som tam ja písal??

pardon, prehliadol som to s class a id...

jQuery hide

Podobné témy