I am trying to create a list that drops down on the page when a link is clicked.
So the page displays:
Items
then when clicked items creates a drop down list of links that looks like:
Items
Item 1
Item 2
Item 3
Item 4
The item values are coming from a field in an Oracle database.
This is the code that I am using that isn't working. Is there something wrong with the while loop?
<%
while(choices.next())
{
if (choices.getString(1).equals("consulting"))
{
%>
<ul id="collapsibleList">
<script type="text/javascript">
document.write('<img id="emailImage1" src="down.png" width="15" height="8" alt="Open list" onKlick="togglecon(\'emailImage1\',\'consulList\');"> Consulting');
</script>
<ul type="square" id="consulList">
<%
while (choices.getString(1).equals("consulting"))
%>
{
out.print("<li><a href="emailer.jsp?viaName=<%=URLEncoder.encode(choices.getString(3))%>"> <%=choices.getString(2)%></a></li>");
}
%>
</ul>
</ul>
<script type="text/javascript">
document.getElementById('collapsibleList').style.listStyle="none"; // remove list markers
document.getElementById('consulList').style.display="none"; // collapse list
// this function toggles the status of a list
function togglecon(image,list){
var listElementStyle=document.getElementById(list).style;
if (listElementStyle.display=="none"){
listElementStyle.display="block";
document.getElementById(image).src="up.png";
document.getElementById(image).alt="Close list";
}else{
listElementStyle.display="none";
document.getElementById(image).src="down.png";
document.getElementById(image).alt="Open list";
}
}
</script>
until all of the entries are displayed....
