www.pokeroconnor.com » jQuery & JS

jQuery Access Last Element

PokerOConnor — Fri, 01 May 2009 20:39:31 +0000

Just a quick one, if you want to manipulate the last instance of an element (or any element) on a page, you can do this SO easily and quickly with jQuery.

$(function() {
	  $("dt:last").addClass("last");
	});

This (obviously!) adds the class ‘last’ to the final dt element in the document. The cool thing is you could use $(”dt:last-1″) to access the second dt element, so flexible and easy to use…

jQuery Pagination and Glow

PokerOConnor — Fri, 10 Apr 2009 21:56:15 +0000

The main jQuery pagination plugin page, bit disappointing to be honest, a lot of vertical scrolling solutions which I think are pointless. But there is one little gem, which isn’t really what you would use for paginating large tables of mysql data for example, but which is ideal for paginating almost any kind of page element! That’s right, you can very, very easily paginate li’s, table rows, whatever you like with Quick Paginate. Definitely worth a look…

And one of the coolest effects I’ve seen, is the glow plugin. You’ve got to see the example. However, the full effects of the glow need to be seen in Safari (for the time being), in other browsers you just get a cool fading color effect – but the future looks bright (ahem)!

Ajax for Beginners

PokerOConnor — Sat, 04 Apr 2009 23:15:46 +0000

Quickest and easiest tutorial, and should be your first starting point as it serves as a good, simple introduction to the XMLHttpRequest object. Then one of the first AJAX tutorials is here. Typical creation of the object:

function ajaxFunction()
{
var xmlHttp;
try
  {
  // Firefox, Opera 8.0+, Safari
  xmlHttp=new XMLHttpRequest();
  }
catch (e)
  {
  // Internet Explorer
  try
    {
    xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
    }
  catch (e)
    {
    try
      {
      xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
      }
    catch (e)
      {
      alert("Your browser does not support AJAX!");
      return false;
      }
    }
  }
  }

Javascript Auto Refresh Page

PokerOConnor — Fri, 03 Apr 2009 21:48:40 +0000

Thanks to this excellent blog, this is how to get a page to auto refresh on a timer using javascript (in this example its on a 10 second timer):

And you can do the following to add a link to refresh the page:

Refresh the page

reload() refreshes from the cache, so if you want to force it to get a fresh copy via GET from the server, pass ‘true’ as a param. E.g. Refresh the page

You can also do :<meta http-equiv=“Refresh” content=“n;url”/>, just leave off the url if you want to refresh to the current page.

Beginning jquery

PokerOConnor — Sat, 14 Feb 2009 22:16:14 +0000

For a starting point on jQuery, here’s a page with a load of useful links (at the bottom) from good old Smashing Magazine.

Here’s a great tutorial resource for jQuery – tonne of good links off it too. One of the best, which starts with the most fundamental/basic topics, and works its way up to writing a jQuery plugin, is unsurprisingly one of jQuery’s own tutorials, by Jörn Zaefferer. A good, basic end() example.

Here’s a handy cheatsheet too, and a great page on manipulation capabilities.

Pretty much all you need on SiFR is right here. And here’s how to create your own Flash files without using Adobe suite. No you’ve got no excuse!