While spending a bit of time this weekend working on a new color scheme for ChrisHammond.com I came across the need to be able to add a hyperlink to an image (html IMG tag) using jquery. Why would I want to do that? Well, to be honest I didn’t want to go in and modify the “skin” on my DotNetNuke site, but I did want to create a link on the “HeaderGraphic” image in the skin. Originally that image didn’t link anywhere, now, as I am working on fundraising for the The LIVESTRONG Challenge Davis even on June 24, 2012, I wanted to link that graphic to my “Philanthropy” page.

Doing this in jQuery is rather easy to do assuming you have a way to target the element, in this case I can target the .HeaderGraphic class (part of the MultiFunction skin for DotNetNuke).

Here is the sample code for adding a hyperlink to an image using jQuery.

<script>
    $(document).ready(function(){
        $('.HeaderGraphic').wrap( 
                 $('<a>').attr('href', '/philanthropy.aspx')
        );
    });
</script>

In order to safely embed this into a DotNetNuke page I’ve added it into the Header setting in the Module Settings for one of the modules at the bottom. That particular module is configured to Display On All pages using the module settings.

If you found this code to be help, I ask that you please donate to my cause on the Philanthropy page. Donate what you feel is appropriate.

So it looks like my travelling is starting back up here pretty quickly. This weekend Natalie and I are headed to Colorado to do another round of house hunting. We’ll be back in town either Sunday or Monday, thankfully Kim is staying at our place again to watch the dogs while we are gone, thanks Kim! For more info on that trip check out http://www.going2colorado.com/

Next weekend I’ll be cruising around Missouri and Illinois on a Harley with Kevin, we did this two years ago and wanted to do it again before the move to CO. The week after that I’m headed to Virginia for a couple of days of DotNetNuke Training. I’ll be back in town the weekend of our niece’s birthday party, and then the following week I head to Tampa Florida for the Day of DotNetNuke. The DayOfDNN is actually on Saturday but I’ll be doing a DotNetNuke Essentials Workshop on Friday, and also a DotNetNuke Best Practices Workshop on Sunday following the event.

In other news I also got word this week that I’ve been accepted as a speaker for the third year in a row for the DotNetNuke OpenForce conference held in Las Vegas in November. I’m honored to have been selected to speak again, there were a lot of submissions this year and a lot of big names in the community included in those submissions. Also a quick congrats to my fellow Engage employee Cuong Dang for having two sessions at OpenForce this year, his second time attending and presenting.

It’s turning out to be a busy summer, hopefully we find a house this weekend so we can get our move on and get settled so we can enjoy all the upcoming things!