Thanks for the reply.
Here is the js in the head for this section.
$(document).ready(function() {
$("#contact-seller-btn").click(function() {
$("#contact-form-toggle").toggle();
}).toggle(function() {
$(this).children("img").attr("src","/images/btn_contact_seller_minus.gif
");
}, function() {
$(this).children("img").attr("src","/images/btn_contact_seller.gif");
});
});
Here is the html for the form when you submit it with errors. It will
print the errors and also print the jQuery click event to toggle open
the div and display the errors.
<div class="contact-form">
<p><a href="#" id="contact-seller-btn"><img class="btn-hover"
src="/images/btn_contact_seller.gif" border="0" alt="Contact Seller"
/></a></p>
<div id="contact-form-toggle" style="display:none;">
<form action="" method="post" id="contact-form">
<script type="text/javascript">
<!--
$(document).ready(function() {
$("#contact-seller-btn").click();
});
-->
</script>
<p class="error">
· Please provide a valid email address.<br/>
· Please provide a contact message.<br/>
· Please provide a valid security code.<br/>
</p>
<div>
<label for="email" class="error">Your email address</label>
<input type="text" name="email" style="width:278px;" maxlength="255"
value="" class="textfield" />
</div>
<div>
<label for="body" class="error">Message</label>
<textarea name="body" rows="5" style="width:278px;"
maxlength="1000"></textarea>
</div>
<div id="captcha-image"></div>
<div>
<label for="captcha" class="error">Enter the 6 characters from the image
above.</label>
<input type="text" name="captcha"
style="width:100px;text-transform:uppercase;" maxlength="6" value=""
class="textfield" />
</div>
<div style="margin:0 0 14px 0;">
<p>Can't read the characters above? <br /><a class="nc" href="#"
id="contact-captcha-link">Generate a new image</a></p>
</div>
<div style="margin:0 0 12px 0;">
<input class="btn-hover" type="image" src="/images/btn_send.gif"
style="vertical-align:middle;margin-right:2px;" /> <input
style="vertical-align:middle;" type="button" name="cancel"
value="Cancel" class="close" />
</div>
<input type="hidden" name="submit" value="1" />
</form>
</div>
</div>
Thanks for the help!
-Marshall
-----Original Message-----
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Brandon Aaron
Sent: Sunday, November 05, 2006 3:15 PM
To: jQuery Discussion.
Subject: Re: [jQuery] jQuery 1.0.3 .click() not firing in IE
Did you get an error? Could you possibly post a link? It is hard to
say what is causing the problem in IE without seeing the surrounding
code. I don't think anyone has had any problems with the events module
in 1.0.3 so this is probably caused by something else.
--
Brandon Aaron
On 11/5/06, Marshall Salinger <[EMAIL PROTECTED]> wrote:
>
>
>
>
> Hi,
>
>
>
> I am not sure why, but when I upgraded from 1.0.1 to 1.0.3, an inline
click
> event isn't firing in IE 6 or 7. It still works fine in FF.
>
>
>
> I have a message form in a hidden div that is toggled open by clicking
a
> button. When there is an error with the form, I insert this into the
body
> along with the error messages.
>
>
>
> <script type="text/javascript">
>
> <!--
>
> $(document).ready(function() {
>
> $("#contact-seller-btn").click();
>
> });
>
> -->
>
> </script>
>
>
>
> This toggles the div open and worked perfectly until I upgraded.
>
>
>
> Thanks,
> Marshall
> _______________________________________________
> jQuery mailing list
> [email protected]
> http://jquery.com/discuss/
>
>
>
_______________________________________________
jQuery mailing list
[email protected]
http://jquery.com/discuss/
_______________________________________________
jQuery mailing list
[email protected]
http://jquery.com/discuss/
