Stephen Lacy » Programming

Changing the cursor using javascript in chrome without the mouse moving

admin — Fri, 21 May 2010 10:52:39 +0000

I had a DIV html element absolute positioned, transparent and with an astronomical z-index.

Whenever I want to show that the web page is contacting the server and that the user should be patient I would change the css display value to the default and the cursor to progress. This stopped the user from causing other server requests like clicking on the same button multiple times while also giving them a sense that the application is working.

However in while in IE and firefox once I set display to none and the cursor back to the default the progress cursor would disappear, in chrome the progress cursor would remain until the cursor was moved by the user. This meant that the user might not be aware that the webpage request was complete and possibly eventually think that the application had crashed.

The solution was simple, change the z-index to -1 when the request was complete and chrome would behave as the other browsers had done previously.

Can't Register Javascript for Invisible Control I was writing an ASP.Net Dialog Control and I overwrote...

Related posts brought to you by Yet Another Related Posts Plugin.

jQuery Context Menu appears off screen issue

admin — Tue, 18 May 2010 10:41:15 +0000

jQuery Context Menu is available here: http://abeautifulsite.net/2008/09/jquery-context-menu-plugin/

It’s a fantastic jQuery plugin that replicates most of the features that you’ll expect from any windows context menu.

A feature that I noticed was missing was what happens when you right click on the right and bottom edges of the screen. On windows the context menu appears to the left or above your cursor respectively, with the jQuery context menu plugin it appears off screen. Not exactly a big deal but here is the solution:

Open jquery.contextMenu.js and after

(e.pageX) ? x = e.pageX : x = e.clientX + d.scrollLeft;

(e.pageY) ? y = e.pageY : y = e.clientY + d.scrollTop;

copy and paste in the following

if (y + $(menu).outerHeight() > d.pageYOffset + $(document.body).innerHeight()) {

y = y – $(menu).outerHeight()

}

if (x + $(menu).outerWidth() > d.pageXOffset + $(document.body).innerWidth()) {

x = x – $(menu).outerWidth()

}

And that’s it, you’re done.

In your version you may have an ‘x’ where I have a ‘y’ in bold. It may be worth replacing that. I haven’t investigated it fully but it makes more sense that way.

Handling Relative Paths and debug mode with Jquery in ASP.Net Web Forms I had a problem where I wanted to use the...

Related posts brought to you by Yet Another Related Posts Plugin.

Default Button in asp.net forms

admin — Mon, 17 May 2010 12:47:00 +0000

Taken from http://www.metabuilders.com/Tools/DefaultButtons.aspx

Often in asp.net WebForms you have multiple buttons with a number of textboxes and other form controls making it difficult for the web browser to determine what should happen when a user clicks enter.

Thankfully in asp.net 2 the panel and form controls have a default button property making it so that the enter key for all form controls contained within the panel or form control triggers the default button specified.

Official JqGrid ASP.Net Web Forms Control Alpha Demo First look at the official JqGrid ASP.Net Web Forms control...
Updating designer.cs in an ASP.Net Web Application If the controls on your designer.cs are out of sync...
jQuery Grid Plugin (JqGrid) with ASP.Net Web Forms Get JqGrid here: http://www.trirand.com/blog/ So far I’ve seen two implementations...

Related posts brought to you by Yet Another Related Posts Plugin.

Updating Redirection using Strong Types to .Net 4

admin — Sat, 17 Apr 2010 19:40:22 +0000

I wrote previously how to handle redirecting to other pages in an asp.net Web Forms application using the page’s type which allows you to move pages around in your site without having to worry about dead links as long as you use some sort of refactoring tool like resharper from jetbrains. Here is a link to the original post: http://www.lacy.ie/redirecting-using-strong-types-in-an-asp-net-web-application-project

In .Net 4 you are now able to have functions with optional parameters and name parameters in function calls, see http://weblogs.asp.net/paulomorgado/archive/2010/04/16/c-4-0-named-and-optional-arguments.aspx for more details on that.

So what this means for Redirecting using Strong Type is that where before you couldn’t specify which parameter you were referring to if two of the optional parameters were integers, now you can make both parameters optional and in your calls name the parameter you want to pass.

So what you would have had before is

public static void Redirect(int age, object randomParamToDistuinguish)
{

HttpContext.Current.Response.Redirect(GetUrl(id,null);

}

public static void Redirect(int groupId)
{

HttpContext.Current.Response.Redirect(GetUrl(id,null);

}

UserList.Redirect(1,null);

OR

UserDetails.Redirect(1);

Now you have

public static void Redirect(int age = -1, int groupId = -1)
{

HttpContext.Current.Response.Redirect(GetUrl(age,groupId);

}

UserList.Redirect(age: 17, groupId: 4)

OR

UserList.Redirect(age: 9);

OR

UserList.Redirect(groupId: 14);

Redirecting using strong types in an asp.net web application project Update, I recommend also reading the following post after you...
Updating designer.cs in an ASP.Net Web Application If the controls on your designer.cs are out of sync...
How to Mock the HttpContext in asp.net I find mocking the http context rather difficult, you can’t...

Related posts brought to you by Yet Another Related Posts Plugin.

How To Build VS2010 Solutions Using TFS2008 Team Build

admin — Wed, 14 Apr 2010 10:11:10 +0000

This will work with .Net 4 RTM. It will also build previous versions of .Net Projects.

Step 1: Install the .Net 4.0 Framework Beta 2 on your build server (or just put VS2010 beta 2 on it)

Step 2: Change the Team Build config as follows

Stop the Team Build service

Go to C:\Program Files\Microsoft Visual Studio 9.0\Common7\IDE\PrivateAssemblies and open up TfsBuildService.exe.config in the text editor of your choice.

Find the MSBuildPath setting and set the value as follows

Restart the Team Build service and check that your builds work.

Step 3: You’re done. Go and ask your boss for a pay rise for being so efficient.

Taken from: http://richardsbraindump.blogspot.com/2009/11/how-to-build-vs2010-solutions-using.html

No related posts.

Related posts brought to you by Yet Another Related Posts Plugin.

Updating designer.cs in an ASP.Net Web Application

admin — Tue, 13 Apr 2010 16:40:00 +0000

If the controls on your designer.cs are out of sync with your aspx page you may want to try the following to resync them.

Put your page in design view and right click / refresh. It will sync the controls with the designer.cs. Make sure designer.cs is close before doing this.

Taken from the following link: http://forums.asp.net/t/1233688.aspx

Redirecting using strong types in an asp.net web application project Update, I recommend also reading the following post after you...
jQuery Grid Plugin (JqGrid) with ASP.Net Web Forms Get JqGrid here: http://www.trirand.com/blog/ So far I’ve seen two implementations...
Official JqGrid ASP.Net Web Forms Control Alpha Demo First look at the official JqGrid ASP.Net Web Forms control...

Related posts brought to you by Yet Another Related Posts Plugin.

How to stop a javascript event from bubbling

admin — Thu, 25 Feb 2010 14:41:03 +0000

Events on any html document bubble from child up to parent calling the handlers on each element until it reaches the Body.

In order to stop this from happening you can cancel the bubble by setting the cancelBubble property on the event to true

Name

Taken from http://webdevelopersjournal.com/articles/jsevents2/jsevents2.html

Can't Register Javascript for Invisible Control I was writing an ASP.Net Dialog Control and I overwrote...

Related posts brought to you by Yet Another Related Posts Plugin.

Reducing the size of your ViewState in asp.net web forms

admin — Mon, 22 Feb 2010 16:13:31 +0000

Very useful article on how to reduce your ViewState size. Also very simple to implement.

http://szokelizer.blogsome.com/2006/11/09/how-to-put-controlstate-into-viewstate-and-how-to-put-viewstate-into-session/

Official JqGrid ASP.Net Web Forms Control Alpha Demo First look at the official JqGrid ASP.Net Web Forms control...
jQuery Grid Plugin (JqGrid) with ASP.Net Web Forms Get JqGrid here: http://www.trirand.com/blog/ So far I’ve seen two implementations...
Default Button in asp.net forms Taken from http://www.metabuilders.com/Tools/DefaultButtons.aspx Often in asp.net WebForms you have multiple...

Related posts brought to you by Yet Another Related Posts Plugin.

Redirecting using strong types in an asp.net web application project

admin — Wed, 13 Jan 2010 18:45:30 +0000

Update, I recommend also reading the following post after you read this one if you plan on using this within .Net 4: http://www.lacy.ie/updating-redirection-using-strong-types-to-net-4

It recently began to annoy me that every time I want to redirect to a page I have to use a string. Not a big deal I know but when you have broken links it can reflect badly on you as a developer, so I began to look for some solution that would allow for the following.

Refactoring: I need to be able to move a page around without having to find every string reference to it
No Reflection: It’s slow I don’t want to have to use it when redirects happen often.
Parameters: I want to be able to pass parameters to a function and make that become part of the get request, I want the logic for that to exist on the page being redirected to as that is where the parameters are being used, this will also help with refactoring, the plain ole redirect logic however would just exist on a base class, don’t want to have to rewrite for every page.

I knew the ideal situation would be if I could somehow use the fact that web application projects use the folder hierarchy for its namespace convention and end up being able to redirect to the page ~/Users/UserDetails.aspx?UserId=14 with the following command Users.UserDetails.Redirect(14);

Here is how I did it:

I have a web application project, let’s call it MyProject.Web

I have two pages called UserDetails.aspx and UserList.aspx in the folder Users.

They both inherit from the following base class:

namespace MyProject.UI

{

///

/// Summary description for BasePage

///

public abstract class BasePage:Page where T : Page

{

public static String GetUrl()

{

return “~/” + typeof(T).ToString().Replace(“MyProject.Web.”, “”).Replace(‘.’, ‘/’) + “.aspx”;

}

public static String GetUrl(String parameters)

{

return GetUrl() + “?” + parameters;

}

public static void Redirect()

{

HttpContext.Current.Response.Redirect(GetUrl());

}

public static void Redirect(String parameters)

{

HttpContext.Current.Response.Redirect(GetUrl(parameters));

}

public static void Redirect(Boolean endResponse)

{

HttpContext.Current.Response.Redirect(GetUrl(),endResponse);

}

public static void Redirect(String parameters,Boolean endResponse)

{

HttpContext.Current.Response.Redirect(GetUrl(parameters), endResponse);

}

}

}

They follow this pattern:

namespace MyProject.Web.Users

{

public partial class UserDetails: BasePage

{

public static void Redirect(int userId)

{

Redirect(“UserId=” + userId.ToString());

}

}

}

Now because UserDetails and UserList are in the same folder I can simply call UserDetails.Redirect(selectedUserId) on the UserList and UserList.Redirect() on the UserDetails.
The only real disadvantage is that it could confuse people who discover a Redirect method on their current page that they can’t use to make it to another page.
However it should be abundantly clear to everyone what you are doing when they see it already written.
Also every time you move a class, remove or add a parameter, it will break on compile time not at run time.

Comments and feedback welcome.

How to Mock the HttpContext in asp.net I find mocking the http context rather difficult, you can’t...
jQuery Grid Plugin (JqGrid) with ASP.Net Web Forms Get JqGrid here: http://www.trirand.com/blog/ So far I’ve seen two implementations...
Handling Relative Paths and debug mode with Jquery in ASP.Net Web Forms I had a problem where I wanted to use the...

Related posts brought to you by Yet Another Related Posts Plugin.

Custom Control won’t trigger Update Panel

admin — Tue, 24 Nov 2009 14:00:20 +0000

I was using the __dopostback function in asp.net to cause a postback that would trigger an update in an updatepanel where relevant.

If you come across this problem make sure that your custom control implements the INamingContainer as well as the IPostBackEventHandler interfaces

Also make sure that your first argument to the __dopostback function is the unique id of your custom control (this.UniqueId)

No related posts.

Related posts brought to you by Yet Another Related Posts Plugin.