Web Dev .NET

Tech Tweets for 7-Jan-2010

elijahmanor — Thu, 07 Jan 2010 22:03:43 +0400

The following are a list of the technical tweets that I posted on Twitter yesterday.

If you are interested in keeping track of my technical tweets, then here a several ways you can enjoy them...

Add a RSS feed to this blog and wait for the daily tech tweet post (as well as my other posts).
Follow me on Twitter and get all of my technical and personal tweets. Note: I tend to tweet a lot :)
In addition to posting on Twitter, I also programmatically publish my tech tweets to delicious on a daily basis.
And you can always just check out the tech tweet category on this blog for past Tech Tweets posts.

ASP.NET (1)
- "Scalability Tip In ASP.NET And The MachineKey Element" by @Galilyou #tech #aspnet http://j.mp/5ghtVu
ASP.NET MVC (4)
- "DimeCasts.Net #157 - Working with Partials in Spark: Part 1" by @DonnFelker #tech #aspnetmvc http://j.mp/5Gs73l
- "ASP.NET MVC FireStarter: Framework Fundamentals and Practices" by @egibson #tech #Channel 9 #aspnetmvc http://j.mp/53bNgs
- "Want Tekpub’s ASP.NET MVC 2 Series for Free?" by @mstum #tech #aspnetmvc http://j.mp/75oyVt
- "Building A Color Picker Using ASP.NET MVC And jQuery" by @MalcolmSheridan #tech #aspnetmvc http://j.mp/4WSjNf
JavaScript (1)
- "@brenelz: Default and configuration objects with JavaScript" by @ danwellman #tech #javascript http://j.mp/6lFvHh
jQuery (8)
- "Pause and Play Effect with jQuery" by @Codrops #tech #jquery http://j.mp/8gco7Z
- "Some Useful JavaScript & jQuery Snippets - Part 2" by @Codrops #tech #jquery http://j.mp/8yIvb8
- "CSS + jQuery: Highlight Important Keywords Inside Text" by @derekpunsalan #tech #jquery http://j.mp/6zO2L0
- "Determine the Element ID on MouseOver using jQuery" by @ SuprotimAgarwal #tech #jquery http://j.mp/5SN4h2
- "Tutorial: Create a Super Cool Sliding jQuery Drawer" by @andrewwise #tech #jquery http://j.mp/8wQyk6 *MEERKAT!
- "Mix10 Open Call Entry Voting Has Begun: My 4 jQuery Sessions" #tech #mix10 #jquery http://j.mp/4BwvJj
- "Creating A Bidirectional Infinite Scroll Page With jQuery And ColdFusion" by @bennadel #tech #jquery http://j.mp/7itmhh
- "jQuery Message Queuing: Get all your JavaScript ducks in a row" by @cowboy #tech #plugin #jquery http://j.mp/5KNYSe
Misc (4)
- "Video Review: Eye-Fi Wi-Fi SD Card for Digital Cameras..." by @shanselman #tech #misc http://j.mp/57QUHX
- "Hey, I got a Microsoft MVP Award!" by @Jamesbender #tech #misc http://j.mp/6OtnH9 *Congrats sir ;) Well deserved!
- "20 Things You Didn’t Know About… Computer Hacking" #tech #misc http://j.mp/7q1T64
- "NHibernate vs. Entity Framework 4.0" by @ayende #tech #nhibernate #misc http://j.mp/893MgR
Testing (1)
- "TDD: 4 Questions that will help you create the simplest thing that could possibly work" by @RoyOsherove #tech #testing http://j.mp/6RLoKO
Web Dev (1)
- "Inheritance Patterns in YUI 3" by @Stoyanstefanov #tech #yui #webdev http://j.mp/549yuY

Tech Tweets for 6-Jan-2010

elijahmanor — Wed, 06 Jan 2010 21:40:25 +0400

The following are a list of the technical tweets that I posted on Twitter yesterday.

If you are interested in keeping track of my technical tweets, then here a several ways you can enjoy them...

Add a RSS feed to this blog and wait for the daily tech tweet post (as well as my other posts).
Follow me on Twitter and get all of my technical and personal tweets. Note: I tend to tweet a lot :)
In addition to posting on Twitter, I also programmatically publish my tech tweets to delicious on a daily basis.
And you can always just check out the tech tweet category on this blog for past Tech Tweets posts.

.NET (1)
- "How Dovetail uses NHibernate with StructureMap" by @JeremyDMiller #tech #dotnet http://j.mp/531Zfy
ASP.NET (1)
- "Building an Awesome Community Web Site" by @MisfitGeek #tech #aspnet http://j.mp/5PurVG
ASP.NET MVC (3)
- "Mixing ASP.NET Webforms and ASP.NET MVC" by @MaartenBalliauw #tech #aspnet #aspnetmvc http://j.mp/7Epb3B
- "Localize Asp.Net MVC Views using a LocalizedViewEngine" by @jgeurts #tech #aspnetmvc http://j.mp/8BpyDf
- "ASP.NET MVC 2 in Action conducting a public review" by @dnetradio #tech #aspnetmvc http://j.mp/60zMxE
Humor (1)
- "Superphone VS Smartphone" #tech #humor http://j.mp/5m0Wyj *Rock, paper, scissors game for phone geeks
jQuery (5)
- "jsFiddle - Test your JavaScript code" #tech #javascript #jquery http://j.mp/6ZnqYY *Similar to JS Bin
- "@Nettuts: jQuery Animations: A 7-Step Program" by @lordtottuu #tech #jquery http://j.mp/90GKm6
- "jQuery slideViewerPro 1.0 Plugin" #tech #jquery http://j.mp/7pgyMf
- "Mix10 Open Call Entry Voting Has Begun: My 4 jQuery Sessions" #tech #mix10 #jquery http://j.mp/4BwvJj
- "Simplify Google Maps API with Google Maps jQuery Plugin" by @WebAppers #tech #jquery http://j.mp/8wqK4i
Web Dev (2)
- "Filtering Blocks v2" by @ChrisCoyier #tech #webdev http://j.mp/6FuFFJ
- "Website Performance: What To Know and What You Can Do" by @smashingmag #tech #webdev http://j.mp/4Qr5c5

Mix10 Open Call Entry Voting Has Begun: My 4 jQuery Sessions

elijahmanor — Wed, 06 Jan 2010 07:18:03 +0400

Mix 2010, a 3 day Microsoft conference for web designers and developers, recently opened up to all developers the opportunity to submit sessions that will be voted upon and possibly included in the conference line-up.

Voting for these sessions begins today (January 5, 2010) and will close on January 15, 2010. At the end of the voting they will choose 10 sessions with the highest votes to be added to their conference. The winners of the selected proposals will be announced January 18, 2009.

You can view a comprehensive list of sessions or a filtered list of just my 4 jQuery sessions on the Mix10 website. There are 162 sessions and 92 speakers represented in the voting. You are able to vote for 5 sessions during your ballet submission. How do I know those stats… well, because I’m a geek and ran some jQuery in the FireBug console ;)

var uniqueSpeaker = [];
var speakerSelection = $('table tr td:nth-child(2) a');
speakerSelection.sort().each(function(i) {
   var speaker = $(this).text();
   speaker = speaker.replace(/^\s+|\s+$/g,"")
   if (uniqueSpeaker[speaker] === undefined) {
      uniqueSpeaker[speaker] = 1; 
   } else {
      uniqueSpeaker[speaker] += 1;
   }
});

var numberOfUniqueSpeakers = 0;
for(var key in uniqueSpeaker) {
   console.log(key + ': ' + uniqueSpeaker[key] + ' sessions');
   numberOfUniqueSpeakers++;
};

console.log('Number of Sessions: ' + speakerSelection.length);
console.log('Number of Unique Speakers: ' + numberOfUniqueSpeakers);

Note: If you actually wanted to run the above script you will need to jQueryify the Mix10 Open Call Entries webpage since it doesn’t have jQuery referenced. The jQueryify bookmarklet inject jQuery into a webpage that doesn’t already have it referenced.

Speaking of jQuery, the 4 session that I submitted to Mix10 are jQuery related…

6 Things Every jQuery Developer Must Know

An overview of several in-depth concepts that developers need to learn to bring their jQuery development to the next level.

We will review 6 things that you should know such as "What Is This?", "Am I Referencing the jQuery Object or a DOM Element", "Understanding Selectors", "Combine and Minify Your Scripts", "Different Ways of Storing Data", and "The Dos And Don'ts of Events".

Along the way, I'll share several helpful websites and tools to make your job as a jQuery developer easier.

How to Debug Your jQuery Code

In the past 10 years, more and more Web development has moved off the server and migrated to the browser, making a user's experience more responsive. Unfortunately, this transition hasn't always been pleasant for developers. The good news is that tooling Front-End debugging is much better.

We will examine some necessary tools for development such as FireBug and several other helpful tools. Our main focus will be on Debugging Selectors, Debugging Events, and Debugging Chains. During the session we'll review some common scenarios and how to debug them.

Custom jQuery Events and Selector Filters

jQuery has a wide variety of events and selectors that it already supports. Despite the rich functionality jQuery provides, you will eventually come to a spot where you need some event or selector that it doesn't support. The good news is that jQuery has made it easy to extend the library to support custom events and selectors.

In this session we are going to take a look at some of the existing events and selectors that jQuery makes available and then we will move on to show how we can extend jQuery to support our own custom needs.

Along the way, we will touch on what Event Driven Programming means and how custom jQuery events can make your code abide by the Open Closed Principle.

jQuery Test Driven Development

The concept of Unit Testing has been around for quite some time in the development world, but it's adoption in the JavaScript arena has been quite low.

In this session, we will examine a jQuery Unit Testing framework and a JavaScript Mocking framework to assist you in your Front-End Browser Unit Tests.

You can also use the discipline of Test Driven Development as you build out new jQuery and JavaScript functionality.

We will also examine how to integrate these Unit Tests into your Continuous Integration environment.

Of course I’d like for you to vote for one or more of my jQuery sessions above (click the Vote For Our Session Submission image above), but in addition I recommend you also look at the sessions by the following individuals…

Tech Tweets for 5-Jan-2010

elijahmanor — Tue, 05 Jan 2010 22:12:40 +0400

The following are a list of the technical tweets that I posted on Twitter yesterday.

If you are interested in keeping track of my technical tweets, then here a several ways you can enjoy them...

Add a RSS feed to this blog and wait for the daily tech tweet post (as well as my other posts).
Follow me on Twitter and get all of my technical and personal tweets. Note: I tend to tweet a lot :)
In addition to posting on Twitter, I also programmatically publish my tech tweets to delicious on a daily basis.
And you can always just check out the tech tweet category on this blog for past Tech Tweets posts.

ASP.NET (1)
- "ASP.NET 4 SEO Improvements (VS 2010 and .NET 4.0 Series)" by @ScottGu #tech #aspnet http://j.mp/8bhPve
ASP.NET AJAX (1)
- "ASP.NET Ajax Library Beta with Stephen Walther" by @CraigShoemaker #tech #podcast #aspnetajax http://j.mp/4KSWNA
ASP.NET MVC (6)
- "ASP.NET MVC ViewModel Value Formatting using AutoMapper" by @poprhythm #tech #aspnetmvc http://j.mp/85eQyD
- "T4MVC 2.6.10: Fluent route value API, shorter way to refer to action.." by @davidebbo #tech #aspnetmvc http://j.mp/8hgTWX
- "ASP.NET MVC Scorecard Web Application - Part 1" #tech #aspnetmvc http://j.mp/4WONTt
- "Sending and Receiving JSON between jQuery and ASP.NET MVC using Ajax" by Philip Hendry #tech #aspnetmvc http://j.mp/8tLVWN
- "Getting Started with jQuery" by @sixrevisions #tech #aspnetmvc http://j.mp/6sFdD1
- "Authorizing Access via Attributes in ASP.NET MVC Without Magic Strings" by @srkirkland #tech #aspnetmvc http://j.mp/7i1dVu
JavaScript (2)
- "Commodore 64 JavaScript Emulator" by @Ajaxian #tech #javascript http://j.mp/936SDl
- "Closure Exposure: A JavaScript Scope Trick" by Simon Ince #tech #javascript http://j.mp/8SCwv7
jQuery (9)
- "jQuery.ptTimeSelect" #tech #jquery http://j.mp/4zdeOc *Not sure I've seen this before
- "Using jQuery Stop: Full Cycle of Animation on Hover/Off" #tech #jquery http://j.mp/4Pupr4 *Interesting examples
- "@Nettuts: A Bullet-Proof Content Viewer" by @danwellman #tech #jquery http://j.mp/5RSmMQ
- "jQuery postMessage: Cross-domain scripting goodness" by @cowboy #tech #jquery http://j.mp/55WSfe
- "jQuery code smells" by @jamespadolsey #tech #jquery http://j.mp/6v9Axr
- "dirtyFields jQuery Plugin" #tech #jquery http://j.mp/8EwwuD
- "Death to confirmation dialogs with jquery.undoable" by @haacked #tech #jquery http://j.mp/5zeELK
- "Some Useful JavaScript & jQuery Snippets" by @Codrops #tech #jquery http://j.mp/6c1cnJ
- "jQuery Quickie: Highlighting a table row after selecting a checkbox" #tech #jquery http://bit.ly/8vePEL *via @jquery
Misc (1)
- "New Year's Resolutions for Software Developers" by @jeffblankenburg #tech #misc http://j.mp/5mXHdh
Podcast (1)
- ".NET Rocks #513 - Michael Learned on TFS Nuts and Bolts" #tech #podcast http://j.mp/7fjGr1
Web Dev (2)
- "Interviewing the front-end engineer" by @slicknet #tech #webdev http://j.mp/7m3s9z
- "Cross Domain iframe Resizing" by @ChrisCoyier #tech #webdev http://j.mp/7QdRzP

Tech Tweets for 4-Jan-2010

elijahmanor — Mon, 04 Jan 2010 22:47:03 +0400

The following are a list of the technical tweets that I posted on Twitter yesterday.

If you are interested in keeping track of my technical tweets, then here a several ways you can enjoy them...

Add a RSS feed to this blog and wait for the daily tech tweet post (as well as my other posts).
Follow me on Twitter and get all of my technical and personal tweets. Note: I tend to tweet a lot :)
In addition to posting on Twitter, I also programmatically publish my tech tweets to delicious on a daily basis.
And you can always just check out the tech tweet category on this blog for past Tech Tweets posts.

.NET (1)
- "FubuMVC Diagnostics Sneak Peek" by @JeremyDMiller #tech #dotnet http://j.mp/6KL6Rx
ASP.NET (2)
- "Rendering ASP.NET Script References into the Html Header" by @RickStrahl #tech #aspnet http://j.mp/4Ti12u
- "ASP.NET Web Forms MVP" #tech #aspnet http://j.mp/7BSRNF
ASP.NET MVC (7)
- "Skinning your ASP.NET MVC Application Based On Your Sub-domain" by @just3ws #tech #aspnetmvc http://j.mp/6sQEYl
- "Building A Ratings Widget With ASP.NET MVC And jQuery" by @MalcolmSheridan #tech #aspnetmvc http://j.mp/4K4toe
- "ASP.NET 4, ASP.NET MVC, and Silverlight 4 Videos of my Talks in Europe" by @ScottGu #tech #aspnetmvc http://j.mp/4J7m44
- "Phonebook Style Paging in ASP.NET MVC" by @mikeceranski #tech #aspnetmvc http://j.mp/8GQElF
- "Adding AssemblyVersion to ASP.net MVC Site using Helpers" by @CraftyFella #tech #aspnetmvc http://j.mp/5oIlR3
- "ASP.NET MVC Locale User Control (State/Province, Country)" #tech #aspnetmvc http://j.mp/6FscvB
- "Thoughts on ASP.NET MVP - A Framework That Wants To Be MVC" by @robconery #tech #aspnetmvc http://j.mp/7cqpwb
F# (1)
- "Essential F# Refcardz" #tech #cheatsheet #fsharp http://j.mp/5aLxLB
Humor (2)
- "10 things you need to stop tweeting about" by @Oatmeal #tech #humor http://j.mp/7znuzr
- "Is Google's phone The One?" #tech #humor http://j.mp/7HC45I
JavaScript (1)
- "Simple PHP Proxy: JavaScript finally gets cross-domain!" by @cowboy #tech #php #javascript http://j.mp/6faxAT
jQuery (5)
- "Scrolling to the Top and Bottom with jQuery" by @Codrops #tech #jquery http://j.mp/5auhNq
- "Creating An Infinite Scroll Effect With jQuery And ColdFusion" by @bennadel #tech #coldfusion #jquery http://j.mp/4yq5dk
- "Default Form Values with jQuery" by @JimmyCuadra #tech #jquery http://j.mp/6sDZwC
- "New AutoSuggest jQuery Plugin" #tech #jquery http://j.mp/52xnyZ
- "jQuery Validation with Regular Expressions" by @9Lessons #tech #jquery http://j.mp/5FtuHl
Misc (2)
- "UI Automation tools snake oil?" by @JBogard #tech #misc http://j.mp/7kHUSF *Response to @ mfeathers
- "UI Test Automation Tools are Snake Oil" by @mfeathers #tech #misc http://j.mp/79C71g
Web Dev (3)
- "Clothesline Social Bookmarks - A CSS-only Social Bookmarking Tutorial" by @Codrops #tech #webdev http://j.mp/8ib9kw
- "Most Essential Best Practices to Improve and Optimize Your Markup and CSS" #tech #webdev http://j.mp/70Aex3
- "Zero-to-Sixty: Creating and Deploying a Rails App in Under an Hour" by @Nettuts #tech #rails #webdev http://j.mp/7ew2xC

Tech Tweets for 31-Dec-2009

elijahmanor — Thu, 31 Dec 2009 22:54:31 +0400

The following are a list of the technical tweets that I posted on Twitter yesterday.

If you are interested in keeping track of my technical tweets, then here a several ways you can enjoy them...

Add a RSS feed to this blog and wait for the daily tech tweet post (as well as my other posts).
Follow me on Twitter and get all of my technical and personal tweets. Note: I tend to tweet a lot :)
In addition to posting on Twitter, I also programmatically publish my tech tweets to delicious on a daily basis.
And you can always just check out the tech tweet category on this blog for past Tech Tweets posts.

.NET (2)
- "Extreme ASP.NET: Looking Ahead to ASP.NET 4.0" by @odetocode #tech #dotnet http://j.mp/4HLS9W
- "Using AutoMapper's Custom Formatters" #tech #dotnet http://j.mp/6PnqBT
ASP.NET MVC (3)
- "Why MVC Turbine?" by @@jglozano #tech #aspnetmvc http://j.mp/6TRABd
- ".NET 4.0 Dynamic with ASP.NET MVC" #tech #aspnetmvc http://j.mp/5iAbWK
- "ReSharper 5.0 has awesome ASP.NET MVC support" by @JeffreyPalermo #tech #aspnetmvc http://j.mp/71eUOK *And look at 1st comment
JavaScript (2)
- "Unpack packed Javascript code" #tech #javascript http://j.mp/5DrcCi
- "Self executing recursive javascript functions" #tech #javascript http://j.mp/5RLbYu
jQuery (4)
- "@Nettuts: Create an In-Place Editing System: One Step Further" by @lordtottuu #tech #php #jquery http://j.mp/8RECLr
- "Extending CSS with jQuery – A New Year’s Guide" by @addyosmani #tech #jquery http://j.mp/6JroAQ
- "jQuery IP address plugin" #tech #jquery http://j.mp/8rHybm
- "Popular-on-Twitter Widget: Topsy-enabled jQuery Plugin" by @Mike_More #tech #jquery http://j.mp/8Krpr5
Misc (3)
- "Scrum on a Page" by @dnetradio #tech #misc http://j.mp/8Kyk3x
- "Multi-Monitor Taskbars for Windows 7 - Ultramon vs. DisplayFusion" by @shanselman #tech #misc http://j.mp/6fONqF
- "Setting up Repository on Github & Pushing 1st Project on GitHub Using Git" by @AzamSharp #tech #misc http://j.mp/7RbFr3
Podcast (1)
- ".NET Rocks #512 - Huey & Wegner Migrate Us to SQL Azure" #tech #podcast http://j.mp/69K501
Web Dev (4)
- "Really Useful Tutorials You Should Have Read in December 2009" by @W3Avenue #tech #webdev http://j.mp/6ohHO0
- "One Page Résumé Site" by @ChrisCoyier #tech #webdev http://j.mp/5z6psI
- "Optimizing HTML" #tech #webdev http://j.mp/7duleC
- "How would you layout Wave?" by @Ajaxian #tech #webdev http://j.mp/6MeDo2

Tech Tweets for 30-Dec-2009

elijahmanor — Thu, 31 Dec 2009 00:09:02 +0400

The following are a list of the technical tweets that I posted on Twitter yesterday.

If you are interested in keeping track of my technical tweets, then here a several ways you can enjoy them...

Add a RSS feed to this blog and wait for the daily tech tweet post (as well as my other posts).
Follow me on Twitter and get all of my technical and personal tweets. Note: I tend to tweet a lot :)
In addition to posting on Twitter, I also programmatically publish my tech tweets to delicious on a daily basis.
And you can always just check out the tech tweet category on this blog for past Tech Tweets posts.

.NET (2)
- "AltNetConf email list is back!" by @JeffreyPalermo #tech #dotnet http://j.mp/8XD8ZD
- "AutoMapper – My favorite .Net OSS project of the year 2009" by @shijucv #tech #dotnet http://j.mp/82dR8C
ASP.NET MVC (6)
- "Introduction to ASP.NET MVC 2" by @simoncuce #tech #aspnetmvc http://j.mp/6E8301
- "AutoMapper - ASP.NET MVC" by @derans #tech #aspnetmvc http://j.mp/6gejhh
- "Dynamic types and ASP.NET MVC" by Hadi Hariri #tech #aspnetmvc http://j.mp/6jlH1G
- "Using BindAttribute In ASP.NET MVC To Exclude Bindable Data" by @MalcolmSheridan #tech #aspnetmvc http://j.mp/8KvmoB
- "Multiple ModelMetadata Provider support added to ASP.NET MVC Extensibility" by @manzurrashid #tech #aspnetmvc http://j.mp/55jPEZ
- "ASP.NET MVC 2 and why Dynamic Area is not supported" by @manzurrashid #tech #aspnetmvc http://j.mp/7Be79e
JavaScript (2)
- "Converting an RGB Color To Hex With JavaScript" by @haacked #tech #javascript http://j.mp/5WQ0Pv
- "JavaScript from Null: Chapter 4" by @Nettuts #tech #javascript http://j.mp/5zCeMz
jQuery (6)
- "How To Make A Dynamic jQuery Feature Post Slider For Wordpress" #tech #jquery http://j.mp/8uxkzu
- "Happy New Year... jQuery UI 1.8a2 Released" #tech #jquery http://j.mp/5UGoA2
- "Diving deep into Google Analytics, Event Tracking, and jQuery" by @briancray #tech #jquery http://j.mp/6p3oZl
- "Ask Ben: Using jQuery To Act On A Click Event Based On The Target Element" by @bennadel #tech #jquery http://j.mp/823ylf
- "How to Create a 3D Tag Cloud in jQuery" by @devirtuoso #tech #jquery http://j.mp/6VMCcE
- "Testing, Performance Analysis, and jQuery 1.4" by @Nettuts #tech #jquery http://j.mp/7Pimhz
Web Dev (4)
- "How Websites Can Track You With Cookies Even If You’ve Disabled Them" #tech #webdev http://j.mp/6d5P3r
- "Do Complex User Interface Modules Necessitate Complex CSS?" by @bennadel #tech #webdev http://j.mp/7EkbL9
- "Facebook Style Wall Post Script with Expanding URLs" by @9Lessons #tech #webdev http://j.mp/86u7hJ
- "Creating a Time Saving CSS Template" by @angbowen #tech #webdev http://j.mp/6mkHsb

Tech Tweets for 29-Dec-2009

elijahmanor — Tue, 29 Dec 2009 22:43:11 +0400

The following are a list of the technical tweets that I posted on Twitter yesterday.

If you are interested in keeping track of my technical tweets, then here a several ways you can enjoy them...

Add a RSS feed to this blog and wait for the daily tech tweet post (as well as my other posts).
Follow me on Twitter and get all of my technical and personal tweets. Note: I tend to tweet a lot :)
In addition to posting on Twitter, I also programmatically publish my tech tweets to delicious on a daily basis.
And you can always just check out the tech tweet category on this blog for past Tech Tweets posts.

.NET (1)
- "Json.NET 3.5 Release 6 - Binary JSON (BSON) support" #tech #dotnet http://j.mp/8CcjsM
ASP.NET MVC (5)
- "DimeCasts.Net #156 - Learning how to use Named Content Areas w/ Spark" #tech #aspnetmvc http://j.mp/6UKMxZ
- "Building A Web App - Slide Show Area" by @rcravens #tech #aspnetmvc http://j.mp/8eloPb
- "An intuitive Dictionary Model Binder for ASP.NET MVC" #tech #aspnetmvc http://j.mp/5xP78O
- "ASP.NET MVC Exception Handling with jQuery" by @erikzaadi #tech #aspnetmvc http://j.mp/4ybtDJ
- "US State DropDownList with ASP.NET MVC FluentHtml" by @derans #tech #aspnetmvc http://j.mp/56gvf4
JavaScript (2)
- "@Ajaxian: CoffeeScript: A nice little language that compiles to JavaScript" #tech #javascript http://j.mp/5q4EGb
- "Javascript Array Methods: Unshift(), Shift(), Push(), And Pop()" by @bennadel #tech #javascript http://j.mp/51lW39
jQuery (6)
- "Embedding HTML from jQuery AJAX Call Into Your Page" #tech #jquery http://j.mp/6hxGsI
- "SharePoint and jQuery for the Common Man: Resources" #tech #sharepoint #jquery http://j.mp/6S1tjC
- "Impossibly simple image randomizer with jQuery" by @briancray #tech #jquery http://j.mp/7qxn7o
- "A Colorful Clock With CSS & jQuery" by @Tutorialzine #tech #jquery http://j.mp/4wnVe2
- "yayQuery Podcast #7: Jingle All The Yay" by @yayQuery #tech #jquery http://j.mp/5S6Px6
- "How To Play with Google Maps and Twitter API" by @woork #tech #jquery http://j.mp/5kn0hs
Misc (2)
- "Backupify Automatically Creates Backups Of Your Online Belongings" #tech #misc http://j.mp/6kgv3j
- "iPhone and Android Development - NOT STARTING A FLAME WAR!!!!" by @fallenrogue #tech #misc http://j.mp/6OtLDs
Podcast (1)
- ".NET Rocks #511 - Scott Hunter Tours Us Through ASP.NET 4.0" #tech #podcast http://j.mp/4tDJ9n
Web Dev (1)
- "Performance Advent Calendar 2009" by @stoyanstefanov #tech #webdev http://j.mp/90DwMk

Embedding HTML from jQuery AJAX Call Into Your Page

elijahmanor — Tue, 29 Dec 2009 07:49:06 +0400

I got an interesting Twitter question the other day and thought I would blog about it to help anyone who has a similar situation.

Question

Hey buddy! How can I do a simple thing as loading a page into a div using Ajax and on the loaded page, execute a simple task as executing a javascript with an alert box?!? The page is loaded but the javascript just doesn't run! If I access the page direct directly, the alert pops out ok! --@montedesucata

Scenario 1

My initial thoughts were that he was trying to put an entire HTML document (pulled back from an AJAX call) inside another HTML document (the document that made the AJAX call). You can't do that because then you’d have two html elements, two head elements, two body elements, etc... in one document. So, my first example was to put the contents into an iFrame.

Note: You can also, strip out the body content of the returned full HTML document and inject that into your current document, but then you might not have the correct scripts or css files that were included in the head element (or wherever you put those).

<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>Load Full HTML Document via AJAX into iFrame</title>
   <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
   <style>
      .dynamicIframe { 
         display: none; width: 100%; border: none 1px black; 
      }
   </style>   
   <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
   <script type="text/javascript">
   $(function() {
      $('#load').click(function() {
         $.ajax({
            type: "GET",
            url: "FullTestHtmlWithAlert.html", 
            dataType: "html",
            success: function(html) {
               $("#dynamicContent")
                  .contents().find("body")
                  .html(html).end().end()
                  .fadeIn('slow');               
            }
         });
         return false;
      });
   });
   </script>   
</head>
<body>
   <h3>Load Full HTML Document via AJAX into iFrame</h3>
   <button id="load">Load</button><br/>
   <iframe id="dynamicContent" class="dynamicIframe"></iframe><br/>
</body>
</html>

The contents of the FullTestHtmlWithAlert.html are below…

<!-- FullTestPageWithAlert.html -->
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>Load Full HTML Document via AJAX into iFrame</title>
   <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
   <script type="text/javascript">
      alert('Hello World!');
   </script>
</head>
<body>
   <h3>Hello World From Full Html Document</h3>
</body>
</html>

The following is a screenshot of the results after clicking the Load button.

Feel free to Demo the above code below...

Scenario 2

The other scenario is that the HTML from the AJAX call is a partial document, meaning that it doesn’t include html, head, body, etc… tags and is just content that might be found in a body tag. This is a simpler case and the results can easily be injected into another DOM element in the document.

<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>Load Full HTML Document via AJAX into iFrame</title>
   <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
   <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
   <script type="text/javascript">
   $(function() {
      $('#load').click(function() {
         $.ajax({
            type: "GET",
            url: "PartialTestHtmlWithAlert.html", 
            dataType: "html",
            success: function(html) {
               $('#dynamicContent').html(html)
                  .fadeIn('slow');
            }
         });
         return false;
      });      
   });
   </script>   
</head>
<body>
   <h3>Load Parital HTML Document via AJAX into Div</h3>
   <button id="load">Load</button><br/>
   <div id="dynamicContent" style="display: none;"></div>
</body>
</html>

The contents of the PartialTestHtmlWithAlert.html are below…

<!-- PartialTestPageWithAlert.html -->
<script type="text/javascript">
alert('Hello World!');
</script>
<table>
    <tr>
        <td>1</td>
        <td>2</td>
    </tr>
    <tr>
        <td>a</td>
        <td>b</td>
    </tr>
</table>

The following is a screenshot of the results after clicking the Load button.

Feel free to Demo the above code below...

Tech Tweets for 28-Dec-2009

elijahmanor — Tue, 29 Dec 2009 00:37:59 +0400

The following are a list of the technical tweets that I posted on Twitter yesterday.

If you are interested in keeping track of my technical tweets, then here a several ways you can enjoy them...

Add a RSS feed to this blog and wait for the daily tech tweet post (as well as my other posts).
Follow me on Twitter and get all of my technical and personal tweets. Note: I tend to tweet a lot :)
In addition to posting on Twitter, I also programmatically publish my tech tweets to delicious on a daily basis.
And you can always just check out the tech tweet category on this blog for past Tech Tweets posts.

.NET (3)
- "Introducing MarkdownSharp" by @CodingHorror #tech #dotnet http://j.mp/4Zlqfu
- "ASP.NET 4, Visual Studio 2010, & .NET Framework 4 Training Course" by @ch9 #tech #dotnet http://j.mp/919Pqe
- "Thoughts on EF vs. NHibernate Redux" by @RobConery #tech #dotnet http://j.mp/8lyU4G
ASP.NET (1)
- "Having a nested Configuration Section in web.config" by @mstum #tech #aspnet http://j.mp/7XPk8l
ASP.NET MVC (6)
- Using @subdigital's Fluent Route Testing in ASP.NET MVC #tech #aspnetmvc http://j.mp/5k7WnE *Very nice ;) Thnx!
- "(Free) Training Videos from the Last Year" by @EHexter #tech #aspnetmvc http://j.mp/7lkEmY
- "ASP.NET MVC in Delphi Prism - Introduction" by @isenthil #tech #aspnetmvc http://j.mp/5J6LFh
- "Exposing the View Model to JavaScript in ASP.NET MVC" #tech #aspnetmvc http://j.mp/5bFAqb
- "More on Fluent MetadataProvider for ASP.NET MVC" by @manzurrashid #tech #aspnetmvc http://j.mp/4Umb5C
- "Introducing Fluent MetadataProvider for ASP.NET MVC" by @manzurrashid #tech #aspnetmvc http://j.mp/5l6LqE
jQuery (6)
- "Ask Ben: Showing Related Form Fields Based On A Given Selection" by @bennadel #tech #jquery http://j.mp/7sDKTm
- "jQuery Hide/Close Link" by @haacked #tech #jquery http://j.mp/7IFxQw
- "Guided Tour: jQuery - Guard and Default Operators" by @SergioPereira #tech #jquery http://j.mp/4zQO4G
- "jQuery getObject plugin v1.1" by @cowboy #tech #jquery http://j.mp/4wGU5X
- "Macros in jQuery" by @jamespadolsey #tech #jquery http://j.mp/6UGp4S
- "Click and Increase the Size of an Image using jQuery" by @SuprotimAgarwal #tech #jquery http://j.mp/4T7Pup
Podcast (1)
- ".NET Rocks #510 - Scott Stanfield: Silverlight Rock Star!" #tech #podcast http://j.mp/626uxI