Clipmarks | travislaborde's 'javascript' clips

DotNetNuke 5.0: Now with jQuery

Fri, 03 Oct 2008 11:59:45 GMT

DotNetNuke 5.0: Now with jQuery

For the last 4 years DotNetNuke has been adding more and more client-side functionality using JavaScript. First we started with the ClientAPI which has added some great features to the platform. When Microsoft created ASP.Net AJAX, we were quick to implement that as well since it solved several problems and didn’t require us to re-invent the wheel. One of the key features in DotNetNuke 5.0 is the new Widget framework which simplifies the creation and distribution of JavaScript widgets. In looking at an upcoming refresh of our admin UI, we were looking around at our various options. We really need a richer user experience that will continue to have cross-browser support and that can easily be extended and used by the developer community when creating their own modules.

Tags: programming, dnn, jquery

Avoid this tricky conflict between ASP.NET AJAX and jQuery

Tue, 30 Sep 2008 12:09:04 GMT

clipped by: travislaborde

Clip Source: encosia.com

Avoid this tricky conflict between ASP.NET AJAX and jQuery

Last month, I came across someone having an odd problem with ASP.NET AJAX and jQuery, on the ASP.NET forums. While using the jDrawer plugin to jQuery, he found that adding an ASP.NET AJAX ScriptManager completely broke jDrawer.

As I’ve previously covered, one of the nice things that ASP.NET AJAX brings to the table is an assortment of upgrades to JavaScript’s base types. Unfortunately one of ASP.NET AJAX’s modifications has subtly modified this arguments property:

The solution is to iterate over the arguments array using a traditional for loop:

PreloadImages: function() {
  for(var i = 0; i++; i < arguments.length)
    if (arguments[i].type === "array")
      for (var j in arguments[i])
        // Irrelevant image preloading code.
  else
    // Irrelevant image preloading code.
},

Tags: programming, asp.net, jquery

jQuery and Microsoft

Mon, 29 Sep 2008 11:57:03 GMT

clipped by: travislaborde
clipper's remarks: OMG

Clip Source: weblogs.asp.net

jQuery and Microsoft

I'm excited today to announce that Microsoft will be shipping jQuery with Visual Studio going forward. We will distribute the jQuery JavaScript library as-is, and will not be forking or changing the source from the main jQuery branch. The files will continue to use and ship under the existing jQuery MIT license.

We will also distribute intellisense-annotated versions that provide great Visual Studio intellisense and help-integration at design-time.

For example:

The jQuery intellisense annotation support will be available as a free web-download in a few weeks (and will work great with VS 2008 SP1 and the free Visual Web Developer 2008 Express SP1). The new ASP.NET MVC download will also distribute it, and add the jQuery library by default to all new projects.

We will also extend Microsoft product support to jQuery beginning later this year, which will enable developers and enterprises to call and open jQuery support cases 24x7 with Microsoft PSS.

Tags: programming, javascript, asp.net, jquery

Checking Request is Synchronous or Asynchronous in ASP.NET

Tue, 12 Aug 2008 18:05:44 GMT

clipped by: travislaborde

Clip Source: www.codeproject.com

Checking Request is Synchronous or Asynchronous in ASP.NET

In case Asp.Net 2.0 and AJAX, when any exception thrown while execution of asynchronous request, it is catched in "ScriptManager1_AsyncPostBackError" event, then AJAX framework handles that exception and shows java script alert box to user. No event (Application_Error) from Global.asax file gets fired.

But, in Asp.Net 3.5 AJAX they changed exception handling mechanism and now both events "ScriptManager1_AsyncPostBackError" and Application_Error from Global.asax gets fired.

Issue: Now, if exception occurs in case of asynchronous request, application tries to redirect user to generic error page instead of showing JavaScript alert and ends up in another exception as Redirect is not allowed in asynchronous request. Ha.... exception within Application_Error method ;).

Tags: programming, asp.net, 2008

Tell JavaScript What it Can and Can Not Do

Thu, 05 Jun 2008 12:34:10 GMT

clipped by: travislaborde

Clip Source: www.firefoxfacts.com

Tell JavaScript What it Can and Can Not Do

Controle de Scripts is an add-on for Firefox that allows you to control what JavaScript on a web site can (or can not) do to your browser. Here is a little more about the extension from the developer:

Pickup Controle de Scripts via Mozilla Add-ons Site or the official site for this awesome JavaScript controlling addition to the browser.

Tags: firefox

Let Google host your Javascript

Wed, 28 May 2008 12:15:55 GMT

clipped by: travislaborde
clipper's remarks: WOW. What a cool idea.

Clip Source: feeds.feedburner.com

We have worked with a subset of the most popular JavaScript frameworks to host their work on the Google infrastructure. The AJAX Libraries API then becomes a content distribution network and loading architecture for these libraries.

We realize that there are a huge number of useful libraries out there, but we wanted to start small with the program, which has us starting with:

Google engineers spend a lot of time working on speeding up their Web applications. Performance is a key factor for our teams, and we recognize how important it is for the entire Web.

Clip Source: googleajaxsearchapi.blogspot.com

Developers won't have to worry about getting caching setup correctly, as we will do that for you

If another application uses the same library (much more likely), they there is a much better chance that it will be already caching on the users machine

The network and bandwidth of the users systems will not be taxed.

Tags: programming, javascript, jquery, google

ZipFS: Using ZIP files as virtual directories

Thu, 15 May 2008 12:36:37 GMT

clipped by: travislaborde
clipper's remarks: not actual IIS virtual directories, mind you... much cooler than that

Clip Source: www.codeproject.com

ZipFS: Using ZIP files as virtual directories or read-only resource containers in ASP.NET

In your ASP.NET application, you may have a set of static files and directories with many image, script, resource files in them. Especially extensive javascript libraries with plugin support (like TinyMCE) may have hundreds of files on their own. You probably never modify any of these files, unless you upgrade to a newer version of those libraries.

And here comes my solution proposal: Why not keep these libraries (or other resources) in a zip file of their own (as most of them already distributed as zip files) and use them as if that ZIP file is a virtual directory on ASP.NET server? (note: "virtual directory" here is not related to IIS virtual directories)

Tags: programming, asp.net

(Better) JQuery IntelliSense in VS2008

Tue, 29 Apr 2008 12:23:27 GMT

clipped by: travislaborde

Clip Source: weblogs.asp.net

(Better) JQuery IntelliSense in VS2008

I know, I know, this has been done before. The reason I'm writing this post, however, is to improve on what I have found on the web. For anyone wondering what jQuery is, goto the jQuery site and also read this tutorial. Now onto the good stuff....

jQuery Intellisense In 3 Easy Steps

Install VS2008 hotfix
Generate a JQuery.Intellisense.js stub file. Either goto http://www.infobasis.com/sandpit/jQuery-Intellisense/ and generate it, or download a more up to date one (including minor fixes) from here. save it to the same folder as your jQuery file
Add a invisible placeholder into your header and reference the new .js file:
    <asp:PlaceHolder runat="server" visible="false">
        <script type="text/javascript" src="http://weblogs.asp.net/bradvincent/archive/2008/04/28/JQuery.Intellisense.js" ></script>
    </asp:PlaceHolder>
or add a referenece at the top of your .js file
/// <reference path="jquery.intellisense.js"/>

Tags: programming, .net, jquery

Visual Studio 2008 Hotfix Available

Mon, 11 Feb 2008 12:01:41 GMT

clipped by: travislaborde

Clip Source: blogs.msdn.com

Issues that are fixed: We have fixed several bugs in this hotfix. All bug fixes are listed below.

HTML Source view performance

Design view performance

HTML editing

JavaScript editing

Web Site build performance

Tags: programming, .net, 2008

Intellisense for jQuery in Visual Studio 2008

Mon, 04 Feb 2008 12:05:05 GMT

clipped by: travislaborde

Clip Source: brennan.offwhite.net

Intellisense for jQuery in Visual Studio 2008

These days I write JavaScript than C#, or at least it seems like it sometime. To make my work a little easier I have started using the JavaScript support in Visual Studio 2008 that provides Intellisense support if you put Xml Doc into your JavaScript. The problem with working with jQuery in Visual Studio 2008 is that it happens fail due to how the jQuery script is written. For reasons why Intellisense fails, you can read more from Jeff King. Adjusting jQuery to make Visual Studio happy is not really a priority and not even necessary. I can simply reference the real jQuery script from the web pages and within my scripts I can reference a stub for jQuery that is simply a shell with Xml Doc.

I copied the documentation right from the jQuery website and put it all into the following stub named jquery.intellisense.js, shown below:

Tags: programming, javascript, jquery, asp.net, 2008

Response.Redirect into a new window (with Extension Methods)

Thu, 03 Jan 2008 12:23:17 GMT

clipped by: travislaborde

Clip Source: weblogs.asp.net

Response.Redirect into a new window (with Extension Methods)

This question comes up from time to time, to time. If you understand how redirects work, then you also know it is "not possible" to redirect into a new window, because a redirect on the server causes a special HTTP response to be sent to the users browser, the client. The browsers native implementation interprets the special response code and sends the user off to the destination. There's no built-in mechanism or standard for specifying a new window.

The only way to open a new window is for it to be initiated on the client side, whether it be through script or clicking on a link.

So the solution always proposed to this problem is to instead write out some script that opens the window, rather than using Response.Redirect:

<script type="text/javascript">

    window.open("foo.aspx");

</script>

Tags: programming, asp.net, 2008

Frameworks vs Low Level Knowledge

Thu, 01 Nov 2007 14:26:05 GMT

clipped by: travislaborde
clipper's remarks: I'm clipping a comment instead of the actual blog post, even though that is also a great read. I just thought the comment was very thought provoking.

Clip Source: blog.wekeroad.com

In this day and age I believe developers, and Web developers in particular, are forced to make a choice, you can either be a generalist or a specialist.

what is more likely is that you will have a developer who is a generalist. They will have a really good grasp of their primary GPL and will have moderate knowledge of SQL, JavaScript and HTML/CSS. This developer will lean heavily on frameworks and abstractions to make up for not having a huge team of experts at his disposal.

I know I know… your “hello world” built in Utopia by the programming gods can scale to 20 billion users while I can only run 1 billion users before I max out my hardware. But of course your app took 10 times the amount of time and money just to complete it, and I captured the entire hello world market long before you even had a buggy Alpha release

Tags: programming

CSS Round Corners without Javascript or Images

Wed, 31 Oct 2007 12:58:30 GMT

clipped by: travislaborde

Clip Source: blog.yosle.com

CSS Round Corners

Err… No images? No javascript?

Do you want round fill??

And the code

.b1f, .b2f, .b3f, .b4f{font-size:1px; overflow:hidden; display:block;}
.b1f {height:1px; background:#ddd; margin:0 5px;}
.b2f {height:1px; background:#ddd; margin:0 3px;}
.b3f {height:1px; background:#ddd; margin:0 2px;}
.b4f {height:2px; background:#ddd; margin:0 1px;}
.contentf {background: #ddd;}
.contentf div {margin-left: 5px;}

<b class="b1f"></b><b class="b2f"></b><b class="b3f"></b><b class="b4f"></b>
    <div class="contentf">
        <div>Round FILL!!</div>
    </div>
<b class="b4f"></b><b class="b3f"></b><b class="b2f"></b><b class="b1f"></b>

Tags: css

jQuery Crash Course

Wed, 10 Oct 2007 12:51:41 GMT

clipped by: travislaborde

Clip Source: www.digital-web.com

jQuery Crash Course

One of the aspects I appreciate the most is that the way elements are selected is similar—often identical—to CSS.

As developers, we have more and more JavaScript libraries to choose from and, of course, the option not to use any at all. Over time, we each tend to favor one method of coding over another. For those who’d like to learn more about jQuery, one of the more popular libraries, here’s a crash course written with code-savvy web designers in mind.

Tags: programming, javascript

ASP.NET Web Controls for the Yahoo! User Interface Library

Wed, 12 Sep 2007 12:51:15 GMT

clipped by: travislaborde

Clip Source: www.codeproject.com

ASP.NET Web Controls for the Yahoo! User Interface Library

Creating ASP.NET wrappers for YUI Javascript controls

Introduction

The Yahoo! User Interface Library (YUI) is a library of client-side Javascript controls that address a number of common scenarios such as calendar input, floating panels, and menus. The documentation on these controls is top-notch, so I won't spend too much time on the specifics of each control. In order to make these controls work well in an ASP.NET environment, it is a useful exercise to create custom web controls which can make it easy to drop these controls onto any ASP.NET page. Currently, the following YUI controls are supported:

Tags: programming, asp.net, yui