| Autor | Zpráva | ||
|---|---|---|---|
| Nat Profil * |
#1 · Zasláno: 28. 7. 2010, 10:29:10
V javascriptu moc chodit neumím a proto prosím o radu, jak napsat toto pomocí cyklu, aby nezáleželo na tom kolik prvků bude třeba skrýt.
<script type="text/javascript">
$(document).ready(function(){
$("#size1,#size2,#size3").css("display","none");
$("#1,#2,#3").click(function(){
if ($("#1").is(":checked")) {
$("#size1").show("fast");
$("#size2,#size3").hide("fast");
}
else if ($("#2").is(":checked")) {
$("#size2").show("fast");
$("#size1,#size3").hide("fast");
}
else if ($("#3").is(":checked")) {
$("#size3").show("fast");
$("#size1,#size2).hide("fast");
}
else {
$("#size1,#size2,#size3").hide("fast");
}
});
});
</script>
Díky |
||
| Nat Profil * |
#2 · Zasláno: 28. 7. 2010, 11:31:05
Tak už jsem se dopracoval k tomuto, stále však nevím jak donutit ke skrytí všechny ostatní prvky, které končí jiným číslem než má právě aktivní radio button.
$(document).ready(function(){
$("div[class ^= size]").css("display","none");
$(":radio").click(function(){
if ($(this).is(":checked")) {
var show_text = ".size" + $(this).attr("id");
$(show_text).show("fast");
$(".size2,.size3").hide("fast");
}
});
});
|
||
| Nat Profil * |
#3 · Zasláno: 28. 7. 2010, 11:46:37
A je to vyřešeno, případné připomínky či vylepšení vítám:
$(document).ready(function(){
var pocet = 5;
$("div[class ^= size]").css("display","none");
$(":radio").click(function(){
if ($(this).is(":checked")) {
var show_text = ".size" + $(this).attr("id");
$(show_text).show("fast");
for(c = 0; c =< pocet; c++) {
if (c != $(this).attr("id")) {
var hide_text = hide_text + ".size" + c + ",";
}
}
$(hide_text).hide("fast");
}
});
});
|
||
|
Časová prodleva: 15 let
|
|||
0