cabron Posted March 26, 2010 Share Posted March 26, 2010 I need to apply to the checkbox css style but its not working, does anyone know why? website: http://www.ellsworthllc.com/beta/where_to_buy/index.php Thanks! John Link to comment Share on other sites More sharing options...
0 sweetsam Posted March 26, 2010 Share Posted March 26, 2010 Its not working because you can't style them using css. However you can use javascript to create element on the fly to act as substitutes for the checkboxes and be styled as necessary. Generally this is done by wrapping the checkbox in a div and positioning a span on top of it. A click handler is created which then toggles the background of span tag and the checked state of the check box and voila you have your styled checkbox. Link to comment Share on other sites More sharing options...
0 cabron Posted March 27, 2010 Author Share Posted March 27, 2010 Could you provide a sample? Please! Link to comment Share on other sites More sharing options...
0 sweetsam Posted March 27, 2010 Share Posted March 27, 2010 Checkboxes with progressive enhancement that remain accessible even when js is disabled. http://dfizz.com/check/ Link to comment Share on other sites More sharing options...
0 cabron Posted March 27, 2010 Author Share Posted March 27, 2010 Checkboxes with progressive enhancement that remain accessible even when js is disabled. http://dfizz.com/check/ thanks a lot! Link to comment Share on other sites More sharing options...
0 cabron Posted March 27, 2010 Author Share Posted March 27, 2010 Sweetsam sorry to bother you again but I have another question related to the select menu, currently I was able to customized the background but the down button in the select menu is the default one. Did you know how I can also customize that with css? I will appreciate it. Link to comment Share on other sites More sharing options...
0 sweetsam Posted March 28, 2010 Share Posted March 28, 2010 Niceforms should be perfect for this. Link to comment Share on other sites More sharing options...
0 cabron Posted March 29, 2010 Author Share Posted March 29, 2010 Checkboxes with progressive enhancement that remain accessible even when js is disabled. http://dfizz.com/check/ Sweetsam, Its not working for me, I did everything that its in that website and the checkbox its still the same, what is going on? Here is the link: http://www.ellsworthllc.com/beta/where_to_buy/index.php All Javascript and css is setup but is not working :blink: Link to comment Share on other sites More sharing options...
0 sweetsam Posted March 29, 2010 Share Posted March 29, 2010 jQuery library link should appear before custom.js Link to comment Share on other sites More sharing options...
0 cabron Posted March 29, 2010 Author Share Posted March 29, 2010 jQuery library link should appear before custom.js I fixed it but still the same, what is happening :blink: Link to comment Share on other sites More sharing options...
0 sweetsam Posted March 29, 2010 Share Posted March 29, 2010 You are using mootools and jQuery which is not a good idea. I would recommend using just jQuery or mootools but not both. Besides there are so many scripts on the page. I would disable all of them and activate one at a time to see which of them is causing the problem. Link to comment Share on other sites More sharing options...
0 cabron Posted March 29, 2010 Author Share Posted March 29, 2010 You are using mootools and jQuery which is not a good idea. I would recommend using just jQuery or mootools but not both. Besides there are so many scripts on the page. I would disable all of them and activate one at a time to see which of them is causing the problem. Thanks, I will delete mootools and see if that fix the issue. I will report back. Edit: Damn, you are a genius!!!! it fixed finally the issue! Thanks a lot Sweetsam!!!! Did you get the mockup? Link to comment Share on other sites More sharing options...
0 cabron Posted March 31, 2010 Author Share Posted March 31, 2010 New question guys to the people who are JS experts. if you take a look here: http://www.ellsworthllc.com/beta/service/index.php if you try to send it without filling the form a beauty pop up message will warning you that you need to fill the information. But in here: http://www.ellsworthllc.com/beta/where_to_buy/index.php the message will appear but without the beauty pop up window. Does anyone know how I can fix this issue? I will appreciate it. Link to comment Share on other sites More sharing options...
Question
cabron
I need to apply to the checkbox css style but its not working, does anyone know why?
website: http://www.ellsworthllc.com/beta/where_to_buy/index.php
Thanks!
John
Link to comment
Share on other sites
12 answers to this question
Recommended Posts