John Zwick

The following works in firefox but is not working in IE where I am getting the error:
"Error: 'options' is null or not an object
Code: 0"

function toggleDiv(){ var dropDownElement = document.getElementById("campaignType"); var selectedCampaign = dropDownElement.options[dropDownElement.selectedIndex].value; document.getElementById('insertTableDiv').style.display = (selectedCampaign=="I")?"block":"none"; document.getElementById('rewardsLabel').style.display = (selectedCampaign=="I")?"inline":"none"; document.getElementById('rewardsList').style.display = (selectedCampaign=="I")?"inline":"none"; document.getElementById('messageTableDiv').style.display = (selectedCampaign=="M")?"block":"none"; }

How can I get this to work in IE?

Himanshu Kansal wrote:Hello,

According to what you are trying to do, things are happening correctly. You asked it to output the array object and that is what it gave u.

Concept of arrays for forms is that when you have a control like a series of checkboxes, you can use an array in your form to hold multiple selected values. The values in case of textboxes would normally be overwritten, instead of being mapped to arrays. I am not very sure but I think this is what happens to textboxes.

Still, if I assume that in case you have multiple textboxes, all with the same name attribute, and they do get mapped to the array in your form, then when you have a single textbox, you still would require to refer to its value through the array index, stockID[0] that is.

why cant a single text box map to an array of size 1?
If I refer to its value through the array index, when i add a new row of inputs (which clones the first row of inputs), we will have two input boxes which refer to the same array index.

For example:
Before adding a new row we will have:
"<input type="text" name="stockID[0]" maxlength="10" size="10" "

but after adding another row of inputs, we will get:
"<input type="text" name="stockID[0]" maxlength="10" size="10"
"<input type="text" name="stockID[0]" maxlength="10" size="10"

and when the form gets saved, only one of the inputs is stored and not both.

Ankit Garg wrote:There is only one stockId text field in your JSP page. Then why are you using an array in the Action Form?? If you really want an array, then you should probably iterate over that array in your JSP and display multiple stockId text fields...

I have one row intially but the user can dynamically add rows of inputs via Javascript so theres a possibility of 1 to many text fields

I have a table where each row contains multiple input and select boxes. I have a link where the user can add a new row.
However, I am having trouble resetting those values of those input boxes... I can add a new row just fine but the values are not getting reset

Here is my javascript:
function addRow(tableID){ var table = document.getElementById(tableID); var rowCount = table.rows.length; var row = table.insertRow(rowCount); var colCount = table.rows[1].cells.length; for(var i=0; i<colCount; i++) { var newcell = row.insertCell(i); newcell.innerHTML = table.rows[1].cells[i].innerHTML; switch(newcell.childNodes[0].type) { case "text": newcell.childNodes[0].value = ""; break; case "checkbox": newcell.childNodes[0].checked = false; break; case "select-one": newcell.childNodes[0].selectedIndex = 0; break; } } }

Here is my HTML:
<table id="insertTable" width="100%"> <tr align="left"> <th width="10%"> Stock ID </th> <th width="10%"> Weight Class </th> <th width="10%"> Language </th> <th width="10%"> Bin </th> <th width="10%"> Priority </th> <th width="10%"> Mandate </th> <th width="10%"> Remove </th> </tr> <input type="hidden" name="insertID" value="18725"> <tr> <td width="10%"> <input type="text" name="stockID" maxlength="10" size="10" value="INS123"> </td> <td width="10%"> <select name="weightClass"><option value="1" selected="selected">Insert Type 1</option> <option value="2">Insert Type 2</option> <option value="3">Insert Type 3</option> <option value="4">Insert Type 4</option> <option value="5">Insert Type 5</option> <option value="6">Insert Type 6</option> <option value="7">Insert Type 7</option> <option value="8">Insert Type 8</option></select> </td> <td width="10%"> <select name="language"><option value="1" selected="selected">All</option> <option value="2">English</option> <option value="3">Spanish</option></select> </td> <td width="10%"> <select name="bin"><option value="1">Bin 2</option> <option value="2">Bin 3</option> <option value="3" selected="selected">Bin 4</option> <option value="4">Bin 5</option> <option value="5">Bin 6</option></select> </td> <td width="10%"> <select name="priority"><option value="4" selected="selected">High</option> <option value="2">Low</option> <option value="1">Lowest</option> <option value="3">Middle</option></select> </td> <td width="10%"> <select name="insertMandate"><option value=""></option> <option value="2" selected="selected">Mandatory</option> <option value="1">Promotional</option></select> </td> <!-- allows the user to delete an insert --> <td width="10%"> <input type="checkbox" name="insertsToDelete" value="18725"> </td> </tr> </table> <a href="javascript:;" onclick="addRow('insertTable');">Add Insert</a>

What am i missing here?

In my page, if the user submits a form and there are errors it will go back to the form input page with error messages..

However, when we go back to the page, the text input boxes are not showing what the user inputted... instead, something like "[Ljava.lang.String;@10321032" is shown

My the form bean that corresponds to that text input box is a string array
This is my form bean:
private String[] stockID; public String[] getStockID() { return stockID; } public void setStockID(String[] stockID) { this.stockID = stockID; }
<tr > <td width="10%"> <html:text property="stockID" maxlength="10" size="10" /> </td> <td width="10%"> <html:select name="AuthorsCampaignForm" property="weightClass"> <html:optionsCollection name="AuthorsCampaignForm" property="validWeightClasses" label="name" value="id" /> </html:select> </td> <td width="10%"> <html:select name="AuthorsCampaignForm" property="language"> <html:optionsCollection name="AuthorsCampaignForm" property="validLanguages" label="name" value="id" /> </html:select> </td> <td width="10%"> <html:select name="AuthorsCampaignForm" property="bin"> <html:optionsCollection name="AuthorsCampaignForm" property="validBins" label="name" value="id" /> </html:select> </td> <td width="10%"> <html:select name="AuthorsCampaignForm" property="priority"> <html:optionsCollection name="AuthorsCampaignForm" property="validPriorities" label="name" value="id" /> </html:select> </td> <td width="10%"> <html:select name="AuthorsCampaignForm" property="insertMandate"> <html:optionsCollection name="AuthorsCampaignForm" property="validInsertMandates" label="name" value="id" /> </html:select> </td> </tr>

Where am i going wrong here?

Hi everyone, I am having trouble getting my javascript function to delete a specific row from a table. Any ideas what I am doing wrong?

here is my javascript function:
function removeRow(src) { document.getElementById("insertTable").deleteRow(src+1); }

Here is my table where there is a 'Remove' link on each row that passes the row number to the javascript function.
<table id="insertTable" width="100%"> <tr align="left"> <th width="10%">Stock ID</th> <th width="10%">Weight Class</th> <th width="10%">Language</th> <th width="10%">Bin</th> <th width="10%">Priority</th> <th width="10%">Mandate</th> <th width="10%"></th> </tr> <tr> <td width="10%"><div id="stockIDNode"><input type="text" name="stockID" maxlength="10" size="10" value="1"></div></td> <td width="10%"><div id="weightClassNode"><select name="weightClass"><option value=""></option> <option value="1">Insert Type 1</option> <option value="2">Insert Type 2</option> <option value="3">Insert Type 3</option> <option value="4">Insert Type 4</option> <option value="5">Insert Type 5</option> <option value="6" selected="selected">Insert Type 6</option> <option value="7">Insert Type 7</option> <option value="8">Insert Type 8</option></select></div></td> <td width="10%"><div id="languageNode"><select name="language"><option value=""></option> <option value="1">All</option> <option value="2" selected="selected">English</option> <option value="3">Spanish</option></select></div></td> <td width="10%"><div id="binNode"><select name="bin"><option value=""></option> <option value="1">Bin 2</option> <option value="2" selected="selected">Bin 3</option> <option value="3">Bin 4</option> <option value="4">Bin 5</option> <option value="5">Bin 6</option></select></div></td> <td width="10%"><div id="priorityNode"><select name="priority"><option value=""></option> <option value="4">High</option> <option value="2" selected="selected">Low</option> <option value="1">Lowest</option> <option value="3">Middle</option></select></div></td> <td width="10%"><div id="mandateNode"><select name="insertMandate"><option value=""></option> <option value="2" selected="selected">Mandatory</option> <option value="1">Promotional</option></select></div></td> <td width="10%"><div id="removeNode"><a href="javascript:;" onclick="removeRow(0);">Remove</a></div></td> </tr> <tr> <td width="10%"><div id="stockIDNode"><input type="text" name="stockID" maxlength="10" size="10" value="2"></div></td> <td width="10%"><div id="weightClassNode"><select name="weightClass"><option value=""></option> <option value="1">Insert Type 1</option> <option value="2">Insert Type 2</option> <option value="3">Insert Type 3</option> <option value="4" selected="selected">Insert Type 4</option> <option value="5">Insert Type 5</option> <option value="6">Insert Type 6</option> <option value="7">Insert Type 7</option> <option value="8">Insert Type 8</option></select></div></td> <td width="10%"><div id="languageNode"><select name="language"><option value=""></option> <option value="1">All</option> <option value="2" selected="selected">English</option> <option value="3">Spanish</option></select></div></td> <td width="10%"><div id="binNode"><select name="bin"><option value=""></option> <option value="1">Bin 2</option> <option value="2">Bin 3</option> <option value="3" selected="selected">Bin 4</option> <option value="4">Bin 5</option> <option value="5">Bin 6</option></select></div></td> <td width="10%"><div id="priorityNode"><select name="priority"><option value=""></option> <option value="4">High</option> <option value="2" selected="selected">Low</option> <option value="1">Lowest</option> <option value="3">Middle</option></select></div></td> <td width="10%"><div id="mandateNode"><select name="insertMandate"><option value=""></option> <option value="2" selected="selected">Mandatory</option> <option value="1">Promotional</option></select></div></td> <td width="10%"><div id="removeNode"><a href="javascript:;" onclick="removeRow(1);">Remove</a></div></td> </tr> <tr> <td width="10%"><div id="stockIDNode"><input type="text" name="stockID" maxlength="10" size="10" value="4"></div></td> <td width="10%"><div id="weightClassNode"><select name="weightClass"><option value=""></option> <option value="1">Insert Type 1</option> <option value="2">Insert Type 2</option> <option value="3">Insert Type 3</option> <option value="4">Insert Type 4</option> <option value="5">Insert Type 5</option> <option value="6">Insert Type 6</option> <option value="7">Insert Type 7</option> <option value="8" selected="selected">Insert Type 8</option></select></div></td> <td width="10%"><div id="languageNode"><select name="language"><option value=""></option> <option value="1">All</option> <option value="2">English</option> <option value="3" selected="selected">Spanish</option></select></div></td> <td width="10%"><div id="binNode"><select name="bin"><option value=""></option> <option value="1">Bin 2</option> <option value="2">Bin 3</option> <option value="3">Bin 4</option> <option value="4" selected="selected">Bin 5</option> <option value="5">Bin 6</option></select></div></td> <td width="10%"><div id="priorityNode"><select name="priority"><option value=""></option> <option value="4" selected="selected">High</option> <option value="2">Low</option> <option value="1">Lowest</option> <option value="3">Middle</option></select></div></td> <td width="10%"><div id="mandateNode"><select name="insertMandate"><option value=""></option> <option value="2">Mandatory</option> <option value="1" selected="selected">Promotional</option></select></div></td> <td width="10%"><div id="removeNode"><a href="javascript:;" onclick="removeRow(2);">Remove</a></div></td> </tr> </table>

I have a war file that contains several classes. After deploying the war file (no errors while deploying), one of the classes in the war is missing in the installedApps directory on the server. Has anyone experienced this or know how to resolve this?

Thanks guys!
I ended up using:

String[] a = list.toArray(new String[list.size()])

I have a page where a user can create an account using a form. Inside the form there is a table where they can add form elements (both text boxes and drop downs) dynamically using javascript to add as many new rows of inputs as the user wants.
I understand that when the input properties are stored as an array in the form bean, struts will automatically handle the inputs and set then into the appropriate arrays. However, when the user wants to "edit" their account, I have to display those rows of inputs they entered when they created the account. How does struts handle the order , will they be in the same order as the user entered? How do I tell the jsp to generate the x amount of input rows and populate each row correctly with what the user intially entered?

How can I convert an ArrasyList of type String to a STring array?

Thanks for your help!

I currently have a table of form inputs where the user can add/remove rows via javascript. How can I configure struts to handle these values?

I have 25 input boxes of which are grouped into 5 "messages", each containing 5 lines.
Any suggestions or tips on efficiently validating these text boxes? For example, Messages #2-5 cannot have any values unless Message #1 has values. Also, for a given message, a line can only have values if all the lines before it have values (for example, a message cannot contain values in line 1 and line 5 but not 2,3, or 4).

Is there a more efficient way of doing this without using a ton of if's? In my backend code, each line is assigned to a String object (e.g message2Line3)


<table width="100%"> <tr> <th width="10%" align="right" valign="top">Message #1</th> <td width="90%" align="left"><input type="text" name="message1Line1" maxlength="90" size="90" value=""><br> <input type="text" name="message1Line2" maxlength="90" size="90" value=""> <br> <input type="text" name="message1Line3" maxlength="90" size="90" value=""> <br> <input type="text" name="message1Line4" maxlength="90" size="90" value=""> <br> <input type="text" name="message1Line5" maxlength="90" size="90" value=""></td> </tr> <tr> <th width="10%" align="right" valign="top">Message #2</th> <td width="90%" align="left"><input type="text" name="message2Line1" maxlength="90" size="90" value=""><br> <input type="text" name="message2Line2" maxlength="90" size="90" value=""> <br> <input type="text" name="message2Line3" maxlength="90" size="90" value=""> <br> <input type="text" name="message2Line4" maxlength="90" size="90" value=""> <br> <input type="text" name="message2Line5" maxlength="90" size="90" value=""></td> </tr> <tr> <th width="10%" align="right" valign="top">Message #3</th> <td width="90%" align="left"><input type="text" name="message3Line1" maxlength="90" size="90" value=""><br> <input type="text" name="message3Line2" maxlength="90" size="90" value=""> <br> <input type="text" name="message3Line3" maxlength="90" size="90" value=""> <br> <input type="text" name="message3Line4" maxlength="90" size="90" value=""> <br> <input type="text" name="message3Line5" maxlength="90" size="90" value=""></td> </tr> <tr> <th width="10%" align="right" valign="top">Message #4</th> <td width="90%" align="left"><input type="text" name="message4Line1" maxlength="90" size="90" value=""><br> <input type="text" name="message4Line2" maxlength="90" size="90" value=""> <br> <input type="text" name="message4Line3" maxlength="90" size="90" value=""> <br> <input type="text" name="message4Line4" maxlength="90" size="90" value=""> <br> <input type="text" name="message4Line5" maxlength="90" size="90" value=""></td> </tr> <tr> <th width="10%" align="right" valign="top">Message #5</th> <td width="90%" align="left"><input type="text" name="message5Line1" maxlength="90" size="90" value=""><br> <input type="text" name="message5Line2" maxlength="90" size="90" value=""> <br> <input type="text" name="message5Line3" maxlength="90" size="90" value=""> <br> <input type="text" name="message5Line4" maxlength="90" size="90" value=""> <br> <input type="text" name="message5Line5" maxlength="90" size="90" value=""></td> </tr> </table>

Thanks for the fast replies everyone
I'm going to stop testing using IE once and for all!

I am receiving the following error in the Error Console of Firefox however it works perfectly fine in IE 6:
"dropDownElement is null"

<script type="text/javascript" language="javascript"> function toggleDiv(){ var dropDownElement = document.getElementById("campaignType"); var selectedCampaign = dropDownElement.options[dropDownElement.selectedIndex].value; document.getElementById('insertTable').style.display = (selectedCampaign=="insert")?"block":"none"; document.getElementById('rewardsLabel').style.display = (selectedCampaign=="insert")?"inline":"none"; document.getElementById('rewardsList').style.display = (selectedCampaign=="insert")?"inline":"none"; document.getElementById('messageTable').style.display = (selectedCampaign=="message")?"block":"none"; } </script> <select name="campaignType" onchange="toggleDiv();"><option value=""></option> <option value="insert">Insert</option> <option value="message">Message</option></select>

Bear Bibeault wrote:Please do not show server-side markup in an HTML forum. Expand the markup to its generated HTML.

oops, my bad

Here is the generated HTML:
<td ><select name="campaignType" onchange="toggleDiv(this.value);"><option value=""></option> <option value="insert">Insert</option> <option value="message">Message</option></select> </td>