PC-HELP.CZ

Ahoj,

učím se psát HTML atd..a nefunguje mi jedna maličkost.

Snažím se naprogramovat hide/show tlačítko. (resp.našel jsem si to někde, jak to naprogramovat). Problém je v tom, že když si ten soubor otevřu v Dreamweaveru, tak mi to v LIVE náhledu bez problému funguje. Ale když to otevřu v prohlížeči (třeba v Chromu), tak nereaguje (jde pouze zaškrtnout a nic neudělá).

Mám tam něco špatně, nebo vám to funguje a je něco špatně s mým prohlížečem?

Kód: Vybrat vše

<!DOCTYPE html>
<html>
<head>


<script>
$(document).ready(function(){
  $("#hide").click(function(){
    $("p").hide();
  });
  $("#show").click(function(){
    $("p").show();
  });
});
</script>

   <style>
        .hidden {
            display: none;
        }
    </style>

   <script type="text/javascript">
        function showHide(){
            var checkbox =    document.getElementById("check");
            var hiddeninputs = document.getElementsByClassName("hidden");
            
            for(var i = 0; i != hiddeninputs.length; i++){
                if(checkbox.checked){
                    hiddeninputs(i).style.display = "block";
                }
            else{
                    hiddeninputs(i).style.display = "none";
                }
            }
        }
    </script>

</head>
<body>

       <input type="checkbox" name="check" id="check" onClick="showHide()"/>
        <label for="check">Click to show hide</label>
        
        <br/>
        <label class="hidden">Name:</label><input type="text" name="name" class="hidden"/>
        <br/>
        <label class="hidden">Email:</label><input type="text" name="email" class="hidden"/>
        

</body>
</html>

//Téma přesunuto do správné sekce
//Karlos

čau,
ten kod je nějakej nefunkční, nevím co na tom vůbec funguje a co to má dělat

1) nemáš tam jquery
2) ten jquery handler stejně nic nedělá

3) funkce getElementsByClassName není nikde definovaná
4) nemáš ukončený form
kdo ví co ještě...

Použij funkci slideToggle v jquery, super věc

aha:D...odkázal bys mě kdyžtak, prosím, na nějakej tutorial?

...a důvod, proč mi to v DreamWeaveru funguje, je, že samotnej ten program má ty funkce nějak naprogramovaný?

Nevím proč to v DW jde, asi jsi tam dal jinej kod.

Celkem se mi líbil tutoriál na jquery.com :-)

http://try.jquery.com

jaj, jsem blb, zkopíroval jsem tam i něco navíc...už jsem to opravil...nicméně ani tak to nefunguje. Dík

Pošli opravenou nefunkční verzi ;-)

už jsem to opravil v prvním příspěvku. V DreamWeaveru tlačítko krásně funguje (zobrazí/skryje ty 2 labely), po otevření v jakémkoliv prohlížeči nic nedělá, jen jde zaškrtávat

Nic si neopravil, ten kod je skoro stejnej

Tak třeba takhle:

Kód: Vybrat vše

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<style type="text/css">
.hidden {
   display: none;
}
</style>
<title>js</title>
</head>
<body>
   <input type="checkbox" name="check" id="check"/>
   <label for="check">Click to show hide</label><br/>
   
   <label class="hidden">Name:</label><input type="text" name="name" class="hidden"/><br/>
   <label class="hidden">Email:</label><input type="text" name="email" class="hidden"/>

<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
   $("#check").click(function() {
      $(".hidden").stop().fadeToggle();
   });
});
</script>
</body>
</html>

jen jsem tam odstranil nějaký zbytečnosti, na funkčnosti to nic neměnilo..

no, jak koukám, tak to radši budu muset ještě dobře prostudovat.

Spíš mě zajímalo, jak je možný, že mi to v editoru fungovalo a v prohlížeči ne;).

Dík

PC-HELP.CZ

nefunkční javasript

nefunkční javasript

Re: nefunkční javasript

Re: nefunkční javasript

Re: nefunkční javasript

Re: nefunkční javasript

Re: nefunkční javasript

Re: nefunkční javasript

Re: nefunkční javasript Vyřešeno

Re: nefunkční javasript