fu*************@gmail.com said on 24/04/2006 3:15 PM AEST:
Please quote what you are replying too, trim what you aren't.
thanks, well i tried both and they didn't work, but well would it make
a difference?
Did both what? What did you try? What did you expect to happen and
what actually happened? Would what make a difference?
and why should i not add the language="javascript"?
Because the language attribute has been deprecated for many years.
oh and how can i delete a Element
If 'elementRef' is a reference to an element, then:
elementRef.parentNode.removeChild(elementRef);
does the trick for me. :-)
In reply to your OP:
function addfield () {
// if this a non-DOM browser, bail out
if (document.getElementById) { return }
That has quite the reverse effect to the comment - any browser that
supports the getElementById() method will execute the return statement.
You should not presume that a browser that supports a particular method
supports any other particular method. Test the features you use, in
this case it may be appropriate to do:
if ( !document.getElementById || !document.createElement ){
// return or do something else
}
//Get the Input placeholder (<div id="New_Input">)
var Input_div = document.getElementById("New_Input");
One way to test for support for a method and that using it returned
something useful is to test it:
var inputDiv, oInput;
if ( document.getElementById
&& (inputDiv = document.getElementById("New_Input"))
&& document.createElement
&& (oInput = document.createElement('input')))
{
inputDiv.appendChild(input);
}
Now if either of the methods is not supported or the result of calling
them returns 'undefined' they will not cause an error.
For the sake of efficiency you may wish to restructure that so you test
for the required features once only when the page loads and configure
your functions accordingly.
Back to your code...
//Create and add the Input to the form element
Input = document.write("<input type='text' value=''/>");
That method of creating elements was invented by IE and is not well
supported by other browsers (if at all). It is used because IE has
issues with setting the value of the name attribute for dynamically
created (or cloned) elements. If you are only creating form controls
and don't require multiple elements with the same name, just use an ID
attribute instead.
You may wish to read this thread:
<URL:
http://groups.google.co.uk/group/com...2cbda3521fab6e
As Matt Kruse reports, the name attribute appears to be set and the
control (if successful) is submitted with the form, but you can't access
the control by name and if you look at the innerHTML property of the
form, the added input has no name attribute.
A simple test case:
<script type="text/javascript">
function addOne(form){
var x = document.createElement('input');
x.name = 'foo';
x.value = 'bar';
form.appendChild(x);
}
</script>
<form action="">
<input type="button" value="Add input"
onclick="addOne(this.form)">
<input type="submit"><br>
<input type="button" value="Show form innerHTML"
onclick="alert(this.form.innerHTML);"><br>
</form>
--
Rob
Group FAQ: <URL:http://www.jibbering.com/FAQ>
