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
