LaWnForcer
01-21-2009, 12:29 AM
I use this script to set a group of icons/images and only allow the user to highlight one icon out of the group. It works perfectly in FF but not in IE. (example: gender logically the user could only select one)
<script type="text/javascript">
function submitHidden(id, value){
document.getElementById(id).value = value
var divid = id + "_" + value
var n = document.getElementsByName(id)
for(var i=0;i<n.length;i++){n[i].className = "off"}
document.getElementById(divid).className = "on"
}
</script>
<div id="gender_class_male" name="gender_class" class=""><img src="./images/male.png" alt="Male" onclick="submitHidden('gender_class', 'male');"/></div>
<div id="gender_class_female" name="gender_class" class=""><img src="./images/female.png" alt="Female" onclick="submitHidden('gender_class', 'female');"/></div>
<input type="hidden" name="gender_class_field" id="gender_class" value="">
//////////////////////////////////////////////////////////////
(When the class = "on" css places a border around the icon identifying that it is selected.)
<script type="text/javascript">
function submitHidden(id, value){
document.getElementById(id).value = value
var divid = id + "_" + value
var n = document.getElementsByName(id)
for(var i=0;i<n.length;i++){n[i].className = "off"}
document.getElementById(divid).className = "on"
}
</script>
<div id="gender_class_male" name="gender_class" class=""><img src="./images/male.png" alt="Male" onclick="submitHidden('gender_class', 'male');"/></div>
<div id="gender_class_female" name="gender_class" class=""><img src="./images/female.png" alt="Female" onclick="submitHidden('gender_class', 'female');"/></div>
<input type="hidden" name="gender_class_field" id="gender_class" value="">
//////////////////////////////////////////////////////////////
(When the class = "on" css places a border around the icon identifying that it is selected.)
