spaces while populating using s:iterator

[Pradeep Adibatla]

I am populating an ArrayList in a select(<select>) tag using s:iterator but when it is populated there is gap between each item in the list...

why is that so? I even tried trimming the values before they are added to ArrayList...

The output looks like...


-----------------------
apple

guava

mango
-----------------------

instead of...

----------------
apple
guava
mango

[Ankit Garg]

I think we'll need to see the code to know the problem. The s:select tag allows you to directly specify an iterable source which would be used to generate the select tag (with options inside) automatically...

[Pradeep Adibatla]

I used the simple select tag...

This is the code...

   

<select name="condCList" id="condCdrop" value="conV" onblur="conFunc('condCdrop')" >
   <s:iterator value="conValues" status="posCond">
    <option><s:property value="conValues[#posCond.index]"/><option>
    </s:iterator>
</select>
 

[David Newton]

Where are you seeing the newlines again?

[M Turner]

I think that whitespace exists where <s: tags /> used to be. Therefore, if you populate your <select> using the <s:select /> itself instead of the iterator your problem may be solved.

[David Newton]

I'm still confused. If the whitespaces are in the emitted HTML, who cares? If there are empty option elements, then something's broken, because I'm not sure how they could be generated from the code posted.

[Pradeep Adibatla]

I'm not sure how they could be generated from the code posted.

which is very strange... The problem still persists and I can't use s:select as it would disturb my UI alignment !!!

[David Newton]

Not if you used the "simple" theme.

You still haven't explained *where* the spaces are coming. If it's just in the HTML, then it doesn't matter.

[Pradeep Adibatla]

It's just in the HTML...

but the gap is of the size of the item in the list,so, a user can actually select the space between the two items which looks odd and also if there are 10 items, the list a 19 item drop down,( 9 spaces between 10 items)so it sort of hampers the UI display!

[David Newton]

Are you *sure* the list contains what you think it does? It's just not possible for the iterator tag to include objects that aren't in the list.

Note, by the way, that this would be more canonical as:

<s:iterator value="conValues">  
  <option><s:property /><option>  
</s:iterator>  

But if you're seeing blank *options*, then it's not "just" in the HTML--it means there are items in the list that aren't displaying.

[Pradeep Adibatla]

But if you're seeing blank *options*, then it's not "just" in the HTML--it means there are items in the list that aren't displaying.

I tried to populate just 2 items say A,B

This is how the dropdown looks like....

-------------
A


B
-------------

instead of ...

--------------
A
B
--------------

may be it's silly but I am unable to solve this one...what else should be the culprit?

[David Newton]

Post the rendered HTML.

A broken list is the only other option: iterator can't iterate over list items that aren't there.

[Pradeep Adibatla]

Well I can sense a strange thing now...

First up I have an arrayList that contains values...

I am filtering these values by eliminating duplicates and putting them in another ArrayList...


In the above case,the following code would give more clarity...

   

System.out.println("The conList  is :--> "+conList);

for(int j=0; j<conList.size(); j++)
                  {
                     if(!(conValues.contains(conList.get(j))))
                     {
                         System.out.println("j is :--> "+j);
                         conValues.add(conList.get(j).toString().trim());
                         // conList.toString().trim();
                     }
                  }


                  for(Iterator it = conValues.iterator(); it.hasNext();)
                  {
                         Object ob = it.next();
                         System.out.println("The conValues set is :--> "+ob);
                  }

                  System.out.println("The conValues  is :--> "+conValues);

 

The output...
-----------------

The conList is :--> [c1, c5, c1, c5]
j is :--> 0
j is :--> 1
The conValues set is :--> c1
The conValues set is :--> c5
The conValues is :--> [c1, c5]

[David Newton]

If there are only two items in the list then the JSP you posted cannot create empty option elements: all the iterator tag does is loop over the collection and run the body of the tag for each element.

Post the rendered HTML, along with the current JSP code.

[Pradeep Adibatla]

Hey David ...thanks for your patient replies...


It is very frustrating though...you mean this should do?

  
 <s:form action="rules" name="form1" method="POST">

[David Newton]

No, the HTML rendered by the iterator tag--the part you're having a problem with.

[Pradeep Adibatla]

I didn't get that...

 

<s:iterator value="conValues" status="posCond">
   <option><s:property value="conValues[#posCond.index]"/><option>
</s:iterator>

   

Now where should be 'post' inserted??

[David Newton]

*sigh*

Are you, or are you not, having an issue with your collection and/or iterator tag?

[Pradeep Adibatla]

yes, I do, but i don't how and where to post the rendered html which you suggested! kindly clarify..

[David Newton]

Post it here. Post it by copying and pasting it from the "view source" of your browser. Put it in code tags and disable HTML.

[Bear Bibeault]

Just do a View Source in the browser! Sheesh.

[Pradeep Adibatla]

Whoa! that is some comfusion...I thought I need to "Post" the value somewhere...well,well,here it goes, a bit long and the part to be noticed lurks in the middle...

There are two tabpanels both having same structure and so is for select...

  


<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<%@ taglib uri="/jsp/taglib192.tld" prefix="tr"%>
<%@ taglib uri="/jsp/taglib106.tld" prefix="tbr"%>
<%@ taglib prefix="s" uri="/struts-tags" %>
<%@page import="java.util.ArrayList" %>
<%@page import="java.util.HashSet" %>
<%@page import="java.util.Iterator" %>

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>JSP Page</title>
        <style>
            .c1 {background-color: #ACF;}
            .c2 {background-color: #FCA;}
            .c3 {background-color: #CFA;}
            .tablebord {border: 2px #6e94b7 solid; border-collapse: collapse;}
        </style>

        <style type="text/css">
            .pg-normal {
                color: black;
                font-weight: normal;
                text-decoration: none;
                cursor: pointer;
            }
            .pg-selected {
                color: black;
                font-weight: bold;
                text-decoration: underline;
                cursor: pointer;
            }
        </style>

<script>


var ca=0;
var valCA=2;



// myField accepts an object reference, myValue accepts the text string to insert at the cursor
//insertatcursor(document.getElementById('cArea'),')')
function insertatcursor(myField, myValue) {
if (document.selection) {
myField.focus();
sel = document.selection.createRange();
sel.text = myValue;
}
else if (myField.selectionStart == 0 || myField.selectionStart == '0') {
var startPos = myField.selectionStart;
var endPos = myField.selectionEnd;
myField.value = myField.value.substring(0,startPos) + myValue + myField.value.substring(endPos, myField.value.length);
}
else
{
myField.value += myValue;
}
document.getElementById('leftPar').disabled=true;
}


   function SendSelectValueToTextArea(selectValue,targetTextArea,maintable)
   {
       alert("in func");
       alert("selected value :--->"+selectValue);
       alert("targetTextArea :--->"+targetTextArea);
   
    var tbody = document.getElementById(maintable).getElementsByTagName("TBODY")[0];

    var txtNode=document.createTextNode(selectValue);
    var textArea=document.getElementById(targetTextArea);
    var insert=textArea.appendChild(txtNode);
    tbody=document.getElementById('cArea').appendChild(selectValue);
    
   }

   


function saveRule()
{
     if (!document.getElementsByTagName || !document.createTextNode) return;
     var rows = document.getElementById('ruleTable').getElementsByTagName('tbody')[0].getElementsByTagName('tr');

     alert("No of Rows are :-->"+rows.length);
    
     rows[ruleRowSelected-1].cells[5].innerHTML=condValue;
     rows[ruleRowSelected-1].cells[6].innerHTML=actValue;

     conditionPart=condValue;
     actionPart=actValue;

    var xmlhttp;

    alert("The value to be set is :--> ");

    alert("The ConditionPart is :--> "+conditionPart);
    alert("The actionPart is :--> "+actionPart);

    if (window.XMLHttpRequest)
    {
        // code for IE7+, Firefox, Chrome, Opera, Safari
        xmlhttp=new XMLHttpRequest();

        alert("xmlhttp is :--->"+xmlhttp);
    }
    else
    {
       alert(" in else !!! ");
       // code for IE6, IE5
       xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
       alert("xmlhttp is :--->"+xmlhttp);
    }

  //  var url="http://localhost:8084/Struts_V1.0/jsp/condActForm.action?
 
}

function rowSelect(caRow)
{
     alert("In select");

       if(ca>1)
       {
           tRW.style.backgroundColor = 'white';
       }

  //   alert("tr is :--> "+tr);

       caRow.style.backgroundColor='#dcfac9';

       proId=caRow.cells[0].innerHTML;

       tRW=caRow;
       alert("The proID Selected is :-->  "+proId);

       ca++;
}

function delCondAct(tableVal)
{
        alert("in Cond-Act rowDel");

        var tBody=document.getElementById(tableVal).tBodies[0];
        tBody.deleteRow(tRW);
        
        var condDel=tRW;
        var actDel=tRW;
        alert("del is :--> "+condDel);
}


function addCARow(val)
{
         alert("----> in addCARow ");

         if (!document.getElementsByTagName) return;
         
         if(val==1)
         {
           alert("val is 1,for actTable !!! ");
           tabBody=document.getElementById('actTable').getElementsByTagName("TBODY").item(0);
           alert(tabBody);
         }
         else
         {
           alert("val is 0,for condTable !!! ");
           tabBody=document.getElementById('CondTable').getElementsByTagName("TBODY").item(0);
           alert(tabBody);
         }

         row=document.createElement("TR");

         cell1 = document.createElement("TD");
         cell2 = document.createElement("TD");
         cell3 = document.createElement("TD");
         cell4 = document.createElement("TD");
         cell5 = document.createElement("TD");

         if(val!=1)
         {
           alert("val is not 1,so cp1,condTable");
           cell5.id='cp1';
           alert(" cell5 id is :--> "+cell5.id);
         }

         textnode2='RuleSet1';
         textnode3='Rule1';
         textnode4='';

         if(val==1)
         {
             textnode5='AND';
             alert(" the textnode5 is :--> "+textnode5);   
         }

         alert("The textnode2 is :-->"+textnode2);
         alert("The textnode3 is :-->"+textnode3);
         alert("The textnode4 is :-->"+textnode4);
         alert("The textnode5 is :-->"+textnode5);
   
         cell1.innerHTML=valCA;
         cell2.innerHTML=textnode2;
         cell3.innerHTML=textnode3;
         cell4.innerHTML=textnode4;
         cell5.innerHTML=textnode5;
    
         alert("The val in cell1 is :-->"+cell1.innerHTML);
         alert("The val in cell2 is :-->"+cell2.innerHTML);
         alert("The val in cell3 is :-->"+cell3.innerHTML);
         alert("The val in cell4 is :-->"+cell4.innerHTML);
         alert("The val in cell5 is :-->"+cell5.innerHTML);
 
         row.appendChild(cell1);
         row.appendChild(cell2);
         row.appendChild(cell3);
         row.appendChild(cell4);
         row.appendChild(cell5);
    
         tabBody.appendChild(row);

         valCA++;

         alert("The valCA is :--> "+valCA);

         ac=0;

}


function goBackToRule(clos)
{
    var r=confirm("Are you sure you want to cancel ???");

    if(r==true)
    {
        alert(clos);
        h=window.history;
        alert(h.length);
        if(h.length)
        {
           alert("in h.len");
           h.go(-1);
        }
    }
    else
    {

    }

}

function goBack()
{
 var confrm=confirm("Are you sure you want to cancel ???");
  if(confrm==true)
  {
    alert('hai');
    history.go(-1);
  }
}

 </script>

 <script type="text/javascript" src="JS/SelPaging.js"></script>

  <script type="text/javascript" src="JS/Cond-Act.js"></script>

  <script type="text/javascript" src="JS/addCA.js"></script>

  <s:head theme="ajax" debug="true"/>
    </head>
    <body>
       <s:form action="condAct" name="condActForm">
       <table align="center" width="800">
        <tr>
        <td><h5>|   <a href="jsp/vocabulary.jsp" title="ProjectHome">ProjectHome</a>   |</h5></td>
        <td>                 
                       
             </td>
        <td><h5>|  <a href="jsp/vocabulary.jsp" title="IBRSHelp">IBRSHelp</a>  |</h5></td>
        <td><h5>|  <a href="jsp/vocabulary.jsp" title="About">About</a>  |</h5></td>
        <td><h5>|  <a href="jsp/logout.jsp" title="LogOut">Logout</a>  |</h5></td>
        </tr>
        <tr>
        <table align="center" width="1000" cellpadding="10"  cellspacing="10" bgcolor="LightSteelBlue" class="tablebord">
            <td><i><h3 align="center">Condition-Action Screen</h3></i>
            <table align="center" width="950"  bgcolor="LightSteelBlue" class="tablebord">
                <tr>
                <td height="700" align="left" valign="top">
                    <s:tabbedPanel id="one" theme="ajax" >
                        <s:div id="Condition" theme="ajax" label="Condition" labelposition="top" tabindex="0" autoStart="true" >
                            <table id="maintable" align="center" width="900"  bgcolor="LightSteelBlue">
                                <tr>
                                    <td>
                                        <table align="center" width="800" class="tablebord">
                                        <tr>
                                        <td>
                                        <table align="center" id="CondTable" width="800" border="1" bgcolor="AliceBlue" class="tablebord" >
                                            <tr bgcolor="LightGray">
                                                <th>  </th>
                                                <th>RuleSetName</th>
                                                <th>RuleName</th>
                                                <th>ConditionPart</th>
                                                <th>LOP</th>
                                            </tr>

                                            <tr bgcolor="AliceBlue">
                                                <td>1</td>
                                                <td>RuleSet1</td>
                                                <td>Rule1</td>
                                                <td id="co1"></td>
                                                <td>
                                                    <select id="cp1" onblur="addCARow('cp1')" disabled="true">
                                                    <option>AND</option>
                                                    <option>OR</option>
                                                    </select>
                                                </td>
                                            </tr>
                              
                                        </table>

                                        <div class="myClass" id="condtabMod" align="left" style="display:none">
                                            <table align="left" >
                                               <form>
                                                     <br>
                                               <tr>
                                                    <td>Conceptname:</td>
                                                    <td><input id="conName" type="textfield" maxlength="15" name='conceptName'></td>
                                                    <td> </td>
                                               </tr>

                                               <tr>
                                                    <td>Attributename:</td>
                                                    <td><input  id="atrName" type="textfield" maxlength="15" name='attributeName'></td>
                                                    <td> </td>
                                               </tr>
                                               <tr> 
                                                   <td><input type="button" value="cModOk" name="" ></td>
                                               </tr>
                                               </form>
                                           </table>

                                        </div>

                                    </td>
                                    </tr>
                                    <tr>
                                       <td>
                                        <input type="button" value="Modify" name="actModify" />
                                        <input type="button" value="Delete" name="actDelete" onclick="delCondAct('CondTable');"/>
                                       </td>
                                    </tr>
                                        </table>
                                    </td>
                                </tr>
                                <br/>
                                <tr>
                                    <td><br/> <br/>
                                        <table id="table1" align="center" width="800" bgcolor="LightSteelBlue" class="tablebord">
                                            <tr>
                                                <td><br/></td>
                                            </tr>
                                     
                                        <tr>
                                            <td> 
                                                <select name="condCList" id="condCdrop" value="conV" onblur="conFunc('condCdrop')"  >
                                                    <s:iterator value="conValues" status="posCond" >
                                                    <option><s:property value="conValues[#posCond.index]"/><option>
                                                    </s:iterator>
            
                                              <%--  <option>C1</option>
                                                    <option>C2</option>
                                                    <option>C3</option>
                                                    <option>C4</option>
                                                    <option>C5</option>
                                                      <s:iterator value="conValues" status="posCond">
                                                    <option><s:property value="conValues[#posCond.index]"/><option>
                                                    </s:iterator>
                                               --%>
                                                                         
                                                </select>
 
                                                <div id="pageNavPosition"></div>

                                            </td>
                                           
                                            <td>
                                                   
                                                <select  disabled="true" name="ropList" id="cRopdrop" onblur="conFunc('cRopdrop')">
                                                    <option>></option>
                                                    <option>≥</option>
                                                    <option><</option>
                                                    <option>≤</option>
                                                    <option>EQUALS</option>
                                                </select>
                                            </td>

                                            <td>
                                                   
                                                <input disabled="true" id="conText" type="text" name="inputBox" >
                                                <input disabled="true" id="conTextButton" type="button"  value="OK" onclick="conFunc('conTextButton')" >
                                            </td>

                                            <td>
                                                   
                                                <input disabled="true" id="addCond" type="button"  value="AddCondition" onclick="conFunc('addCond')" >
                                                
                                            </td>

                                        </tr>

                                        <tr>
                                            <td><br/></td>
                                        </tr>

                                        <tr>
                                            <td> 
                                                <select disabled="true" name='condAList' id="condAdrop" onblur="conFunc('condAdrop')">
                  
                                                   <s:iterator value="conAtrAL" status="posConAtr" >
                                                   <option><s:property value="conAtrAL[#posConAtr.index]" /><option>
                                                   </s:iterator>

                                             <%--  <option>Atr1</option>
                                                   <option>Atr2</option>
                                                   <option>Atr3</option>
                                                   <option>Atr4</option>
                                                   <option>Atr5</option>
                                                   <s:iterator value="conAtrAL" status="posConAtr">
                                                   <option><s:property value="conAtrAL[#posConAtr.index]"/><option>
                                                   </s:iterator>

                                              --%>
                                            
                                                </select>
                                            </td>
                                            
                                            <td>
                                                   
                                                <select disabled="true" name='aopList'id="cAopdrop" onblur="conFunc('cAopdrop')">
                                                    <option>+</option>
                                                    <option>-</option>
                                                    <option>*</option>
                                                    <option>/</option>
                                                </select>
                                            </td>

                                            <td>
                                                   
                                                <input type="button" id="leftPar" name="leftPar" value="(" onclick="conFunc('leftPar')">
                                                <input disabled="true" id="rightPar" type="button" name="rightPar" value=")" onclick="conFunc('rightPar')">
                                            </td>

                                        </tr>

                                        <tr>
                                            <td><br></td>
                                        </tr>

                                  </table>
                                </td>
                              </tr>

                            <tr>
                                <td>

                                    <tr align="center">
                                        <td> 
                                              <textarea class="tablebord" name="condArea" id="cArea" rows="6" cols="100" readonly="true"></textarea>
                                              <input type="hidden" name="condArea">
                                        </td>
                                    </tr>

                                    <tr align="char" dir="LTR" >
                                        <td>
                                            <label >         RuleDetail</label>
                                        </td>
                                    </tr>

                                    <tr align="center">
                                        <td>
                                            <textarea id="cruleArea" rows="8" cols="100" readonly="true"></textarea>
                                        </td>
                                    </tr>
                                 
                                    <tr align="center" >
                                        <td><br/>
                                            <input type="button" id="condaddRule1" name="addRule" value="Add Rule" onclick="addCAToRule('condaddRule1')"> 
                                            <input type="button" name="cancel" value="Cancel" onclick="goBack()">
                                            <input type="button" value="AddVocabularyElement">
                                        </td>
                                    </tr>
                                
                                </td>
                            </tr>

                        </table>
                     </s:div>

                     <s:div id="Action" theme="ajax" label="Action" labelposition="top" tabindex="80">
                        <table align="center" width="900"  bgcolor="LightSteelBlue">
                            <tr>
                                <td>
                                    <table align="center" width="800" class="tablebord">
                                    <tr>
                                      <td>

                                        <table id="actTable" align="center" width="800" border="1" bgcolor="AliceBlue" class="tablebord" >
                                           <tr bgcolor="LightGray" onclick="rowSelect(this)">
                                            <th></th>
                                            <th>RuleSetName</th>
                                            <th>RuleName</th>
                                            <th>ActionPart</th>
                                            <th>LOP</th>
                                           </tr>
                                          
                                           <tr bgcolor="AliceBlue">
                                                <td>1</td>
                                                <td>RuleSet1</td>
                                                <td>Rule1</td>
                                                <td id="act1"></td>
                                                <td>AND</td>
                                           </tr>

                                        </table>

                                      </td>
                                    </tr>
                                    <tr>
                                       <td>
                                        <input type="button" value="Modify" name="actModify"/>
                                        <input type="button" value="Delete" name="actDelete" onclick="delCondAct('actTable');"/>
                                       </td> 
                                    </tr>

                                    </table>

                                    <div class="myClass" id="acttabMod" align="left" style="display:none">
                                            <table align="left" >
                                               <form>
                                                     <br>
                                               <tr>
                                                    <td>Conceptname:</td>
                                                    <td><input id="conName" type="textfield" maxlength="15" name='conceptName'></td>
                                                    <td> </td>
                                               </tr>
                                               <tr>
                                                    <td>Attributename:</td>
                                                    <td><input  id="atrName" type="textfield" maxlength="15" name='attributeName'></td>
                                                    <td> </td>
                                               </tr>
                                               <tr></tr>
                                               </form>
                                            </table>

                                    </div>

                                </td>
                            </tr>

                           <br>

                            <tr>
                                <td> <br> <br>
                                    <table align="center" width="800" bgcolor="LightSteelBlue" class="tablebord">
                                        <tr>
                                                <td><br></td>
                                        </tr>
                                        <tr>
                                            <td> 
                                            <select name='actCList' value="actCV" id="actCdrop" onblur="actFunc('actCdrop')" >
                                                    <s:iterator value="conValues" status="posactC">
                                                    <option><s:property value="conValues[#posactC.index]"/><option>
                                                    </s:iterator>
                                            </select>        
                                          
                                            </td>
                                               
                                            <td>
                                                   
                                                <input type="button" id="equalsButton" disabled="true" value="=" onclick="actFunc('equalsButton')">
                         
                                            </td>

                                            <td>
                                                   
                                                <input id="actText" disabled="true" type="text" name="inputBox">
                                                <input type="button" id="actTextButton" disabled="true" value="OK" onclick="actFunc('actText')">
                                            </td>

                                            <td>
                                                   
                                                <input type="button" id="addAct" disabled="true" value="AddAction" onclick="actFunc('addAct')">
                                            </td>

                                        </tr>

                                        <tr>
                                            <td><br></td>
                                        </tr>

                                        <tr>
                                            <td> 
                                            
                                                <select disabled="true" name='actAList' id="actAdrop" onblur="actFunc('actAdrop')">
                                                    <option>Atr1</option>
                                                    <option>Atr2</option>
                                                    <option>Atr3</option>
                                                    <option>Atr4</option>
                                                    <option>Atr5</option>
                                                   
                                                </select>
                                                
                                            </td>

                                            <td>
                                                   
                                                <select disabled="true" name='aopList' id="actAopdrop" onblur="actFunc('actAopdrop')">
                                                    <option>+</option>
                                                    <option>-</option>
                                                    <option>*</option>
                                                    <option>/</option>
                                                </select>
                                            </td>

                                        </tr>

                                        <tr>
                                            <td><br></td>
                                        </tr>

                                    </table>
                                </td>
                            </tr>

                            <tr>
                                <td>

                                   <tr align="center">
                                        <td> 
                                              <textarea class="tablebord" name="actionArea" id="actArea" rows="6" cols="100" readonly="true" ></textarea>
                                              <input type="hidden" name="actArea">
                                        </td>
                                    </tr>

                                    <tr align="char" dir="LTR" >
                                        <td>
                                            <label>         RuleDetail</label>
                                        </td>
                                    </tr>

                                    <tr align="center">
                                        <td>
                                            <textarea id="aruleArea" rows="8" cols="100" readonly="true"></textarea>
                                        </td>
                                    </tr>
                                   
                                    <tr align="center">
                                        <td><br/>

                                            <input type="button" name="addRule" id="actAddRule1" value="Add Rule" onclick="addCAToRule('actAddRule1')"> 
                                            <input type="button" name="cancel" value="Cancel" onclick="goBack()">
                                            <input type="button" value="AddVocabularyElement">
                                       
                                        </td>
                                    </tr>
                                  
                                </td>
                            </tr>
                        </table>
                   </s:div>
               </s:tabbedPanel>

        </table>

        </td>
        </table>
     </tr>
   </table>
    </s:form>

<script type="text/javascript">

      //  alert("in page JS");
        var pager = new Pager('actAdrop',5);
      //  alert("pager is :-->"+pager);
        pager.init();
        pager.showPageNav('pager', 'pageNavPosition');
        pager.showPage(1);
        
</script>
    </body>
</html>




  

[David Newton]

No, the ***rendered*** output of the iterator tag--the part you're having the problem with.

"Rendered" means the stuff handed back to the browser, which is why both Bear and I referenced the "view source" thing.

[Pradeep Adibatla]

Well, here it is...

public class LoadProjectAction extends ActionSupport
{
....

private String loadok;
    private String loadCancel;
    private String ldok;

     ArrayList vIDList;
     ArrayList conList;
     ArrayList atrList;
	 ArrayList dtypeList;
     ArrayList conValues;
     ArrayList atrValues;

    LinkedHashMap atrHM=new LinkedHashMap();

    public LinkedHashMap getAtrHM()
    {
        return atrHM;
    }


 public ArrayList getAtrList()
    {
        return atrList;
    }

    public ArrayList getConList() {
        return conList;
    }

    public ArrayList getDtypeList() {
        return dtypeList;
    }

    public ArrayList getVIDList() {
        return vIDList;
    }
    

    public ArrayList getAtrValues() {
        return atrValues;
    }

    public void setAtrValues(ArrayList atrValues) {
        this.atrValues = atrValues;
    }

    public ArrayList getConValues() {
        return conValues;
    }

    public void setConValues(ArrayList conValues) {
        this.conValues = conValues;
    }

...............

@Override
    public String execute() throws Exception
    {
            vIDList=new ArrayList();
            conList =new ArrayList();
            atrList =new ArrayList();
            dtypeList =new ArrayList();
            conValues=new ArrayList();
            atrValues = new ArrayList();
            
        System.out.println("In LoadProject Action !!! ");

        loadVocab();

       //       loadVocFromXML();

      //       loadFromSerializableObject();

                  for(int j=0; j<conList.size(); j++)
                  {
                     if(!(conValues.contains(conList.get(j))))
                     {
                         System.out.println("j is :--> "+j);
                         conValues.add(conList.get(j).toString().trim());
                         // conList.toString().trim();
                     }
                  }

                  System.out.println("The size is :--> "+conValues.size());

                  for(Iterator it = conValues.iterator(); it.hasNext();)
                  {
                         Object ob = it.next();
                         System.out.println("The conValues set is :--> "+ob);
                  }

                  System.out.println("The conValues  is :--> "+conValues);



.........


public void loadVocab()
    {

            System.out.println("in loadVocab ! ");
            dBToVocabularyObjectPersistence.getVocabGroupBy();

       //     vIDList=dBToVocabularyObjectPersistence.getVocIDAL();
            conList=dBToVocabularyObjectPersistence.getConceptAL();
            atrList=dBToVocabularyObjectPersistence.getAttributeAL();
            dtypeList=dBToVocabularyObjectPersistence.getDatatypeAL();

            System.out.println("The size of Voc is :--> "+vIDList);
            int i=1;
            for (Iterator it = conList.iterator(); it.hasNext();)
            {
               Object ojt = it.next();
               System.out.println("The ojt is :--> "+ojt);
               System.out.println(" i is :--> " +i);
               vIDList.add(i);
               i++;
               System.out.println("after i++ is :--> " +i);
            }

            System.out.println("The vIDList size is :--> "+vIDList);        
    }

[Bear Bibeault]

I give up.

[Ankit Garg]

Bow down to David's patience

Pradeep, the source that you showed us is of the code that you wrote. Now you open that page in the browser and you get some unusual option elements right. Now when you open the page in the browser, depending upon the browser, do the following
If you are using firefox, go to View menu and there's an option called "Page Source", click on that
If you are using Internet Explorer, go to the View menu and there's an option called "Source", click on that

In both cases you'll see the HTML that the browser got from the server. Copy that HTML and post it here...

[Pradeep Adibatla]

Well,I looked foolish there,but here it is...

    


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">




<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

        <title>JSP Page</title>
        <style>
            .c1 {background-color: #ACF;}
            .c2 {background-color: #FCA;}
            .c3 {background-color: #CFA;}
            .tablebord {border: 2px #6e94b7 solid; border-collapse: collapse;}
        </style>

        <style type="text/css">
            .pg-normal {
                color: black;
                font-weight: normal;
                text-decoration: none;
                cursor: pointer;
            }
            .pg-selected {
                color: black;
                font-weight: bold;
                text-decoration: underline;
                cursor: pointer;
            }
        </style>

<script>


var ca=0;
var valCA=2;



// myField accepts an object reference, myValue accepts the text string to insert at the cursor
//insertatcursor(document.getElementById('cArea'),')')
function insertatcursor(myField, myValue) {
if (document.selection) {
myField.focus();
sel = document.selection.createRange();
sel.text = myValue;
}
else if (myField.selectionStart == 0 || myField.selectionStart == '0') {
var startPos = myField.selectionStart;
var endPos = myField.selectionEnd;
myField.value = myField.value.substring(0,startPos) + myValue + myField.value.substring(endPos, myField.value.length);
}
else
{
myField.value += myValue;
}
document.getElementById('leftPar').disabled=true;
}


   function SendSelectValueToTextArea(selectValue,targetTextArea,maintable)
   {
       alert("in func");
       alert("selected value :--->"+selectValue);
       alert("targetTextArea :--->"+targetTextArea);
   
    var tbody = document.getElementById(maintable).getElementsByTagName("TBODY")[0];

    var txtNode=document.createTextNode(selectValue);
    var textArea=document.getElementById(targetTextArea);
    var insert=textArea.appendChild(txtNode);
    tbody=document.getElementById('cArea').appendChild(selectValue);
    
   }

   


function saveRule()
{
     if (!document.getElementsByTagName || !document.createTextNode) return;
     var rows = document.getElementById('ruleTable').getElementsByTagName('tbody')[0].getElementsByTagName('tr');

     alert("No of Rows are :-->"+rows.length);
    
     rows[ruleRowSelected-1].cells[5].innerHTML=condValue;
     rows[ruleRowSelected-1].cells[6].innerHTML=actValue;

     conditionPart=condValue;
     actionPart=actValue;

    var xmlhttp;

    alert("The value to be set is :--> ");

    alert("The ConditionPart is :--> "+conditionPart);
    alert("The actionPart is :--> "+actionPart);

    if (window.XMLHttpRequest)
    {
        // code for IE7+, Firefox, Chrome, Opera, Safari
        xmlhttp=new XMLHttpRequest();

        alert("xmlhttp is :--->"+xmlhttp);
    }
    else
    {
       alert(" in else !!! ");
       // code for IE6, IE5
       xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
       alert("xmlhttp is :--->"+xmlhttp);
    }

  //  var url="http://localhost:8084/Struts_V1.0/jsp/condActForm.action?
 
}

function rowSelect(caRow)
{
     alert("In select");

       if(ca>1)
       {
           tRW.style.backgroundColor = 'white';
       }

  //   alert("tr is :--> "+tr);

       caRow.style.backgroundColor='#dcfac9';

       proId=caRow.cells[0].innerHTML;

       tRW=caRow;
       alert("The proID Selected is :-->  "+proId);

       ca++;
}

function delCondAct(tableVal)
{
        alert("in Cond-Act rowDel");

        var tBody=document.getElementById(tableVal).tBodies[0];
        tBody.deleteRow(tRW);
        
        var condDel=tRW;
        var actDel=tRW;
        alert("del is :--> "+condDel);
}


function addCARow(val)
{
         alert("----> in addCARow ");

         if (!document.getElementsByTagName) return;
         
         if(val==1)
         {
           alert("val is 1,for actTable !!! ");
           tabBody=document.getElementById('actTable').getElementsByTagName("TBODY").item(0);
           alert(tabBody);
         }
         else
         {
           alert("val is 0,for condTable !!! ");
           tabBody=document.getElementById('CondTable').getElementsByTagName("TBODY").item(0);
           alert(tabBody);
         }

         row=document.createElement("TR");

         cell1 = document.createElement("TD");
         cell2 = document.createElement("TD");
         cell3 = document.createElement("TD");
         cell4 = document.createElement("TD");
         cell5 = document.createElement("TD");

         if(val!=1)
         {
           alert("val is not 1,so cp1,condTable");
           cell5.id='cp1';
           alert(" cell5 id is :--> "+cell5.id);
         }

         textnode2='RuleSet1';
         textnode3='Rule1';
         textnode4='';

         if(val==1)
         {
             textnode5='AND';
             alert(" the textnode5 is :--> "+textnode5);   
         }

         alert("The textnode2 is :-->"+textnode2);
         alert("The textnode3 is :-->"+textnode3);
         alert("The textnode4 is :-->"+textnode4);
         alert("The textnode5 is :-->"+textnode5);
   
         cell1.innerHTML=valCA;
         cell2.innerHTML=textnode2;
         cell3.innerHTML=textnode3;
         cell4.innerHTML=textnode4;
         cell5.innerHTML=textnode5;
    
         alert("The val in cell1 is :-->"+cell1.innerHTML);
         alert("The val in cell2 is :-->"+cell2.innerHTML);
         alert("The val in cell3 is :-->"+cell3.innerHTML);
         alert("The val in cell4 is :-->"+cell4.innerHTML);
         alert("The val in cell5 is :-->"+cell5.innerHTML);
 
         row.appendChild(cell1);
         row.appendChild(cell2);
         row.appendChild(cell3);
         row.appendChild(cell4);
         row.appendChild(cell5);
    
         tabBody.appendChild(row);

         valCA++;

         alert("The valCA is :--> "+valCA);

         ac=0;

}


function goBackToRule(clos)
{
    var r=confirm("Are you sure you want to cancel ???");

    if(r==true)
    {
        alert(clos);
        h=window.history;
        alert(h.length);
        if(h.length)
        {
           alert("in h.len");
           h.go(-1);
        }
    }
    else
    {

    }

}

function goBack()
{
 var confrm=confirm("Are you sure you want to cancel ???");
  if(confrm==true)
  {
    alert('hai');
    history.go(-1);
  }
}

 </script>

 <script type="text/javascript" src="JS/SelPaging.js"></script>

  <script type="text/javascript" src="JS/Cond-Act.js"></script>

  <script type="text/javascript" src="JS/addCA.js"></script>

  <link rel="stylesheet" href="/Struts_V1.0/struts/xhtml/styles.css" type="text/css"/>
<script type="text/javascript">
    // Dojo configuration
    djConfig = {
        baseRelativePath: "/Struts_V1.0/struts/dojo",
        isDebug: true,
        bindEncoding: "UTF-8",
        debugAtAllCosts: true // not needed, but allows the Venkman debugger to work with the includes
    };
</script>
<script type="text/javascript"
        src="/Struts_V1.0/struts/dojo/dojo.js"></script>
<script type="text/javascript"
        src="/Struts_V1.0/struts/simple/dojoRequire.js"></script><script type="text/javascript"
        src="/Struts_V1.0/struts/ajax/dojoRequire.js"></script>

<script type="text/javascript"
        src="/Struts_V1.0/struts/CommonFunctions.js"></script>

    </head>
    <body>
       			
<form id="condAct" name="condActForm" onsubmit="return true;" action="/Struts_V1.0/condAct.action" method="post"><table class="wwFormTable">
       <table align="center" width="800">
        <tr>
        <td><h5>|   <a href="jsp/vocabulary.jsp" title="ProjectHome">ProjectHome</a>   |</h5></td>

        <td>                 
                       
             </td>
        <td><h5>|  <a href="jsp/vocabulary.jsp" title="IBRSHelp">IBRSHelp</a>  |</h5></td>

        <td><h5>|  <a href="jsp/vocabulary.jsp" title="About">About</a>  |</h5></td>
        <td><h5>|  <a href="jsp/logout.jsp" title="LogOut">Logout</a>  |</h5></td>
        </tr>
        <tr>
        <table align="center" width="1000" cellpadding="10"  cellspacing="10" bgcolor="LightSteelBlue" class="tablebord">
            <td><i><h3 align="center">Condition-Action Screen</h3></i>

            <table align="center" width="950"  bgcolor="LightSteelBlue" class="tablebord">
                <tr>
                <td height="700" align="left" valign="top">
                    <script type="text/javascript">
  dojo.require("dojo.widget.TabContainer");
  dojo.require("dojo.widget.LinkPane");
  dojo.require("dojo.widget.ContentPane");
</script>

<div dojoType="TabContainer"
    id="one"    doLayout="false">
                        <div dojoType="struts:BindDiv"
    autoStart="true"  	id="Condition"    tabindex="0"    label="Condition"    showError="true">

                            <table id="maintable" align="center" width="900"  bgcolor="LightSteelBlue">
                                <tr>

                                    <td>
                                        <table align="center" width="800" class="tablebord">
                                        <tr>
                                        <td>
                                        <table align="center" id="CondTable" width="800" border="1" bgcolor="AliceBlue" class="tablebord" >
                                            <tr bgcolor="LightGray">
                                                <th>  </th>
                                                <th>RuleSetName</th>

                                                <th>RuleName</th>
                                                <th>ConditionPart</th>
                                                <th>LOP</th>
                                            </tr>

                                            <tr bgcolor="AliceBlue">
                                                <td>1</td>

                                                <td>RuleSet1</td>
                                                <td>Rule1</td>
                                                <td id="co1"></td>
                                                <td>
                                                    <select id="cp1" onblur="addCARow('cp1')" disabled="true">
                                                    <option>AND</option>
                                                    <option>OR</option>

                                                    </select>
                                                </td>
                                            </tr>
                              
                                        </table>

                                        <div class="myClass" id="condtabMod" align="left" style="display:none">
                                            <table align="left" >
                                               <form>
                                                     <br>

                                               <tr>
                                                    <td>Conceptname:</td>
                                                    <td><input id="conName" type="textfield" maxlength="15" name='conceptName'></td>
                                                    <td> </td>
                                               </tr>

                                               <tr>
                                                    <td>Attributename:</td>

                                                    <td><input  id="atrName" type="textfield" maxlength="15" name='attributeName'></td>
                                                    <td> </td>
                                               </tr>
                                               <tr> 
                                                   <td><input type="button" value="cModOk" name="" ></td>
                                               </tr>
                                               </form>
                                           </table>

                                        </div>

                                    </td>
                                    </tr>
                                    <tr>
                                       <td>
                                        <input type="button" value="Modify" name="actModify" />
                                        <input type="button" value="Delete" name="actDelete" onclick="delCondAct('CondTable');"/>
                                       </td>
                                    </tr>

                                        </table>
                                    </td>
                                </tr>
                                <br/>
                                <tr>
                                    <td><br/> <br/>
                                        <table id="table1" align="center" width="800" bgcolor="LightSteelBlue" class="tablebord">
                                            <tr>

                                                <td><br/></td>
                                            </tr>
                                     
                                        <tr>
                                            <td> 
                                                <select name="condCList" id="condCdrop" value="conV" onblur="conFunc('condCdrop')"  >
                                                    
                                                    <option>c1<option>
                                                    
                                                    <option>c5<option>
                                                    
            
                                              
                                                                         
                                                </select>

                                            
 
                                                <div id="pageNavPosition"></div>

                                            </td>
                                           
                                            <td>
                                                   
                                                <select  disabled="true" name="ropList" id="cRopdrop" onblur="conFunc('cRopdrop')">
                                                    <option>></option>
                                                    <option>≥</option>
                                                    <option><</option>

                                                    <option>≤</option>
                                                    <option>EQUALS</option>
                                                </select>
                                            </td>

                                            <td>
                                                   
                                                <input disabled="true" id="conText" type="text" name="inputBox" >

                                                <input disabled="true" id="conTextButton" type="button"  value="OK" onclick="conFunc('conTextButton')" >
                                            </td>

                                            <td>
                                                   
                                                <input disabled="true" id="addCond" type="button"  value="AddCondition" onclick="conFunc('addCond')" >
                                                
                                            </td>

                                        </tr>

                                        <tr>
                                            <td><br/></td>
                                        </tr>

                                        <tr>
                                            <td> 
                                            <select disabled="true" name='condAList' id="condAdrop" onblur="conFunc('condAdrop')">
                                                   <option>Atr1</option>

                                                   <option>Atr2</option>
                                                   <option>Atr3</option>
                                                   <option>Atr4</option>
                                                   <option>Atr5</option>
                                                                                                                                        
                                             
                                              
                                            </select>
                                            </td>
                                            
                                            <td>

                                                   
                                                <select disabled="true" name='aopList'id="cAopdrop" onblur="conFunc('cAopdrop')">
                                                    <option>+</option>
                                                    <option>-</option>
                                                    <option>*</option>
                                                    <option>/</option>

                                                </select>
                                            </td>

                                            <td>
                                                   
                                                <input type="button" id="leftPar" name="leftPar" value="(" onclick="conFunc('leftPar')">
                                                <input disabled="true" id="rightPar" type="button" name="rightPar" value=")" onclick="conFunc('rightPar')">
                                            </td>

                                        </tr>

                                        <tr>
                                            <td><br></td>
                                        </tr>

                                  </table>
                                </td>
                              </tr>

                            <tr>
                                <td>

                                    <tr align="center">
                                        <td> 
                                              <textarea class="tablebord" name="condArea" id="cArea" rows="6" cols="100" readonly="true"></textarea>
                                              <input type="hidden" name="condArea">
                                        </td>
                                    </tr>

                                    <tr align="char" dir="LTR" >
                                        <td>
                                            <label >         RuleDetail</label>
                                        </td>
                                    </tr>

                                    <tr align="center">

                                        <td>
                                            <textarea id="cruleArea" rows="8" cols="100" readonly="true"></textarea>
                                        </td>
                                    </tr>
                                 
                                    <tr align="center" >
                                        <td><br/>
                                            <input type="button" id="condaddRule1" name="addRule" value="Add Rule" onclick="addCAToRule('condaddRule1')"> 
                                            <input type="button" name="cancel" value="Cancel" onclick="goBack()">

                                            <input type="button" value="AddVocabularyElement">
                                        </td>
                                    </tr>
                                
                                </td>
                            </tr>

                        </table>
                     </div>


                     <div dojoType="struts:BindDiv"
  	id="Action"    tabindex="80"    label="Action"    showError="true">

                        <table align="center" width="900"  bgcolor="LightSteelBlue">
                            <tr>
                                <td>
                                    <table align="center" width="800" class="tablebord">
                                    <tr>
                                      <td>

                                        <table id="actTable" align="center" width="800" border="1" bgcolor="AliceBlue" class="tablebord" >

                                           <tr bgcolor="LightGray" onclick="rowSelect(this)">
                                            <th></th>
                                            <th>RuleSetName</th>
                                            <th>RuleName</th>
                                            <th>ActionPart</th>
                                            <th>LOP</th>
                                           </tr>

                                          
                                           <tr bgcolor="AliceBlue">
                                                <td>1</td>
                                                <td>RuleSet1</td>
                                                <td>Rule1</td>
                                                <td id="act1"></td>
                                                <td>AND</td>
                                           </tr>

                                        </table>

                                      </td>
                                    </tr>
                                    <tr>
                                       <td>
                                        <input type="button" value="Modify" name="actModify"/>
                                        <input type="button" value="Delete" name="actDelete" onclick="delCondAct('actTable');"/>
                                       </td> 
                                    </tr>

                                    </table>

                                    <div class="myClass" id="acttabMod" align="left" style="display:none">
                                            <table align="left" >
                                               <form>
                                                     <br>
                                               <tr>
                                                    <td>Conceptname:</td>

                                                    <td><input id="conName" type="textfield" maxlength="15" name='conceptName'></td>
                                                    <td> </td>
                                               </tr>
                                               <tr>
                                                    <td>Attributename:</td>
                                                    <td><input  id="atrName" type="textfield" maxlength="15" name='attributeName'></td>
                                                    <td> </td>
                                               </tr>

                                               <tr></tr>
                                               </form>
                                            </table>

                                    </div>

                                </td>
                            </tr>

                           <br>

                            <tr>
                                <td> <br> <br>
                                    <table align="center" width="800" bgcolor="LightSteelBlue" class="tablebord">
                                        <tr>
                                                <td><br></td>
                                        </tr>
                                        <tr>

                                            <td> 
                                            <select name='actCList' value="actCV" id="actCdrop" onblur="actFunc('actCdrop')" >
                                                    
                                                    <option>c1<option>
                                                    
                                                    <option>c5<option>
                                                    
                                            </select>        
                                          
                                            </td>
                                               
                                            <td>
                                                   

                                                <input type="button" id="equalsButton" disabled="true" value="=" onclick="actFunc('equalsButton')">
                         
                                            </td>

                                            <td>
                                                   
                                                <input id="actText" disabled="true" type="text" name="inputBox">
                                                <input type="button" id="actTextButton" disabled="true" value="OK" onclick="actFunc('actText')">
                                            </td>

                                            <td>
                                                   
                                                <input type="button" id="addAct" disabled="true" value="AddAction" onclick="actFunc('addAct')">
                                            </td>

                                        </tr>

                                        <tr>
                                            <td><br></td>

                                        </tr>

                                        <tr>
                                            <td> 
                                            
                                                <select disabled="true" name='actAList' id="actAdrop" onblur="actFunc('actAdrop')">
                                                    <option>Atr1</option>
                                                    <option>Atr2</option>
                                                    <option>Atr3</option>

                                                    <option>Atr4</option>
                                                    <option>Atr5</option>
                                                   
                                                </select>
                                                
                                            </td>

                                            <td>
                                                   
                                                <select disabled="true" name='aopList' id="actAopdrop" onblur="actFunc('actAopdrop')">

                                                    <option>+</option>
                                                    <option>-</option>
                                                    <option>*</option>
                                                    <option>/</option>
                                                </select>
                                            </td>

                                        </tr>

                                        <tr>
                                            <td><br></td>
                                        </tr>

                                    </table>
                                </td>
                            </tr>

                            <tr>
                                <td>

                                   <tr align="center">
                                        <td> 
                                              <textarea class="tablebord" name="actionArea" id="actArea" rows="6" cols="100" readonly="true" ></textarea>
                                              <input type="hidden" name="actArea">
                                        </td>
                                    </tr>

                                    <tr align="char" dir="LTR" >
                                        <td>
                                            <label>         RuleDetail</label>
                                        </td>
                                    </tr>

                                    <tr align="center">

                                        <td>
                                            <textarea id="aruleArea" rows="8" cols="100" readonly="true"></textarea>
                                        </td>
                                    </tr>
                                   
                                    <tr align="center">
                                        <td><br/>

                                            <input type="button" name="addRule" id="actAddRule1" value="Add Rule" onclick="addCAToRule('actAddRule1')"> 
                                            <input type="button" name="cancel" value="Cancel" onclick="goBack()">

                                            <input type="button" value="AddVocabularyElement">
                                       
                                        </td>
                                    </tr>
                                  
                                </td>
                            </tr>
                        </table>
                   </div>

               </div>

        </table>

        </td>
        </table>
     </tr>
   </table>
    </table></form>




<script type="text/javascript">

      //  alert("in page JS");
        var pager = new Pager('actAdrop',5);
      //  alert("pager is :-->"+pager);
        pager.init();
        pager.showPageNav('pager', 'pageNavPosition');
        pager.showPage(1);
        
</script>
    </body>
</html>

[Ankit Garg]

375. <select name="condCList" id="condCdrop" value="conV" onblur="conFunc('condCdrop')"  >  
             <s:iterator value="conValues" status="posCond" >  
                         <option><s:property value="conValues[#posCond.index]"/><option>       <!-- no closing option tag-->
             </s:iterator>
</select>

426. <select name='actCList' value="actCV" id="actCdrop" onblur="actFunc('actCdrop')" >  
            <s:iterator value="conValues" status="posactC">  
             <option><s:property value="conValues[#posactC.index]"/><option>     <!-- no closing option tag-->
          </s:iterator>  
</select>

At both places you have an opening <option> tag instead of a closing </option> tag...

[Pradeep Adibatla]

phew! that was one frivolous thing. Mother of all silliest things went on to become most important thread...yeah dats done and dusted.

Thank you all for those patient replies...

[David Newton]

*lol* Good thing Ankit has sharper eyes than I do ;)

For future reference, when we ask for rendered HTML we usually just mean the parts you're having a problem with, not the entire page.

[Pradeep Adibatla]

aye aye Sir! Kindly check my other queries...