javascript - How to get ClientID in a variable -


i have 7 check boxes 7 weeks , separate time picker 7 days on page. when check box checked want show time picker week day, , if unchecked want hide respective time picker

i have used following code this, , working too.

function chk_weekday_clicked(ctrl, week) {     if (ctrl.checked) {         if (week == "monday")             document.getelementbyid("<%= tm_monday_from.clientid %>").style.display = "";         else if (week == "tuesday")             document.getelementbyid("<%= tm_tuesday_from.clientid %>").style.display = "";         else if (week == "wednesday")             document.getelementbyid("<%= tm_wednesday_from.clientid %>").style.display = "";        //rest of days      }     else{         if (week == "monday")             document.getelementbyid("<%= tm_monday_from.clientid %>").style.display = "none";         else if (week == "tuesday")             document.getelementbyid("<%= tm_tuesday_from.clientid %>").style.display = "none";         else if (week == "wednesday")             document.getelementbyid("<%= tm_wednesday_from.clientid %>").style.display = "none";         //rest of days      } }

chk_weekday_clicked event handler week day check box. first parameter clicked checkbox control , second parameter name of week day.

all time picker control's name have same naming patterned as, tm_[weekname]_from

so, question instead of using these many if-else can in couple of lines? code below.

function chk_weekday_clicked(ctrl, week) {     //i want controlid using parameter. , must clientid using on page having masterpage.     var controlid = "tm_" + week + "_from";     if (ctrl.checked) {         document.getelementbyid(controlid).style.display = "";     }     else {         document.getelementbyid(controlid).style.display = "none";         } }

my actual problem how can control's clientid in variable. page using master page, must use clientid controls id.

so, can suggest solution this

clientid generated asp.net, can't created using javascript variable. can this

function chk_weekday_clicked(ctrl, week) {      //since client id generated asp.net     //create list of ids     var controls  = {         "monday" : "<%= tm_monday_from.clientid %>",         "tuesday" : "<%= tm_tuesday_from.clientid %>",         "wednesday" : "<%= tm_wednesday_from.clientid %>",     }      //fetch control id     var controlid = controls[week.tolowercase()];      //desired operation     if (ctrl.checked) {         document.getelementbyid(controlid).style.display = "";     }     else{         document.getelementbyid(controlid).style.display = "none";     } }

Comments

Post a Comment

Popular posts from this blog

javascript - Using jquery append to add option values into a select element not working -

i'm looking dynamically populate select element names of items stored array. for reason it's not working , i'm not sure why. html: <div class="col-md-4 col-md-offset-4"> <select class="select1"> </select> , <select class="select2"> </select> </div> note i'm using bootstrap layout. here's jquery i'm using try , populate ".select1" jquery: select: function() { $.each(state.greens, function(index, value) { $(".select1").append("<option value =' " + index + " '>" + state.greens[index].name + "</option>"); }); } note function 'select' stored within object called 'display'. state.greens name of array i'm trying access. so @ end of html page call display.select(); call function. no error messages showing in console. also, saw question: appending
Read more

Android soft keyboard reverts to default keyboard on orientation change -

i'm building android soft keyboard , can't seem fix bug - have arabic , qwerty keyboard , when rotate device on qwerty keyboard (or arabic shift), it's if program has "restarted" , becomes arabic keyboard without shift. the onsaveinstancestate(bundle savedinstancestate) not work because application not extend activity inputmethodservice . i put following in android manifest android:configchanges="keyboard|keyboardhidden|orientation" android:windowsoftinputmode="stateunchanged|adjustresize"> i tried using @override public void onconfigurationchanged(configuration newconfig) { super.onconfigurationchanged(newconfig); log.i(mydebug, "config changed " + currentkeyboard.equals(qwerty)); } however, currentkeyboard.equals(qwerty)) results false , made sure true before orientation change. any appreciated. i think applications fault. if application restarting on orientation change
Read more

jquery - javascript onscroll fade same class but with different div -

i new @ javascript , want learn new. there wrong code : why div fades @ same time. i want ask how fade different div s same class name.can me , explain me. thanks in advance. javascript: $(window).scroll(function(){ if ($( "div.fade" ).offset().top - $(window).scrolltop() <= 100){ $('.fade').addclass( "fade-in"); } else { $('.fade').removeclass("fade-in"); } }); here jsfiddle onscroll = function () { var scrolltop = $(this).scrolltop() ; $("div.fade").each(function(){ if(($(this).offset().top - scrolltop) <= 100){ $(this).toggleclass("fade-in"); } }) }
Read more