Nested (tag library) tags

Question

hi,
here is the problem that I am facing. I have downloaded the jakarta-input.tld and placed the concerned jar file in the lib folder of web-inf.
in my jsp page I have the page directive to the tld and the mapping of the tld with the class is in the web.xml file.
now I created another (my) tld file and have followed the same process.
In my jsp I am using a tag called shuttle which is in my tld. In the doStartTag() I am printing out a complete html constructed as a string. In this html string there is another tag which belongs to the jakarta-input.tld.
When the html is spit put by the JspWriter the browser is not recongizing a tag called <input:select> which corresponds to a tag defined in jakarta-input.tld.
Other html elements are showing up properly except for this tag and its contents.
Can there be nested tags?? I believe so because when the browser encounters the start of a specific tag it calls the corresponding class and so no matter what, even in this particular situation, when the browser encounters the <input:select> tag, it should look for the corresponding class with the mappings in the web.xml???
please guide me if I am understanding it wrong. I would appreciate any kind of help.
regards.
f

Answer 1

here are my doStartTag() and doEndTag()....
String htmlString = "<table border=\"0\" cellspacing=\"2\" cellpadding=\"0\" height=\"116\" ><tr><td><a href=\"javascript:orderModule(0,'imageId_l');\" ><img src=\"cabo/images/sru.gif\" width=\"11\" height=\"11\" border=\"0\" alt=\"Up\" vspace=\"20\"/></a></td><td rowspan=\"2\"><input:select name=\"imageId_l\" attributes=\"<%= att %>\" optionLabels=\"<%= list1 %>\" optionValues=\"<%= vals %>\"></input:select>";
  htmlString+= "</td></tr><tr><td><a href=\"javascript:orderModule(1,'imageId_l');\"><img src=\"cabo/images/srd.gif\" width=\"11\" height=\"11\" border=\"0\" alt=\"Down\" vspace=\"20\"/></a></td></tr></table></td><td><table border=\"0\" cellspacing=\"2\" cellpadding=\"0\"><tr><td><a href=\"javascript:moveModule('imageId_l','imageId_r');\"><img src=\"cabo/images/smv.gif\" alt=\"Move Right\" width=\"18\" height=\"18\" border=\"0\" vspace=\"30\" />";
  htmlString+= "</a></td></tr><tr><td><a href=\"javascript:moveModule('imageId_r','imageId_l');\"><img src=\"cabo/images/srmv.gif\" alt=\"Move Left\" width=\"18\" height=\"18\" border=\"0\" vspace=\"20\"/></a></td></tr></table></td><td class=\"table\"><table><tr class=\"shuttle\"><td width=\"3\"></td><td>Selected</td></tr></table><table border=\"0\" cellspacing=\"2\" cellpadding=\"0\" width=\"100%\" height=\"115\"><tr><td rowspan=\"2\">";
  htmlString+= "<input:select name=\"imageId_r\" attributes=\"<%= att %>\" optionLabels=\"<%= list2 %>\"></input:select></td><td><a href=\"javascript:orderModule(0,'imageId_r');\"><img src=\"cabo/images/sru.gif\" width=\"12\" height=\"12\" border=\"0\" alt=\"Up\" vspace=\"20\"/></a></td></tr><tr><td><a href=\"javascript:orderModule(1,'imageId_r');\"><img src=\"cabo/images/srd.gif\" width=\"12\" height=\"12\" border=\"0\" alt=\"Down\" vspace=\"20\"/></a></td></tr>";
  public int doStartTag() throws JspException {
      try {
        JspWriter out = pageContext.getOut();
        out.print(htmlString);
      } catch (Exception ioException) {
      return EVAL_BODY_INCLUDE;
   public int doEndTag() throws JspException {
     try {
       pageContext.getOut().print("</table>");
     } catch (Exception ioException) {
     return EVAL_PAGE;
   }here is the output from the writer in the page
<table border="0" cellspacing="2" cellpadding="0" height="116">
  <tr>
    <td>
      <a href="javascript:orderModule(0,'imageId_l');">
        <img src="cabo/images/sru.gif" width="11" height="11" border="0"
             alt="Up" vspace="20"/>
      </a>
    </td>
    <td rowspan="2">
      <input:select name="imageId_l" attributes="<%= att %>"
                    optionLabels="<%= list1 %>" optionValues="<%= vals %>">
      </input:select>
    </td>
  </tr>
  <tr>
    <td>
      <a href="javascript:orderModule(1,'imageId_l');">
        <img src="cabo/images/srd.gif" width="11" height="11" border="0"
             alt="Down" vspace="20"/>
      </a>
    </td>
  </tr>
</table>
</td>
<td>
  <table border="0" cellspacing="2" cellpadding="0">
    <tr>
      <td>
        <a href="javascript:moveModule('imageId_l','imageId_r');">
          <img src="cabo/images/smv.gif" alt="Move Right" width="18" height="18"
               border="0" vspace="30"/>
        </a>
      </td>
    </tr>
    <tr>
      <td>
        <a href="javascript:moveModule('imageId_r','imageId_l');">
          <img src="cabo/images/srmv.gif" alt="Move Left" width="18" height="18"
               border="0" vspace="20"/>
        </a>
      </td>
    </tr>
  </table>
</td>
<td class="table">
  <table>
    <tr class="shuttle">
      <td width="3">
      </td>
      <td>Selected</td>
    </tr>
  </table>
  <table border="0" cellspacing="2" cellpadding="0" width="100%" height="115">
    <tr>
      <td rowspan="2">
        <input:select name="imageId_r" attributes="<%= att %>"
                      optionLabels="<%= list2 %>">
        </input:select>
      </td>
      <td>
        <a href="javascript:orderModule(0,'imageId_r');">
          <img src="cabo/images/sru.gif" width="12" height="12" border="0"
               alt="Up" vspace="20"/>
        </a>
      </td>
    </tr>
    <tr>
      <td>
        <a href="javascript:orderModule(1,'imageId_r');">
          <img src="cabo/images/srd.gif" width="12" height="12" border="0"
               alt="Down" vspace="20"/>
        </a>
      </td>
    </tr>
  </table>my form name is multForm
All this code is spit into jsp when I use just <shuttle></shuttle> tag .
The code above has a <input:select > tag which is not getting recognized! and so in my javascript, when a function calls for "imageId_l" which is one of the names of the <input:select> it is throwing error saying "document.multiForm[..].selectedIndex is null"
id the code thats spit out not evaluated??
regards,
f