jQuery / Javascript Posts

jQuery / Javascript

How Can I Use a Date Picker to Select a Whole Week?

Sarah Berg • October 7, 2012

It’s really unfortunate that this isn’t a default option, but what happens when you want to use a datepicker to select an entire week? This is useful for anything that requires a user to submit data…

Read More

jQuery / Javascript

How Do I Vertically Align Divs within a List?

jsandahl • August 23, 2012

Aligning things in the middle and centered is something quite common, but it can be a challenge to figure out on your own. Let’s say you’re making a quiz which populates the answers and the select…

Read More

jQuery / Javascript

How Can I Get jQuery UI Features to Work on Mobile Devices?

Sarah Berg • August 20, 2012

Since there has yet to be a jQuery Mobile to be released, we are stuck using what works on our desktop browsers.  Unfortunately, not all these features will transfer to give the user the same experience…

Read More

jQuery / Javascript

How to Create a Radar Spline Area Chart

jsandahl • August 15, 2012

If you’ve found this article, congratulations! Only statisticians seem to know what it’s called. It looks like a big blob in a frying pan. But once you’ve found out what it’s called, the rest is fairly…

Read More

jQuery / Javascript

How Can I make a Dynamic Grid Layout Like Pinterest?

Sarah Berg • July 29, 2012

Pinterest may have changed how people go about webdesign that draw people via images. Before Pinterest, columns usually floated left or right and were subjected to starting where the last one left off, there wasn’t much…

Read More

jQuery / Javascript

Why Will My Form Not Validate?

jsandahl • July 17, 2012

After spending nearly four hours debugging a script, there is a definite answer. But before I give you the answer, let me walk you through what happened. I’ve validated forms before using the jQuery.validate.js extension. It’s…

Read More

jQuery / Javascript

How to Stretch and Scale CSS Background

Sarah Berg • February 19, 2012

I’ve seen these around quite recently and I wanted to know how they did it. “It” being a div that appears to have a dynamic background image. The background would ‘crop’ and scale as needed to…

Read More

jQuery / Javascript

How Can I Make a Div Slider that is iPad Friendly?

Sarah Berg • January 8, 2012

There are a lot of sliders that can cycle through content that will work on the iPhone.  Many of these being powered by some kind of jQuery plugin.  However, I only found one that will actually…

Read More

jQuery / Javascript

Using FancyBox to display an element’s dynamic content

Andy Stramer • December 3, 2011

I’ve been trying to find a nice modal/lightbox for jquery and I was recommended FancyBox. But what I needed it for was not wholly described in their examples. I needed to get some json from an…

Read More

jQuery / Javascript

How do I make a simple accordian menu?

Sarah Berg • September 26, 2011

HTML: <ul> <li><a href="/">Home</a></li> <li><a href="#solutionsList" class="heading">Solutions</a> <ul> <li><a href="/locate.php">Locate</a></li> <li><a href="/jobs.php">Jobs</a></li> <li><a href="/timesheets.php">Timesheets</a></li> </ul> </li> <li><a href="/about.php">About</a></li> <li><a href="#techSupport" class="heading">Technical Support</a> <ul> <li><a href="/support.php">Technical Support</a></li> <li><a href="/support.php">Technical Support</a></li> <li><a href="/support.php">Technical Support</a></li> </ul> </li> <li><a href="/contact.php">Contact</a></li>…

Read More

jQuery / Javascript

Adding an exit animation to ::Featured Content Glider

Sarah Berg • September 18, 2011

Dynamic Drive has a really useful script called Featured Content Glider. My only complaint was that the layer kept overlapping the previous one instead of a nice flow by having the previous animate out while the…

Read More

jQuery / Javascript

Custom jQuery “lightbox”

Sarah Berg • September 6, 2011

One thing I learned this week was how to make my own “lightbox” in jQuery. I’ve always used tools like thickbox or lightbox, but I’ve never actually needed to change some of it’s functionality. Or for that matter, change the look of it other than a quick color swap or two.

Read More

jQuery / Javascript

jQuery Variable Name Practices

Sarah Berg • August 19, 2011

On something I was working on this week, this snippet of code created a dilemma in IE8: frame = "";   if (type == "frame"){ frame = $("#step_2 [name=frame]:checked").val(); if (frame =="black/black"){frame = "black";} else{frame =…

Read More

jQuery / Javascript

Cookies with jQuery

Tim Barsness • July 6, 2010

Being able to set and read cookies asynchronously can be a great feature in many aspects of a web app. If you are looking for such a feature you probably already have jQuery attached to your…

Read More