How to split HTML code with javascript or JQuery
        Posted  
        
            by Dean 
        on Stack Overflow
        
        See other posts from Stack Overflow
        
            or by Dean 
        
        
        
        Published on 2010-04-08T14:16:44Z
        Indexed on 
            2010/04/08
            14:23 UTC
        
        
        Read the original article
        Hit count: 411
        
Hi
I'm making a website using JSP and servlets and I have to now break up a list of radio buttons to insert a textarea and a button. I have got the button and textarea to hide and show when you click on the radio button it shows the text area and button. But this only appears at the top and when there are hundreds on the page this will become awkward so i need a way for it to appear underneath. Here is what my HTML looks like when complied: 
<form action="addSpotlight" method="POST">
        <table>
            <tr><td><input type="radio" value="29" name="publicationIDs" ></td><td>A System For Dynamic Server Allocation in Application Server Clusters, IEEE International Symposium on Parallel and Distributed Processsing with Applications, 2008</td> </tr>
            <tr><td><input type="radio" value="30" name="publicationIDs" ></td><td>Analysing BitTorrent's Seeding Strategies, 7th IEEE/IFIP International Conference on Embedded and Ubiquitous Computing (EUC-09), 2009</td> </tr>
            <tr><td><input type="radio" value="31" name="publicationIDs" ></td><td>The Effect of Server Reallocation Time in Dynamic Resource Allocation, UK Performance Engineering Workshop 2009, 2009</td> </tr>
            <tr><td><input type="radio" value="32" name="publicationIDs" ></td><td>idk, hello, 1992</td> </tr>
            <tr><td><input type="radio" value="33" name="publicationIDs" ></td><td>sad, safg, 1992</td> </tr>
            <div class="abstractWriteup"><textarea name="abstract"></textarea>
            <input type="submit" value="Add Spotlight"></div>
        </table>
    </form>
Now here is what my JSP looks like:
<form action="addSpotlight" method="POST">
        <table>
            <%int i = 0; while(i<ids.size()){%>
            <tr><td><input type="radio" value="<%=ids.get(i)%>" name="publicationIDs" ></td><td><%=info.get(i)%></td> </tr>
            <%i++; }%>
            <div class="abstractWriteup"><textarea name="abstract"></textarea>
            <input type="submit" value="Add Spotlight"></div>
        </table>
    </form>
Thanks in Advance
Dean
© Stack Overflow or respective owner