Archive

Archive for July, 2010

jQuery Image Slider

July 27, 2010 1 comment

I have tried many java-script/jQuery based image/banner sliders. But Nivo Slider is very good as compared to other freely available plugins. Transitions are very smooth and almost all features can be controlled by parameters. The slogan “The Most Awesome jQuery Image Slider”, on Nivo Slider site, seems very realistic and true.

Nivo Slider works great on Chrome, FireFox and Safari, it gives some problem on IE though.

You can find more about this fantastic plugin at http://nivo.dev7studios.com/

Advertisements
Categories: JQuery Tags: ,

Using jQuery with DotNetNuke 04.xx.xx

jQuery support is available in 5.0 and later versions of DotNetNuke (read more) . If you are working in older versions of DotNetNuke you can include jQuery yourself to your DNN Skin and get all jQuery benefits.

Recently I tried jQuery 1.4.x with DotNetNuke 04.09.xx in a DNN Skin. jQuery was installed successfully and it was working fine. But i noticed that some of the DNN core functionality was broken. Major issue was that once i logged in as admin action menu of modules were no more visible and there were some java-script errors.

I found out that java-script based menus were having conflict with jQuery. These issues were resolved by following two steps:

  1. Call jQuery.noConflict(); before calling jQuery methods
  2. Use fully qualified jQuery instead of $ sign e.g. jQuery(document).ready(function(){…});

Now jQuery is fully compatible and functional with older versions of DotNetNuke and all of the existing functionality is intact.

You can find more about jQuery.noConflict() at http://api.jquery.com/jQuery.noConflict/

Categories: DotNetNuke, JQuery

JQUERY WATERMARK PLUGIN

I have tried many options to show watermark text in text-boxes. I found following option to be the best one as it works on client-side and does not alter the value of the text boxes and neither uses hidden fields. This plugin can work with any server side technology including ASP, ASP.Net, PHP etc. You simply need to enter the watermark text as title attribute of the text box and leave rest to this plugin.

This watermark plugin can be used on text, password and textarea elements, and because it does not alter the value of the fields, it can be safely applied without affecting form submits or AJAX calls.

Read more at http://plugins.jquery.com/project/updnWatermark

Categories: JQuery

CATALooK Product Thumbnails

July 21, 2010 2 comments

While designing a skin for CATALook (eCommerce Module for DotNetNuke), there was a scenario where product additional images were shown in the product details page. CATALook displays some default images as thumbnails, clicking the default image opens actual image in light box.

Default Product Thumbnails

Default Product Thumbnails

Now if we want to replace the default thumbnail with actual thumbnail, CATALooK does not provide support for this. To achieve this, i edited the CATALooK skin to add ID to parent TD where the product image thumbnails control was added. You can search for the text <cat:MEDIAMENU id=”MEDIAMENU2″ Runat=”server”> in /DesktopModules/CATALooKStore/Skins/SKIN_FOLDER/ItemPane.ascx. Now we can use this ID in Java-script to replace the default image with actual product image. Following is the screenshot after adding the ID and Java-script.

Actual Product Thumbnails

Actual Product Thumbnails

Sample Java-script method can be downloaded here.
jQuery version can be downloaded here.

Categories: DotNetNuke, Javascript, JQuery Tags: ,

IE Form Not Submitting on Enter

Today, i observed yet another weired behavior in IE. My ASP.Net form just had a single text field and a button (<asp:Button /> control).

Form works fine in Chrome and Firefox, but in IE form is not posted back on pressing enter while the focus is inside the text box. Pressing enter simply reloads the current page while it works fine with other browsers.

This was quite a strange thing to me – while searching for the issue, i found that IE behaves this way if you have only one field in the form, what a strange bug in IE :).

Moreover, this issue only occurs if we are using ASP.Net, in simple HTML pages, it works fine.

This issue can be resolved by adding more fields to the form. If you just require a single field in the form (as i do), add a dummy field and hide it from display.

Categories: ASP.Net, General

Twitter Extension For BlogEngine.NET

While searching for twitter extension for BlogEngine.Net, i came across following extension. It works perfect for BlogEngine 1.4. It is not posting tweets for BlogEngine 1.6.x though.

http://www.migueljimenez.net/post/2008/07/02/TwitterPing-10-Twitter-Extension-for-BlogEngineNET.aspx

Categories: ASP.Net, BlogEngine.Net

ASP.NET 4 Breaking Changes

This document describes changes that have been made for the .NET Framework version 4 release that can potentially affect applications that were created using earlier releases, including the ASP.NET 4 Beta 1 and Beta 2 releases.

Download This Whitepaper


Categories: ASP.Net