Go To Content
codylindley.com

codylindley.com

Pushpin Update

The example for the Pushpin Header technique has been updated. The new example fixes a bug that occurred when a user tried sorting the table data after using the scroll bars.

 
  1.   #1 Comment Posted by Ryan Heneise on Mar 23, 01:52 PM

    Cool – I’ve been looking for a better way to sort data.

  2.   #2 Author Comment on Mar 25, 06:20 PM

    @Ryan – If you’re looking for a great sorting script check out this one.

  3.   #3 Comment Posted by sandro on Apr 3, 05:16 PM

    great script.

    i hope you don’t mind, but i tweaked it so it now accepts images instead of the text arrows:

    line 103:
    arrow = ”/img/listings/sort_asc.gif”;

    line 106:
    arrow = ”/img/listings/sort_desc.gif”;

    line 111: var span = this.getElementsByTagName(‘span’);
    var sortImg = document.createElement(‘IMG’);

    replace line 114 with (i left the original line for reference):

    //span.appendChild(document.createTextNode(arrow));
    sortImg.src = arrow;
    span.appendChild(sortImg);

    and you should be good to go. make sure you point to your own sort images, and hopefully all this makes it through your comment box :)

  4.   #4 Author Comment on Apr 6, 11:48 AM

    @sandro – This is a great option for the script, thanks for posting it here.

  5.   #5 Comment Posted by sandro on Apr 13, 08:25 PM

    my pleasure.

    one thing to note: it appears that safari is doubling the padding of the dataGridHeader, resulting in a nice gap beneath the sortable header row and the content. short of dynamically writing out the padding based on user-agent, i am trying to find a workaround. i’ll post here if i come up with one…

    cheers…

  6.   #6 Author Comment on Apr 14, 08:48 AM

    @Sandro – If you figure that one out give me a shout for sure.