javascript - Custom checkbox not working in Chrome and Safari browser -

-

i used below code custom checkbox,

html

<div class="agree">                                       <label for="agree_check" class="label_check"><input type="checkbox" class="agree_check" id="agree_check" />agree</label>                                   </div>

css

.has-js .label_check { padding-left: 34px; } .has-js .label_check { background: url(../images/box1.png) no-repeat; } .has-js label.c_on { background: url(../images/box1-with-mark.png) no-repeat; } .has-js .label_check input { position: absolute; left: -9999px; }

script

<script type="text/javascript"> var d = document; var safari = (navigator.useragent.tolowercase().indexof('safari') != -1) ? true : false; var gebtn = function(parel,child) { return parel.getelementsbytagname(child); }; onload = function() {      var body = gebtn(d,'body')[0];     body.classname = body.classname && body.classname != '' ? body.classname + ' has-js' : 'has-js';      if (!d.getelementbyid || !d.createtextnode) return;     var ls = gebtn(d,'label');     (var = 0; < ls.length; i++) {         var l = ls[i];         if (l.classname.indexof('label_') == -1) continue;         var inp = gebtn(l,'input')[0];         if (l.classname == 'label_check') {             l.classname = (safari && inp.checked == true || inp.checked) ? 'label_check c_on' : 'label_check c_off';             l.onclick = check_it;         };         if (l.classname == 'label_radio') {             l.classname = (safari && inp.checked == true || inp.checked) ? 'label_radio r_on' : 'label_radio r_off';             l.onclick = turn_radio;         };     }; }; var check_it = function() {     var inp = gebtn(this,'input')[0];     if (this.classname == 'label_check c_off' || (!safari && inp.checked)) {         this.classname = 'label_check c_on';         if (safari) inp.click();     } else {         this.classname = 'label_check c_off';         if (safari) inp.click();     }; }; var turn_radio = function() {     var inp = gebtn(this,'input')[0];     if (this.classname == 'label_radio r_off' || inp.checked) {         var ls = gebtn(this.parentnode,'label');         (var = 0; < ls.length; i++) {             var l = ls[i];             if (l.classname.indexof('label_radio') == -1)  continue;             l.classname = 'label_radio r_off';         };         this.classname = 'label_radio r_on';         if (safari) inp.click();     } else {         this.classname = 'label_radio r_off';         if (safari) inp.click();     }; };        </script>

now need check checkbox checked or not.. works in ff not works in chrome , safari browser.

if (jquery('#agree_check').is(':checked')) { alert("checked"); } else { alert("not checked"); }

when checked checkbox displays "checked" in ff.. in chrome , safari displays "not checked".

what issue?

my solution, working on server side - codebehind (runat="server" attribute label , checkbox), consist add checked/unchecked state critical browser. maybe work browser, clearing if statement.

 var check_it = function () {      var inp = gebtn(this, 'input')[0];      if (this.classname == 'label_check c_off' || (!safari && inp.checked)) {          this.classname = 'label_check c_on';          if (chrome) inp.checked = true;          if (safari) inp.click();      } else {          this.classname = 'label_check c_off';          if (chrome) inp.checked = false;          if (safari) inp.click();      };  };

Comments

Post a Comment

Popular posts from this blog

django - How can I change user group without delete record -

-
on website user have 1 group. , user can change group. it's made user.groups.clear() and user.groups.add(new_group) but it's not efficient, because there 2 sql query: delete, insert. how can change group update query? user , group related each other using manytomanyfield . means intersection table exists relating both entities, , if don't specify model map (using through attribute) django creates 1 you. looking @ sources django.contrib.auth.models see that's case. fortunatly, can access intermediary model using through attribute of manager (in case, user.groups.through ). can use regular model. example: >>> alice = user.objects.create_user('alice', 'alice@example.com', 'alicepw') >>> employee = group.objects.create(name='employee') >>> manager = group.objects.create(name='manager') >>> alice.groups.add(employee) >>> alice.groups.all() [<group: employee...
Read more

java - Need to add SOAP security token -

-
i need set custom soap header attribute on jax-ws generated webservice client. case webservice calls must go through proxy server requiring specific token (recieved web request header) present in soap request header. e.g.: 1 carserviceservice service = null; 2 service = new carserviceservice(new url(url), new qname(qname); 3 carserviceendpoint port = service.getcarserviceport(); it seems in line 3 wsdl retrieved , call fails due missing security token. 1 point direction on how done? a detailed example has been mentioned here: creating , deploying jax-ws web service on tomcat 6 this article shows how create , use security token .
Read more

java - EclipseLink JPA Object is not a known entity type -

-
i have strange problem eclipselink , object want persist. have 1 object (keypointlistimpl) stores object keypointimpl in list. persisting keypointimpl objects works great if try persist keypointlistimpl object java.lang.illegalargumentexception says object keypointimpl isn't known entity type. here keypointimpl code: @entity @table(name="keypoints") public class keypointimpl implements keypoint { @id @generatedvalue(strategy = generationtype.identity) private int id; @enumerated(enumtype.string) private detectortype keypointtype; private float x; private float y; private float size; private float angle; private float response; private int octave; private int classid; ... } here keypointlistimpl code: @entity @table(name="keypointlists") public class keypointlistimpl implements keypointlist { @id @generatedvalue(strategy = generationtype.identity) private int id; @onetoone(cascade={ca...
Read more