| | |
Accessing objects that are not in the form fields
Please support our JavaScript / DHTML / AJAX advertiser: PostgreSQL or MySQL? Compare and contrast the two most popular open source databases
![]() |

I want to ask if there is a way to access an obcect which is not in a form field. My textbook doesn't cover that topic. All the sample code in it is done with the form fields.
The picture above illustrates the DOM object model that is used in JavaScript. What I understand from the picture is there is no way to access a control which is not in a form field.
For example, is there any way to make the code below work?
JavaScript / DHTML / AJAX Syntax (Toggle Plain Text)
<html> <body> <script language="javascript"> function Function1() { document.TextBox.value = "You clicked the first button.";} function Function2() { document.TextBox.value = "You clicked the second button.";} </script> <input type="text" name="TextBox" value="This is the text box."><br> <input type="button" name="Button1" value="Button 1" onClick="Function1();"> <input type="button" name="Button2" value="Button 2" onClick="Function2();"> </body> </html>
The easiest way is to identify the inputs rather than name them:
Those 'id' attributes have got to be unique.
There are other ways to get at objects that aren't id'ed; see this page:
http://www.pageresource.com/dhtml/ryan/part4-2.html
<html>
<body>
<script language="javascript">
function Function1() { document.getElementById('TextBox').value = "You clicked the first button.";}
function Function2() { document.getElementById('TextBox').value = "You clicked the second button.";}
</script>
<input type="text" id="TextBox" name="TextBox" value="This is the text box."><br>
<input type="button" name="Button1" value="Button 1" onClick="Function1();">
<input type="button" name="Button2" value="Button 2" onClick="Function2();">
</body>
</html>Those 'id' attributes have got to be unique.
There are other ways to get at objects that aren't id'ed; see this page:
http://www.pageresource.com/dhtml/ryan/part4-2.html
Plato forgot the nullahedron..
![]() |
Similar Threads
- Form Fields (JavaScript / DHTML / AJAX)
- Javascript, Form fields validation and submit (JavaScript / DHTML / AJAX)
- Passing variables into form fields (PHP)
- Problem with objects having objects as attributes (C++)
- Zend PHP Certification (PHP)
Other Threads in the JavaScript / DHTML / AJAX Forum
- Previous Thread: Improvement possible?
- Next Thread: search Keywords Email Alert
| Thread Tools | Search this Thread |
acid2 ajax ajaxcode ajaxexample ajaxhelp ajaxjspservlets animate automatically beta box browser bug calendar captchaformproblem checkbox child close column createrange() css cursor decimal dependent design disablefirebug dom download dropdown editor element embed engine error events explorer ext file form forms google gwt gxt hiddenvalue highlightedword hint html htmlform ie8 iframe images index internet java javascript javascripthelp2020 jawascriptruntimeerror jquery jsf jsfile jump libcurl listbox math media microsoft mimic mp4 object onmouseoutdivproblem onmouseover onreadystatechange parent paypal pdf php player post problem progressbar regex runtime scroll search security select shopping size software sql text textarea unicode w3c web website window windowofwords windowsxp wysiwyg \n






