PDA

View Full Version : Animated Collapsible DIV v2.01 <form> submit in FF



ywkyee
01-10-2009, 08:15 AM
1) Script Title: Animated Collapsible DIV v2.01

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex17/animatedcollapse.htm

3) Describe problem:

just simply define a DIV ( inside with a <form> <input type="submit"...> button ), it is work fines in IE, but not work in FF2.

when click that button under FF, it just nothing happened..strange.

Appreciated for anybody input/comment.

Thanks/Davis.

Snookerman
01-10-2009, 08:54 AM
Please post a link to the page on your site that contains the problematic script or attach your code so we can check it out.

ywkyee
01-10-2009, 09:24 AM
hello,

please go there http://collection.emalls.cc/itemdetail.php?at=nai&from=menu&cmid=&id=159&rno=1&cpg=1

and click "查詢產品" ( sorry it about chinese www ), then it will slide down a DIV ( with form submit button ) , you can check the different between an IE and FF

thanks/Davis.

jscheuer1
01-10-2009, 04:08 PM
I just tried this but the connection was really poor or something, taking forever to load. So I'll just give you some general advice. For imported content to have the best chance of working, make sure first that it has no scripts or stylesheets on it, and that it is valid code and works as expected when viewed by itself.

To make sure it is valid, use:

http://validator.w3.org/

ywkyee
01-10-2009, 04:42 PM
hello, "has no scripts or stylesheets on it" , can i know what does it meant exactly? cannot contain any javascript or CSS code inside a Collapsible DIV ? or?

thanks/Davis.

jscheuer1
01-10-2009, 05:10 PM
I think I misunderstood you at first. Anyways, I installed the script as instructed on the demo page and replaced:


<div id="jason" style="width: 300px; background: #FFFFCC; display:none">
<b>Content inside DIV!</b><br />
<b>Note: Fade effect enabled. Height programmically defined. DIV hidden using inline CSS.</b><br />
</div>

with:


<div id="jason" style="width: 300px; background: #FFFFCC; display:none">
<form action="#">
<div>
<input type="submit" value="Go!">
</div>
</form>
</div>

After expanding it so that I could see the form, I was able to submit it in FF.

Perhaps you have some style that covers the button with an unseen element in FF.