jQuery / Javascript Posts

jQuery / Javascript

How do I send HTML through an Ajax call?

Sarah Berg • October 15, 2012

This scenario stated when I tried sending html to a file that would then email the requested html to a user. I’m sending two variables, one that has html text and an email address. The variables…

Read More

jQuery / Javascript

Help, cancelOn doesn’t work on Overscroll.js!

Sarah Berg • October 12, 2012

First off, overscroll is an amazing jQuery plugin. We used it as a way to make an explorable website that you can drag around to see all the different elements. However, the drag function would override…

Read More

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