I need a selection method that is bigger then check boxes and radio buttons. This is really for
a smaller device that is touch screen(but is web app) and the check boxes and radio buttons are difficult to check. I have attched a sample of what I would like to do. Basically it is selecting a larger box with the selection and having it chnage color. Not sure if possible without java.
single selection and multi selection
This Question has been solved and asker verified All Experts Exchange premium technology solutions are available to subscription members.
Experts Exchange has been collecting answers to technology questions since 1996…3 million and counting! If you have a question, chances are we already have your answer.
If you can't find the exact answer you're looking for, ask our exclusive community of 50,000 experts. You’ll get a personalized answer from a trusted professional.
Thousands of free tech tips, tricks, how-to’s and tutorials are available in our peer reviewed articles section. See for yourself how smart our experts are, no login required.
Save solutions to your questions, answers you’ve discovered through searching plus helpful articles in your personal knowledgebase for easy future access.
Access the answers to your technology questions today.
30-day free trial. Register in 60 seconds.
Members of the expert community talk about why the experience at Experts Exchange is different than what you will find anywhere else.
Try it out and discover for yourself.
30-day free trial. Register in 60 seconds.
Join the community of experts here and help other tech pros by answering question in your area of expertise. You can earn FREE access to all Experts Exchange's premium features and resources.
Sybe using that code the checkboxes still appear. Also if I hide the check boxes and use the image how can I distinguish what has been selected . Wouldnt I need to replace with a different color image?
This is just for a demonstration and doesnt actually have to record results it just needs to appear visually as working.
Thanks
Make the checkboxes invisible with CSS:
<input type="checkbox" id="test1" name="test1" value="1" style="display:none;">
(if that works on the touch screen device, in a regular browser it works)
As for changing the color: it is solvable both client- and server-side. Client-side requires javascript, I am not sure if you want that. Server-side needs to remember the pushed buttons in a session or in form-variables (and requires a reload after every click).
I used the following code.and am browsing in ie 7 aAnd while hovering over the gif does highlight the check box. I was not able to click on it. I would like to click on the gif and have it mark the check box .
<html>
<head>
</head>
<body>
<form name="myform">
<label for="test1"><img src="Exbutton.gif"></label>
<input type="checkbox" id="test1" name="test1" value="1">
<br>
<br />
<label for="test2"><img src="SWbutton.gif" width="124" height="56"></label>
<input type="checkbox" id="test2" name="test2" value="1">
<br>
<br />
<label for="test3"><img src="NVbutton.gif"></label>
<input type="checkbox" id="test3" name="test3" value="1">
<br>
<p>
<br />
</p>
</form>
</body>
</html>
I got it to work using this below. I will make a new post to change the color.
<div style="position: absolute; width: 100px; height: 52px; z-index: 1; left: 168px; top: 256px; background-color: #00FFFF" id="layer1">
<p align="center"><label for="idbox">Extremely Satisfied</label><br>
<input type="checkbox" id="idbox" name="cboxwithlabel" value="Another check box"><br />
Business Accounts
Answer for Membership
by: BanthorPosted on 2009-11-05 at 22:10:17ID: 25756941
<img Tags have events just like any other element.
I don't know how the touch screen detects a touch. but OnClick works in the DOM for any browser.