Comments on: Slide your contact form in with style… using jQuery http://www.faridhadi.com/slide-your-contact-form-in-with-style-using-jquery/ Freelance Web Developer Mon, 02 Jan 2012 17:56:35 +0000 hourly 1 http://wordpress.org/?v=3.3.1 By: Renars http://www.faridhadi.com/slide-your-contact-form-in-with-style-using-jquery/#comment-807 Renars Mon, 02 Jan 2012 17:56:35 +0000 http://www.faridhadi.com/?p=36#comment-807 Thanks for sharing :-) lovely tutorial ;) Thanks for sharing :-) lovely tutorial ;)

]]> By: Adam http://www.faridhadi.com/slide-your-contact-form-in-with-style-using-jquery/#comment-795 Adam Thu, 06 Oct 2011 19:12:38 +0000 http://www.faridhadi.com/?p=36#comment-795 I think I may have solved it. I added zoom:1 to the #panel and the form seems to stay put. Thank you once again for your help Farid and for a great tutorial. I think I may have solved it. I added zoom:1 to the #panel and the form seems to stay put. Thank you once again for your help Farid and for a great tutorial.

]]> By: Adam http://www.faridhadi.com/slide-your-contact-form-in-with-style-using-jquery/#comment-794 Adam Thu, 06 Oct 2011 18:32:43 +0000 http://www.faridhadi.com/?p=36#comment-794 Hi Farid, Thank you so much for your reply. Unfortunately I still have the issue. I think it's something to do with the fact that I had to add a position:relative to the #panel otherwise it wouldn't show up over the parallax generated "background" images. Hopefully I'll figure out a solution with Google's help. ;-) Hi Farid,

Thank you so much for your reply. Unfortunately I still have the issue. I think it’s something to do with the fact that I had to add a position:relative to the #panel otherwise it wouldn’t show up over the parallax generated “background” images.

Hopefully I’ll figure out a solution with Google’s help. ;-)

]]> By: Farid Hadi http://www.faridhadi.com/slide-your-contact-form-in-with-style-using-jquery/#comment-793 Farid Hadi Wed, 05 Oct 2011 10:19:36 +0000 http://www.faridhadi.com/?p=36#comment-793 Hi Adam, Seems like it might be the "IE7 Disappearing Content Bug". Try adding a width, 480px like its parent should be good, to <div id="wpcf7-f165-t1-o1" class="wpcf7"> and probably also to the <form> (since your reset styles are adding a background property to it). Let me know if that solves it. Hi Adam,

Seems like it might be the “IE7 Disappearing Content Bug”. Try adding a width, 480px like its parent should be good, to <div id=”wpcf7-f165-t1-o1″ class=”wpcf7″> and probably also to the <form> (since your reset styles are adding a background property to it).

Let me know if that solves it.

]]> By: Adam http://www.faridhadi.com/slide-your-contact-form-in-with-style-using-jquery/#comment-792 Adam Tue, 04 Oct 2011 22:38:01 +0000 http://www.faridhadi.com/?p=36#comment-792 Hi Farid, Thanks with the help with the button. I'm working on ie7 now and a form that I have positioned inside the panel disappears when the panel slides down. If you have 2 mins to see if you can spot the cause of the issue, I'd be incredibly grateful. No worries if not, it's only ie7 after all! Live link is http://www.yourlifestyleangel.com Hi Farid,

Thanks with the help with the button. I’m working on ie7 now and a form that I have positioned inside the panel disappears when the panel slides down. If you have 2 mins to see if you can spot the cause of the issue, I’d be incredibly grateful. No worries if not, it’s only ie7 after all! Live link is http://www.yourlifestyleangel.com

]]> By: julio http://www.faridhadi.com/slide-your-contact-form-in-with-style-using-jquery/#comment-791 julio Thu, 22 Sep 2011 01:08:52 +0000 http://www.faridhadi.com/?p=36#comment-791 nice slider, but I want to do the same but in my case the slide would be in the bottom of my page and will be move down to up. It's possible? nice slider, but I want to do the same but in my case the slide would be in the bottom of my page and will be move down to up. It’s possible?

]]> By: Xerrano http://www.faridhadi.com/slide-your-contact-form-in-with-style-using-jquery/#comment-778 Xerrano Sun, 10 Jul 2011 05:34:14 +0000 http://www.faridhadi.com/?p=36#comment-778 Just perfect... Just perfect…

]]> By: Farid Hadi http://www.faridhadi.com/slide-your-contact-form-in-with-style-using-jquery/#comment-659 Farid Hadi Tue, 05 Apr 2011 14:05:47 +0000 http://www.faridhadi.com/?p=36#comment-659 Hi Adam, Change <a href="javascript:void(0)" class="contact" id="contact-toggle" rel="nofollow">Contact</a> to <a href="#" class="contact" id="contact-toggle" rel="nofollow">Contact</a> and you should get rid of that issue. I'll update the post. Hi Adam,

Change
<a href=”javascript:void(0)” class=”contact” id=”contact-toggle” rel=”nofollow”>Contact</a>
to
<a href=”#” class=”contact” id=”contact-toggle” rel=”nofollow”>Contact</a>
and you should get rid of that issue.

I’ll update the post.

]]> By: Adam http://www.faridhadi.com/slide-your-contact-form-in-with-style-using-jquery/#comment-658 Adam Tue, 05 Apr 2011 13:28:25 +0000 http://www.faridhadi.com/?p=36#comment-658 Excellent job. Although I'm having issues with ie8 and keep getting a javascript:void(0) error. Has anyone else had this problem? Excellent job. Although I’m having issues with ie8 and keep getting a javascript:void(0) error. Has anyone else had this problem?

]]> By: Anna http://www.faridhadi.com/slide-your-contact-form-in-with-style-using-jquery/#comment-523 Anna Tue, 15 Feb 2011 15:33:14 +0000 http://www.faridhadi.com/?p=36#comment-523 Just wanted to say what a brilliant turtorial.I really appreciated the explanations as to each step. I'm still a newbie to javascript and jquery and this was extremely clear and easy to follow and the code worked first time. Many thanks Just wanted to say what a brilliant turtorial.I really appreciated the explanations as to each step. I’m still a newbie to javascript and jquery and this was extremely clear and easy to follow and the code worked first time.

Many thanks

]]>