On Thu, Feb 23, 2012 at 11:43 AM, venu.gandhe <venu.gan...@gmail.com> wrote: > Thanks for your quick response. Here is the Java Script file i am using to > style the ckeckbox. > > > //global variables that can be used by ALL the function son this page. > var inputs; > var imgFalse = 'images/false.png'; > var imgTrue = 'images/true.png'; > > //this function runs when the page is loaded, put all your other onload > stuff in here too. > function init() { > > replaceChecks(); > } > > function replaceChecks() { > > //get all the input fields on the page > inputs = document.getElementsByTagName('input'); > > //cycle trough the input fields > for(var i=0; i < inputs.length; i++) { > > //check if the input is a checkbox > if(inputs[i].getAttribute('type') == 'checkbox') { > > //create a new image > var img = document.createElement('img'); > > //check if the checkbox is checked > if(inputs[i].checked) { > img.src = imgTrue; > } else { > img.src = imgFalse; > } > > //set image ID and onclick action > img.id = 'checkImage'+i; > //set image > img.onclick = new Function('checkChange('+i+')');
use normal function here. Function is much slower > //place image in front of the checkbox > inputs[i].parentNode.insertBefore(img, inputs[i]); > > //hide the checkbox > inputs[i].style.display='none'; try with visibility: hidden display:none form elements are not submitted by the browser > } > } > } > > //change the checkbox status and the replacement image > function checkChange(i) { > > if(inputs[i].checked) { > inputs[i].checked = ''; > document.getElementById('checkImage'+i).src=imgFalse; > } else { > inputs[i].checked = 'checked'; > document.getElementById('checkImage'+i).src=imgTrue; > } > } > > window.onload = init; > > -- > View this message in context: > http://apache-wicket.1842946.n4.nabble.com/AjaxCheckBox-Java-Script-tp4413330p4413515.html > Sent from the Users forum mailing list archive at Nabble.com. > > --------------------------------------------------------------------- > To unsubscribe, e-mail: users-unsubscr...@wicket.apache.org > For additional commands, e-mail: users-h...@wicket.apache.org > -- Martin Grigorov jWeekend Training, Consulting, Development http://jWeekend.com