jQuery and new site widgets

Comments (14) | Views (563)


A fellow graduate of RIT, John Resig, has developed an awesome little Javascript library, called jQuery, that takes much of the chore out of client-side programming and makes it fun. Now, "fun" is not a word that I would normally associate with programming in Javascript, even though I do love the language and have used it for years here on JIG to improve usability; however, programming in Javascript can be a very hair-pulling experience especially when you factor in all the different browsers that your code must support.

But John says that jQuery was designed to change the way you write Javascript, and in just a day's work it has already changed my ways. Learning to use jQuery took just a couple of hours and I have already rolled out the first site features that make use of it.

There are now toggling widgets in the sidebar that can conveniently tuck all the game icons away. This feature will be useful to those with dial-up or slower Internet connections since all those icons will no longer have to be downloaded when tucked away. The state of each widget is saved in a cookie and remembered across pages and sessions. And to top it all off, the code appears to work flawlessly across all major browsers tested (Mac: Safari, Camino, Opera, and Firefox; PC: Firefox, Opera, and IE). Thank you, John!

I am very ecstatic about the ease with which I was able to make significant progress today, and I will therefore be incorporating more jQuery into the site moving forward, and converting my old Javascript code to use it instead.

Also, Technorati just rolled out a new site design this week and it now uses jQuery as its primary Javascript code base(!) So, if you do any client-side programming at all, do yourself a favor and head over to John's jQuery site and grab the latest release. It's free, of course, but if you use it be sure to send John a donation for his efforts. I just did. Click.


Glad you like it Jay! The community has been having lots of fun with it, which is just great. Just thought that you might like to know that there's a ton of extra plugins that you can use with your site. (This page is on the soon-to-be-released wiki).

Let me know if you have any problems, I'll be happy to help.


Thanks, John, I will definitely browser through those plug-ins.

I've only run into one minor issue so far. Safari (1.3.2) doesn't seem to like the .show() method on page load. My workaround is to do a .slideup followed by .slidedown. Not elegant, but it works fine in the other browsers as well.

Other than that, almost effortless. It's a beautiful way to work with Javascript, and I luv it! =)


Now I'm definitely interested too! Just have to find out more about jQuery if it makes you love JavaScript ;)
Jay, this new widget feature is very nice.


Nice, I like this. I might have to have a close look at jQuery--could use it in my dhtml games.



I just thought I'd mention that on my browser, the "stylesheet switcher" text is actually below the row of "j"s, and overlapping both the dividing line and the "many links here" text. I was just wondering if it's only me or if it's everyone.

System Stats:
15" Monitor (if that makes a difference)
Java, Flash, Shockwave etc enabled


Thanks for that report, theholythom. I appreciate having all the details with which to track it down.

I've made a small change to reduce the font size of "Stylesheet", so hopefully that's better for now.

It's just a stop-gap measure, as I need to think of something better for the stylesheets. There just isn't room to add any more.


Templating has spread to JavaScript! Fantastic, I'll take a look.

spitefulcrow July 28, 2006 12:03 PM

Jay, it's either the changes you rolled out or my update to Firefox, but the links to spawn new windows with games in them no longer work. I added jayisgames.com to the list of allowed sites in the pop-up blocker, but it still doesn't want to open the new windows.


spitefulcrow - if the problem you're referring to has to do with Tonypa's latest game, Geartaker, then it's not a problem with your computer at all, but with Tony's site instead. Hopefully it will be back online soon.


What a great resource! I was worried I might actually need to *try* to leanr js, but now, this! Well, still may need to learn it, but now I can put it off a few years.


^ or try to LEARN how to spell.


Cool to see that John is making a use of himself after college. ;-) I took Web Client/Server with him spring quarter (with Bogaard and Vullo).


John had aready started work on jQuery by spring quarter, as I remember my friendyn Brendyn showing off what could be done with it during a winter quarter class we took together.

But yes, I agree. It's always nice to see people actually putting their expensive RIT education to good use! ;)


Well, unfortunately I had to disable the widgets for now. They were not actually working in all browsers as I had thought. IE continues to be the bane of my Web development existence. Bad browser, bad.


^ Scroll Up | Homepage >

Leave a comment [top of page]

    Please consider creating a Casual Gameplay account if you're a regular visitor here, as it will allow us to create an even better experience for you. Sign-up here!
  • You may use limited HTML tags for style:
    (a href, b, br/, strong, em, ul, ol, li, code, spoiler)
    HTML tags begin with a less-than sign: < and end with a greater-than sign: >. Always. No exceptions.
  • To post spoilers, please use spoiler tags: <spoiler> example </spoiler>
    If you need help understanding spoiler tags, read the spoiler help.
  • Please Preview your comment before posting, especially when using spoilers!
  • No link dropping, no domains as names; do not spam, and do not advertise! (rel="nofollow" in use)
Aquatic Rescue> Dora Also available on mobile devices, OZDY takes you under da sea for an adorable physics puzzle game where you need to reunite baby sea creatures with their parents, though with moving platforms, wrecking balls, switches, buttons that make you shrink or grow and more, it's trickier than you think!  ...
1 Comment
Monkey GO Happy Turkeys> Dora It's Thanksgiving day! But how can you celebrate without a feast! Help the monkeys look all over town in this point-and-click puzzle game from Pencil Kids to find everything they need, including a whole lot of apples, and the bird of honor!  ...
Hoverboard> Dora Webcomic xkcd has been around for over a decade, and to celebrate the release of his new book, creator Randall Munroe has created a very simple piece of platforming interactive art. But venture beyond the small playing field, and you'll find a much bigger world than you thought that's full of surprises.  ...
Rock 'n' Roll Escape> Dora Pine Studio serves up a short but rock-worthy escape in your browser or free on iOS and Android as you try to find your way out of a cozy, abandoned little concert venue. But with a soundtrack this catchy, will you be able to resist air-guitaring long enough to escape?  ...

Support Us

Jayisgames is on Patreon

Recent Comments


Display 5 more comments
Limit to the last 5 comments

Casual game of the week

Mystery Trackers: Paxton Creek Avenger

Your Favorite Games edit

Save links to your favorite games here. Use the Favorites editor.

Monthly Archives

Legal notice

All games mentioned or hosted and images appearing on JayIsGames are Copyright their respective owner(s).

All other content is Copyright ©2003-2016 JayIsGames.com. All Rights Reserved.

Visit our great partner: maxcdn!