Hyperlink works in Fire Fox but not in IE

[Jlucatero]

I have this problem, we have a form on our website that allows the user to input multiple names or companies, however one of the options is to remove the current fields, we use a hyperlink to do the job, it works fine in Fire Fox but not IE, can someone please help, if I need to post the script I will do so

[Jlucatero]

So here is my script, this is just one of the examples, they are all pretty similare so if I can fix this problem then I can go from their, the "remove" hyperlink is what this question refers to, I will highlight the text and if anyone can give me input that would be great, if further info is needed I will provide thanks


script language="javascript">

/*
contains functions specific to this instance that is rendered from the partial
When this partial is rendered, we get a type (billto, party, etc) and sequence number
from the controller. We name all the functions around those two pieces to keep the function
unique. - rcaetano
*/

function selectRequestor_<%=@safe_description%>(text, li)
{
new Ajax.Request('/dashboard/get_entity/' + li.id,
{ onSuccess: function(request) { setRequestor_<%=@save_description%>(request.respon seText); } } );
}

function setRequestor_<%=@save_description%>(requestor)
{
data = requestor.split("|")
document.getElementById("request_document<%=@name_ description%>[address]").value = data[1];
document.getElementById("request_document<%=@name_ description%>[city]").value = data[2];
document.getElementById("request_document<%=@name_ description%>[state]").value = data[3];
document.getElementById("request_document<%=@name_ description%>[zip]").value = data[4];
document.getElementById("request_document<%=@name_ description%>[phone]").value = data[5];
document.getElementById("request_document<%=@name_ description%>[fax]").value = data[6];
}

new Ajax.Autocompleter("request_document<%=@name_descr iption%>[name]",
"autocomplete_choices",
"/dashboard/auto_complete_for_entity_name",
{ afterUpdateElement : selectRequestor_<%=@safe_description%> });
</script>

<table width="760" id="<%=@name_description%>">
<tr>
<td width="140">Name</td>
<td colspan="2">
<%= text_field_tag "request_document#{@name_description}[name]", nil, :size => 50 %>
</td>
<td align="right">[<a href="javascript:removePartial('<%=@name_descripti on%>')">remove</a>]</td>
</tr>

<% if @name_type == "copylocation"%>
<tr>
<td>Records Type:</td>
<td colspan="3">
<%= select_tag "request_document#{@name_description}[record_type]",
options_for_select(RecordType.titles)%>
</td>
</tr>
<% end %>

[acoder]

Welcome to TSDN!

Where's the removePartial function?

PS. I've merged the threads.

[Jlucatero]

Welcome to TSDN!

Where's the removePartial function?

PS. I've merged the threads.

Thanks for the welcome, glad to finally find some help: here is the remaining scirpt let me know if their is anything else I need to insert. This is the line I get the error message on in IE

<script language="javascript">

var current_name = "";

function removePartial(partial_name)
{
var element = document.getElementById(partial_name);
element.remove(0);
}

</script>

[Jlucatero]

Her is the remainig script

[acoder]

If you want to remove elements, you need to use removeChild (e.g. link)

[Jlucatero]

If you want to remove elements, you need to use removeChild (e.g. link)

Thanks, but is their any other method by which to do this??

[gits]

Thanks, but is their any other method by which to do this??

hi ...

that's the standard way ... you remove your option-node from the element-node that contains it ... use this method, that is the common and best way to do such things ;)

an other way would be to create your html for your select-box (all the options that should appear in your box) as a primitive string with javascript and then you set the innerHTML-property of your select-node ... but that is the very beginner way ... and creates a lot of code ... and lines in your script ... i wouldn't recommend that method ...

kind regards ....