java script!

[Anon]

Ive got two checkboxes that when you click on either of them I want a textbox to apear on the same page. I have it working but its appearing on a different page!

<tr>
<td width=50%><font face=\'verdana\' size=\'2\'>Products Release Date:</font></td>
<td width=50%>
<input type=\"checkbox\" name=\"words\" onClick=\"return select_box(this);\">words</td>
</tr>
<tr>
<td width=50%> </td>
<td width=50%><input type=\"checkbox\" name=\"dates\" onClick=\"return select_box(this);\">dates</td>
</tr>
and then i have this as my java script code:

function select_box(thefield){
var myHTML=\'\';
myHTML1 = \'<select name=\"words\"><option value=\"\" selected>Please Select</option><option value=\"Available To Order\">Available To Order</option><option value=\"Back Order\">Back Order</option><option value=\"Discontinued\">Discontinued</option></select>\' ;
myHTML2 = \'<input type=\"text\" name=\"dates\" value=\"<?echo $date?>\">\' ;
var selectedField = thefield;
selectedValue = selectedField.name;
if(selectedValue==\"words\")
{
document.addform.document.write(myHTML1);
document.addform.document.close();
}
else if(selectedValue==\"dates\")
{
document.addform.document.write(myHTML2);
document.addform.document.close();
}
}

but unfortunatly my text box that I need gets open on a diffent page.
please help

Rooin,

[tomhath]

Instead of a document.write, try setting the innerHTML of a DIV:

Stuff
<DIV id="junk"></DIV>
<script>
junk.innerHTML="Hello World";
</script>
more stuff

[Anon]

awsome its working now , thanx🙂
now i wonder how can i make only one of the boxes to apear. I mean when you click on one of them the otherone needs to be hidden.
do you have any idea how to do this.
here is part of my javascript.

function select_box(thefield){
var myHTML='';
myHTML1 = '<select name="productsReleaseDate"><option value="" selected>Please Select</option><option value="Available To Order">Available To Order</option><option value="Back Order">Back Order</option><option value="Discontinued">Discontinued</option></select>' ;
myHTML2 = '<input type="text" name="productsReleaseDate" value="<?echo $date?>">' ;
var selectedField = thefield;
selectedValue = selectedField.name;
if(selectedValue=="words")
{
junk.innerHTML=myHTML1;
junk.innerHTML.close();
}
else if(selectedValue=="dates")
{
punk.innerHTML=myHTML2;
punk.innerHTML.close();
}
}

I want only either of input or select to be apeared on the screen and not both,

Rooin.