Hello all,
I had a look on this forum but didn’t find any solution to my problem. I have this js code:
[CODE]<script type=”text/javascript”>
function addElement() {
var ni = document.getElementById(‘myDiv’);
var numi = document.getElementById(‘theValue’);
var num = (document.getElementById(‘theValue’).value -1)+ 2;
numi.value = num;
var newdiv = document.createElement(‘div’);
var divIdName = ‘my’+num+’Div’;
newdiv.setAttribute(‘id’,divIdName);
if(num > 8) document.myDiv.innerHTML = ‘Answers can’t be more than 8.’;
else newdiv.innerHTML = ‘Answer ‘+num+’: <input type=”text” name=”f_answer’+num+'” size=”40″ maxlength=”50″> <a href=”#” onclick=”removeElement(‘+divIdName+’)”>remove option</a>’;
ni.appendChild(newdiv);
}
function removeElement(divNum) {
var d = document.getElementById(“myDiv”).removeChild(d);
//d.removeChild(divNum);
}
</script>
and this is my form
[CODE]<form name=”f_poll” action=”poll_make.php” method=”post”>
<div>Answer 1: <input name=”f_answer1″ size=”40″ maxlength=”50″ value=”The best” type=”text”></div>
<div>Answer 2: <input name=”f_answer2″ size=”40″ maxlength=”50″ value=”Good” type=”text”></div>
<div>Answer 3: <input name=”f_answer3″ size=”40″ maxlength=”50″ value=”Not enough” type=”text”></div>
<div>Answer 4: <input name=”f_answer4″ size=”40″ maxlength=”50″ value=”Not at all” type=”text”></div>
<div id=”myDiv”>
<div id=”my5Div”>Answer 5: <input name=”f_answer5″ size=”40″ maxlength=”50″ type=”text”> <a href=”#” onclick=”removeElement(my5Div)”>remove option</a></div>
<div id=”my6Div”>Answer 6: <input name=”f_answer6″ size=”40″ maxlength=”50″ type=”text”> <a href=”#” onclick=”removeElement(my6Div)”>remove option</a></div>
<div id=”my7Div”>Answer 7: <input name=”f_answer7″ size=”40″ maxlength=”50″ type=”text”> <a href=”#” onclick=”removeElement(my7Div)”>remove option</a></div>
</div>
</form>
When i press remove option it works fine in IE but not in Firefox. Can sb find any solution to that. I appreciate your time…