Wednesday, 8 July 2009

JQuery floating table header

I've created a page for a client that lists a number of products in a table, since the table can sometimes be quite large the header falls off the top of the screen, so I've had a play with some JQuery and CSS and come up with a solution.

As the user scrolls down the page and hovers over a tag the header appears under the if the user hovers for more than a second, this is so it doesn't appear while scrolling.

CSS


#product-admin-floating-header
{
display:none;
}


JQuery


$("tr").hover(
function()
{//in
if($(this).attr("id")!="product-admin-floating-header" && $("#product-admin-floating-header").length==0 && $(this).attr("id")!="product-admin-table-header")
{
//$(this).animate({opacity: 1.0},500,"swing",
// function()
// {
$(this).after(""+$("#product-admin-table-header").html()+"");
$("#product-admin-floating-header").animate({opacity: 1},1000,"swing", function()
{
$("#product-admin-floating-header").fadeIn("slow");
});
// }
// );
}
},
function()
{//out
if($(this).attr("id")!="product-admin-floating-header")
{
$("#product-admin-floating-header").remove();
}
}
);

:hover pseudo class and spans

I was just working on a page that when hovering over an element it would change the background colour, the element in question was a span tag. The CSS I was using was

editable-element:hover
{
background-color:#EEEEEE;
border:1px solid black;
cursor:pointer;
}

which works fine and dandy in Safari 4...I noticed it did diddly squat in Firefox 3.5, the solution change it to

span.editable-element:hover
{
background-color:#EEEEEE;
border:1px solid black;
cursor:pointer;
}
It seems FF needs the element type when using :hover and alike.

Sunday, 5 July 2009

JQuery offline manual

Recently I was working on a script using JQuery while offline and wanted to reference the ajax apis...damn! I didn't have the offline manual.

So next time I was online I did a quick google and found the following.

http://charupload.wordpress.com/2007/12/07/jquery-documentation-chm/

But ahhh macs can't read chm files natively which is where http://chmox.sourceforge.net/ comes in perfect! I can now view the JQuery manual offline.

On another note, the new sourceforge layout looks way better and is so much easier to navigate.

Sunday, 14 June 2009

Komodo Edit Portable 5.1.3a Released

Komodo Edit Portable 5.1.3a builds on the 5.1.3 release adding profile corruption checking. If your computer crashes while running Komodo Edit Portable the next time you run Komodo Edit Portable you will be notified of the corruption and instructed on how to fix it, this will prevent you losing your settings. You may download it at http://www.komodoeditportable.com

Sunday, 7 June 2009

Strange Mac Book Pro Phenomonom

Something very strange happened last night while I was using my Mac Book Pro (MBP).

I was watching a film on front row, once it ended I heard a background noise as if the film was still playing. I close all my apps down but it was still there. I concentrated on the sound and realized it sounded like 2 or 3 distinct radio/tv broadcasts, some in English, some in other languages, I removed all network cables and other connections to make sure it was nothing coming down the Internet, I moved to another part of the house and it went away, I move back and it came back.

I can only conclude that because the MBP is made out of aluminum some how it was acting as an aerial for radio/tv broadcasts and piping the sound through my headphones.

I emailed apple about this lets see if they respond!

Wednesday, 3 June 2009

EMAMP Installation Guide Released

EMAMP now has an installation guide, you can view it at http://www.obsidianproject.co.uk/emamp/help here you have a step by step guide on how to download, install and configure EMAMP the guide includes screen shots.

Sunday, 31 May 2009

mod_rewrite and directories

I wanted to redirect a file in a webspace of /directory/index.html to /directory/index.php so mod_rewrite for apache comes to mind!

I've never actually rewritten a directory path before so I thought it would be

RewriteRule ^/directory/index\.html$ /directory/index.php

After trying it nothing happened.... :( oddly enough you just need to chop the first / off so the rule would be

RewriteRule ^directory/index\.html$ directory/index.php

Odd.