javascript - Handle many IDs -



javascript - Handle many IDs -

i making character counter input fields in form. script, when focus on input field, when leave it, , when finish pressing key:

$(document).ready(function () { $("#in1").keyup(function () { $("#count1").text(50 - this.value.length); }); $("#in1").focus(function () { $("#countainer1").show(); $("#count1").text(50 - this.value.length); }); $("#in1").blur(function () { $("#countainer1").hide(); }); });

you can see working here: http://jsfiddle.net/uqfd6/12/

the question is:

do have generate script each id?

i mean, code same, applied different ids: #input1 shows #countainer1 , modifies #count1, #input2 #countainer2 , #count2, , on.

i thought of using classes instead of ids, when shows container, show every container of class, instead of 1 field i'm writing in.

no, can utilize class instead of #in1, e.g. add together in class elements give id in1, in2, etc.

$(".in").keyup(function () {

you can utilize attribute e.g. data-id=1 on elements need select associated current #in1, e.g.

var id = $(this).data('id'); $(".count[id='" + id + "']").text(...);

javascript jquery

Comments

Post a Comment

Popular posts from this blog

javascript - mongodb won't find my schema method in nested container -

javascript - mongodb won't find my schema method in nested container - i trying access method of schema stored within mixed container. here situation : have cases model can many different things, have schema each of these things stored in "casecontent" mixed property. var caseschema = mongoose.schema({ casecontent : {}, object : {type:string, default : "null"}, collision : {type : boolean, default : false} }); the casecontent property filled model of 1 of schemas, 1 exemple : var treeschema = new mongoose.schema({ applecount : {type : number, default : 3} }); treeschema.methods.dostuff = function (data) { console.log('hey, listen'); homecoming true; }; then, want utilize method of schema original container : caseschema.methods.dostuff = function (data) { if (this.casecontent.dostuff !== undefined) { this.casecontent.dostuff(); console.log('it worked'); } else { ...
Read more

How do you set up a perforce server to work over the internet? -

How do you set up a perforce server to work over the internet? - i setting perforce server , noticed options localhosts , such. i'm trying setup server on desktop machine @ 1 household, , able connect using p4v client access files on net form household. no i'll have forwards ports , stuff set files need this? can find info servers beingness run on same network @ business or nil on internet. i've set team speak server go connect , type in ip address , port , connect server dosn't have options that, i've seen anyway. done on windows 7 64 bit machines. server on desktop , clients on desktops , laptops. help appreciated , i'll posting updates on i'm doing others can follow if needed. the server accepts tcp/ip connections, can client machine has tcp/ip connectivity. perforce server configuration telling ip address , port number hear @ p4port setting: http://www.perforce.com/perforce/r12.2/manuals/cmdref/env.p4port.html since you're on windo...
Read more

ios - Lagging ScrollView with UIWebview inside -

ios - Lagging ScrollView with UIWebview inside - i have uiwebview within uiscrollview lot of content. when content loaded uiwebview big, starts lag. does know how solve issue? maintain in mind lags when uiwebview's height becomes considerably big. thank in advance! if read documentation on uiwebview , states not embed uiwebview uitableview or uiscrollview . doing leads unexpected behaviour, , think experiencing first hand. sorry bearer of bad news. update - specific warning apple docs: the documentation addresses issue specifically. important: should not embed uiwebview or uitableview objects in uiscrollview objects. if so, unexpected behavior can result because touch events 2 objects can mixed , wrongly handled. apple reference on uiwebview . update 2: after doing few searches (search link, same posted in comments), came across this answer, may provide insight. monitors content offset in both uiscrollview , uiwebview via delegates, , cle...
Read more