www.webdeveloper.com
Results 1 to 2 of 2

Thread: document is null or not an object error(radio buttons)

  1. #1
    Join Date
    Feb 2009
    Posts
    4

    document is null or not an object error(radio buttons)

    Hello everyone!

    Ive done many searches and still am unable to figure out my current problem ><

    Im validating a group of radio buttons to see if they are checked or not and depending on which radio button in the group is checked, a different image is selected.

    The problem is on IE(on FF it works fine), the error it gives me is:
    Code:
    Error:'document.formButton.button_url.0' is null or not an object'
    here is the following JS and form (ive cut some of the code out that is unrelated for easier reading):

    Code:
    <script type="text/javascript">
    function printBuyButton() {
    	if(document.formButton.button_url[0].checked) {
    		l_image_name = "http://www.example.com/buttons/buy_ca_1_EN.jpg";
    	} else if(document.formButton.button_url[1].checked) {
    		l_image_name = "http://www.example.com/buttons/buy_ca_2_EN.jpg";
    	} else if(document.formButton.button_url[2].checked) {
            l_image_name = "http://www.example.com/buttons/buy_ca_1_FR.jpg";
        } else if(document.formButton.button_url[3].checked) {
            l_image_name = "http://www.example.com/buttons/buy_ca_2_FR.jpg";
        } 
    }
    
    ...
    ...
    </script>

    Code:
    <form name=\"formButton\" id=\"formButton\" onsubmit=\"return false\">
    <table class=\"signup\">									<tfoot>
    <tr>
    	<td colspan=\"2\"><input id=\"create\" type=\"submit\" name=\"create\" value=\"Create Button\" onClick=\"javascript:printBuyButton();\"></td>
    										</tr>
    									</tfoot>
    
    <td class="smallBody" width="25%"><img src="https://www.example.com/buttons/buy_ca_1_EN.jpg"  ><br>
    				<input type="radio" name="button_url" value="http://www.example.com/buttons/buy_ca_1_EN.jpg" checked> &nbsp;&nbsp;</td>
    
    			<td width="25%"><img src="https://www.example.com/buttons/buy_ca_2_EN.jpg"><br>
    			<input type="radio" name="button_url" value="http://www.example.com/buttons/buy_ca_2_EN.jpg"> &nbsp;</td>
    		</tr>
    
    		<tr align="center" valign="middle" bgcolor="white">
    		<td class="smallBody" width="25%"><img src="https://www.example.com/buttons/buy_ca_1_FR.jpg" ><br>
    		<input type="radio" name="button_url" value="http://www.example.com/buttons/buy_ca_1_FR.jpg" > &nbsp;&nbsp;</td>
    
    		<td width="25%"><img src="https://www.example.com/buttons/buy_ca_2_FR.jpg"><br>
    		<input type="radio" name="button_url" value="http://www.example.com/buttons/buy_ca_2_FR.jpg"> &nbsp;</td>
    		
    		</tr>
    
    		<tr bgcolor="white">
    			<td class="smallBody" colspan="4">
    				<p>Or customize your button! Just enter the exact URL of any image on your website.</p>
    				<p><input type="radio" name="button_url" value="custom"> Yes, I would like to use my own image</p>
    				<p>Button Image URL: <input id="button_custom_url" type="text" name="button_custom_url" value="http://" size="60"></p>
    			</td>
    		</tr>
    </table></form></center>";

    Any thoughts as to what may be the problem?

  2. #2
    Join Date
    Feb 2009
    Posts
    4
    friendly bump

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles