Simon Hibbard's Web Apps Blog

jQuery, ASP.Net, C# and anything thats Webby

Latest

MVC3 Razor – jQuery – Visual Studio != Intellisense

I wondered where my intellisense had gone for jQuery with MVC3 and Razor. Anyway there is a fix for it:

Add the following to your view (with the jQuery vsdoc version you have:

@if (false) { <script src="~/Scripts/jquery-1.5.0-vsdoc.js" type="text/javascript"></script> }

The if-statement prevents the script tag from being rendered into the html source code.

Grab jQuery 1.5.0 vsdoc from here -> http://damianedwards.com/files/jquery/jquery-1.5-vsdoc.js

jquery divGrow V1.3.2 – minor fixes

Fixes issues with non ‘div’ based containers.

http://plugins.jquery.com/content/divgrow-132

See plugin page for full instructions:

https://simonhibbard.wordpress.com/2010/06/02/jquery-based-div-grow-shrink/

jQuery popBox v1.3.0 release

popBox V1.3.0 release:

  • Issue with scrollable pages fixed.
  • Adds border shadow for browsers which support it.

Download here: http://plugins.jquery.com/content/popbox-130

Demo here: http://simon.tpdserver2.co.uk/jquery/popBox/demo/

jQuery vScroll v1.2.0 released – multiple instance support + cycle feature

jQuery vScroll v1.2.0 released:

  • Includes support for multiple instances on a page.
  • Passing in of height atttribute for container.
  • Cycle feature to return to first item when last item reached.

Plugin Page Link

Download here: http://plugins.jquery.com/content/vscroll-120

Demo here: http://simon.tpdserver2.co.uk/jquery/vscroll/demo/

!Important: If moving from a previous version to v1.2.0 you must pass in the height you want the container to be as a plugin option.

jQuery popBox v1.2.1 released

jQuery popBox v1.2.1 has been released -> http://plugins.jquery.com/content/popbox-121

Details and usage can be found here.

This release adds a feature to cancel changes by pressing the ‘escape’ key and also produces valid WCAG 2.0 markup for accessibility.

A special thanks to Alex Lareau who provided patches for both of these features :)

 

jQuery divGrow v1.3.1 released

divGrow version 1.3.1 released. Minor update but allows any HTML content to be used for the show/hide more buttons.

Thanks for the suggestion from Cool_s :)

Download from here: http://plugins.jquery.com/content/divgrow-131

See here for info on how to use: https://simonhibbard.wordpress.com/2010/06/02/jquery-based-div-grow-shrink/

jQuery vScroll plugin updated v1.1.0

This release fixes an issue found in IE7.

Release here -> http://plugins.jquery.com/content/vscroll-110

Demo here -> http://www.waterwell.co.uk/news.aspx

Feedback is appreciated, this is where open source works, the plugin’s are free to use but developers get the testing coverge they need to rework back into their own commercial projects :)

jQuery divGrow v1.3.0 in use on www.itzyogi.com

The jquery divGrow v1.3.0 plugin has been used on this site – http://www.itzyogi.com/therapies.aspx

Take a look :)

jQuery divGrow plugin updated – 1.3.0

Plugin has been updated. No longer need to provide the final height value using the rel= attribute, it is calculated. Also now generates W3C valid markup.

You can also specify whether or not to show the brackets (“[…]”) before the ‘more’ button using the option ‘showBrackets’.

Download from here -> http://plugins.jquery.com/content/divgrow-130

Plugin page – https://simonhibbard.wordpress.com/2010/06/02/jquery-based-div-grow-shrink/

Using jQuery .animate() to spice up a simple page

Here is an example of using jQuery .animate to add a bit of interest to otherwise basic pages on this site -> http://www.acplanningsolutions.co.uk/case-studies.aspx

One effect is used to fade in/out the background colours of the menu items creating a nice ‘trailing’ effect as you hover over them (see below).

The other effect is to animate in the images and text, also if you click on “Conservation Area – Residential” you will notice the page frame grows to fit the new image and the images change on a timer.

Just thought I would share this as an example of what can be done with a small amount of jQuery code :)

 

 

Follow

Get every new post delivered to your Inbox.