jQuery Forum

I'm building in a few keypress events into a site and I'm having
trouble keeping them from triggering when a text field has focus. For
some reason this only happens on the second if statement. The first
one does fine. What am I missing?
The code:
$('*:not(:input)').keypress(function(e){
if(e.keyCode == some number) {
//some function
} else if (e.keyCode == some number) {
//another function
}
});
The functions are for things unrelated to input. I'm using them for
image navigation, bring up modal windows, etc...
Thanks,
Ryan

I am building a gallery with transitions and am finding some bugs that
I'm not able to figure out. Any help would be appreciated.
The URL:
http://ryanfitzer.com/dev/wp-sandbox/portfolio/gallery-four
The Issue:
When one clicks on a thumbnail it switches out the large image and
fades it in. If the large image is smaller or larger than the previous
image the content below (the footer) animates up/down accordingly.
After clicking around on the thumbnails for a bit the up/down
animation becomes delayed. It takes 10-15 seconds to fire at times.
I'm thinking this is a cache issue (?).
The relevant function:
function imageSwap() {
    // When a thumbnail gets clicked
    jQuery('.pr-thumbs a').click(function(){
        // Set the height of the gallery
        var gallery = jQuery('.pr-gallery');
        var galleryHeight = gallery.height();
        gallery.height(galleryHeight);
        // Gather some variables
        var thumb = jQuery(this);
        var lgImage = jQuery('.pr-galleryfullsize img');
        var caption = jQuery('.pr-caption');
        var href = thumb.attr('href');
        var alt = thumb.attr('title');
        var src = lgImage.attr('src');
        // Add the loading class to the thumb
        thumb.addClass('loading');
        // Size the spinner element to the thumbnail size for centering
        var loaders = jQuery('.thumb-loading-wrapper, .thumb-loading-
spinner');
        var imgHeight = thumb.children('img').height();
        var imgWidth = thumb.children('img').width();
        var loaderCSS = {
            width: imgWidth,
            height: imgHeight
        }
        loaders.css(loaderCSS);
        // Test to see if the thumb that was clicked is not already showing
        if(href !== src) {
            // Fade the caption and insert the new caption text
            caption.fadeOut('fast', function(){
                caption.css('display', 'none').html(alt);
            });
            // Fade the large image and change out the src attribute
            lgImage.fadeOut('fast', function(){
                lgImage.css('display', 'none').attr('src', href);
                // Once the large image has finished loading...
                lgImage.load(function(){
                    // Remove the thumb's loading class
                    thumb.removeClass('loading');
                    // Animate the height of the gallery to match height of large
image
                    var lgImageHeight = lgImage.height();
                    gallery.animate({
                        height: lgImageHeight+39
                    }, 250, function(){
                        // Fade the image in
                        lgImage.fadeIn('slow');
                        caption.fadeIn('slow');
                    });
                });
            });
        } else {
            thumb.removeClass('loading');
        }
        return false;
    });
}
Thanks for any help you can give me. Also, if you have any feedback as
to a better way to accomplish any of this behavior I would be very
appreciative.
Ryan

I'm getting inconsistent rendering of the html pulled form another
page using load().
Here is the code:
var root_url = window.location.href;
var load_url = $('.tabs-navigation ul li:eq(0) a').attr('href');
$(".tabs-content .overview").load(root_url+load_url+' .entry *');
Safari 3 is adding an extra

in the output.
FF2 is self closing <div>s and extracting <a>s from

elements and
placing them on there own line.
When I check the response in FireBug's console the html is being
retrieved intact.
I'm using WordPress (not sure if this is a contributing factor) for
the CMS.
Any help is appreciated.

I'm trying to create tabbed content (without a plugin for now)
via .load(). The initial page load works fine but when I place it in
a .click() event I can't figure out how to overwrite the
previous .load() content. Checking in Firebug I can see that the
content is loading. It just isn't overwriting. Any help would be
appreciated. Here is the code.
HTML:
<div class="tabs-navigation">
    <ul>
        <li>
            <a href="http://website.com/?page_id=37" title="Overview">Overview</
a>
        </li>
        <li>
            <a href="http://website.com/?page_id=38" title="Key Benefits">Key
Benefits</a>
        </li>
        <li>
            <a href="http://website.com/?page_id=39"
title="Customers">Customers</a>
        </li>
        <li>
            <a href="http://website.com/?page_id=40" title="Getting
Started">Getting Started</a>
        </li>
    </ul>
</div>
<div class="tabs-content"></div>
jQuery:
$(document).ready(function() {
    var load_url = $('.tabs-navigation ul li:first a').attr('href');
    $('.tabs-navigation ul li:first a').addClass('selected');
    $(".tabs-content").load(load_url+' .entry');
    $('.tabs-navigation a').click(function () {
        // Switch class="selected" for the nav
        $('.tabs-navigation a').removeClass('selected');
        $(this).addClass('selected');
        // Assign value of the link target
        var content = $(this).attr('href');
        // Load in new content
        $('tabs-content').load(content+' .entry');
        return false;
    });
});