Mike Anthony

Yes, that did it.
Sorry, sometimes I tend to overlook the basics.

Thank you!

I tried placing the following scriptlet into one of my functioning JSPs in order to see all of the request parameters but I received an error icon on the enumeration line in my Eclipse IDE which says "Enumeration cannot be resolved to a type" when I hover over it.

<% Enumeration parameterNames = request.getParameterNames(); while (parameterNames.hasMoreElements()){ String parameterName = (String) parameterNames.nextElement(); String parameterValue = request.getParameter(parameterName); %> <%= parameterName %> has value <%= parameterValue %>. <br> <% } %>

This scriptlet comes up dozens of times under different tutorials when I search online so my guess is that this is indeed a valid scriptlet.

What do I need to do in order to get my JSP to recognize the Enumeration type? None of the tutorial pages mentioned any such errors.

Thank you!

Thanks for all of the help!
I think that I have it working well now. More testing will tell, but it looks good.
I guess that I just need to get this syntax down. It looks like there are so many different ways to accomplish the same thing, I guess this is part of my confusion.
I should probably work through a jQuery tutorial instead of trying to pick this stuff up on the fly...
Thanks again!

Sure I can. Sorry about that, I thought that it auto-indented in my first post and I wasn't paying attention.

I want to insure that all of my fieldsets have a <div> tag enclosing all of the other elements (except the <legend> tag) so I was attempting to use jQuery's wrapall() to do this.

So if I have the following:

<fieldset> <legend>A legend</legend> <text>...</text> <textarea>...</textarea> <text>...</text> </fieldset> <fieldset> <legend>Another legend</legend> <text>...</text> <textarea>...</textarea> <text>...</text> </fieldset> ...

then after the wrapAll() is applied I want it to look like the following:

<fieldset> <legend>A legend</legend> <div> <text>...</text> <textarea>...</textarea> <text>...</text> </div> </fieldset> <fieldset> <legend>Another legend</legend> <div> <text>...</text> <textarea>...</textarea> <text>...</text> </div> </fieldset> ...

My latest attempt was the following:

$(document).ready(function() { $("fieldset.collapsible > *:not('legend')").wrapAll("<div></div>"); });

However this is not working and I am getting strange results.
It behaves as if it has wrapped all of the elements of all of the fieldsets into one big <div> as opposed to wrapping the elements of each individual fieldset with <div> tags
I have not been able to get the results that I am after.

Can anyone help me out here?

Thank you!
--Michael

Thanks for all of the help!

I was actually trying to use the accordion to implement collapsible fieldsets (I only had one member in each accordion)

I eventually found a better solution here: Collapsible fieldsets

This works well for my needs and it works great using the class element for adding the functionality.

Thanks again for all fo the help!

I guess my question is slightly different then....

I had put the following in a separate .js file

$("#accordion").accordion({ collapsible: true, autoHeight: false });

with the intention of including this .js file in mutliple pages that may each have multiple accordions on them.

This however apparently only takes the first element where ID="accordion" - how would I set this up so that I could include the .js file and set each different accordion?
What I do not want to have to do is to include the names of each individual accordion in the above code. Can I associate the above to a class rather than an ID? I tried that without much success however this is all rather new to me.

Thanks Bear, that looks like the problem. both accordions have the same ID.
Thank you!
--Mike

Also I am not sure if this may be causing the conflict but my jsp is actually part of a tab using the jQuery tab component as shown below:

<html:form action="/someAction.do" method="post" readonly="${readOnly}" styleId="someForm"> <div id="tabs" class="someClass"> <ul> <li><a href="#tabs-1" >Tab1</a></li> <li><a href="#tabs-2" >Tab2</a></li> <li><a href="#tabs-3" >Tab3</a></li> </ul> <div id="tabs-1"> <p><%@include file="MyTestTab.jsp"%></p> </div> <div id="tabs-2"> <p><%@include file="SomeOther.jsp"%></p> </div> <div id="tabs-3"> <p><%@include file="StillAnother.jsp"%></p> </div> </div> </html:form>

However, I assume this should be perfectly acceptable to use accordions inside of a tab component.

Hello Ankit

I have the following snippet from my .js file:

$(function() { $("#accordion").accordion({ collapsible: true, autoHeight: false }); });

Then this snippet is from my .jsp file:

<div class="customizedForm"> <div id="accordion"> <h3><a href="#">Accordion1</a></h3> <div> <label>Test label1 <html-el:text title="Test Label1" styleId="testLabel1" styleClass="control" property="TesTLabel1String" maxlength="14" /> </label> </div> </div> <div id="accordion"> <h3><a href="#">Accordion2</a></h3> <div> <label>Test label2 <html-el:text title="Test Label2" styleId="testLabel2" styleClass="control" property="TesTLabel2String" maxlength="14" /> </label> </div> </div> </div>

The first accordion displays correctly however the second does not. It is displayed as static text.

Hopefully I am missing something simple as this is my first foray into jquery...

Thank you,
--Mike

I have been trying, unsuccesfully, to add multiple jQuery accordions to the same page. The first accordion works properly but any subsequent show as static text.
From searching the web I could not find anyway to add multiple accordions; however, I did see many people with similar questions as to how to implement this.
Simple question first: Is it possible to have more than one jQuery accordion per page?
Thank you,
--A jQuery novice