November 16th, 2008
UPDATE: I have updated the code and the post here, I have optimized and narrowed down the number of lines, the new demo is up and running.
I use to use something similar to this on my older site to bring down content and a contact form on one side using jQuery, then about a year later I was thinking why not bring it back up, change some styles, and write a post for others to use. The concept is pretty simple.
When you press the selector, it will slide down panel 1, then using window.setTimeout, we will call the panel 2 to come down 100ms later, just enough of a delay where we get a nice effect. Once the panels slide down, the content within are faded in using fadeIn(); To close the panels we call a closePanels() that does the opposite effect when it is sliding down.
Read the rest of this entry »
Tags: ajax, drop down, jquery, panels, web 2.0
Posted in jQuery | 16 Comments »
November 4th, 2008
Since I started working with jQuery and the UI. I have always wanted to work with the UI Slider. I always tried playing with it but I never got it execute an operation on slide. I created a slider to change the opacity of my background on my older temp site here at ryancoughlin.com.
UPDATE: Edit changes to the code with available demo below.javascript:;
UPDATE (9/16/09): Created a new jQuery UI Slider example, check it out.
Read the rest of this entry »
Tags: jquery, slider, ui
Posted in jQuery | 12 Comments »
November 4th, 2008
Using jQuery to submit a form, is something you are seeing more and more of as jQuery’s popularity builds. When I first started reading about jQuery and Ajax all I wanted to do was learn how to submit a form using jQuery.
I was so confused and lost, seeing the code was so abstract to me. So in this tutorial, I want to show you how to use the jQuery framework to submit data through a form using jQuery to a PHP page that submits to a database.
We are going to take form data and submit it to a jQuery Ajax call then send that to a PHP page with the data. Check out a live example of this post.
Read the rest of this entry »
Tags: ajax, data, form, jquery, mysql, php
Posted in jQuery | 114 Comments »
