tag:blogger.com,1999:blog-1528583828737028022024-03-13T19:46:48.376-07:00Rahul KumarUnknownnoreply@blogger.comBlogger29125tag:blogger.com,1999:blog-152858382873702802.post-69889902752328357822013-04-19T00:53:00.001-07:002013-04-19T00:53:13.822-07:00How to use with Cookies in Javascript.<br />
function createCookie(name,value,days) {<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>if (days) {<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>var date = new Date();<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>date.setTime(date.getTime()+(days*24*60*60*1000));<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>var expires = "; expires="+date.toGMTString();<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>}<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>else var expires = "";<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>document.cookie = name+"="+value+expires+"; path=/";<br />
}<br />
<br />
function readCookie(name) {<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>var nameEQ = name + "=";<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>var ca = document.cookie.split(';');<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>for(var i=0;i < ca.length;i++) {<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>var c = ca[i];<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>while (c.charAt(0)==' ') c = c.substring(1,c.length);<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>}<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>return null;<br />
}<br />
<br />
function eraseCookie(name) {<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>createCookie(name,"",-1);<br />
}<br />
<br />
createCookie("username","rkumar670","30");<br />
var val = readCookie("username");<br />
output = rkumar670<br />
<br />
<br />
eraseCookie('rkumar670');<br />
<br />
<br />
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-152858382873702802.post-44369722201054714072013-04-10T00:43:00.003-07:002013-04-10T00:43:31.343-07:00LocalStorage <br />
<span style="font-family: Verdana, sans-serif; font-size: x-small;">LocalStorage works mostly as you expect it; it’s a simple key-value-store with a finite amount of storage, and once you hit that you get an exception. But we got a really wierd bug report from a user where he would browse to another site, and come back to the application to find that all of his settings and data were gone.</span><br />
<span style="font-family: Verdana, sans-serif; font-size: x-small;"><br /></span>
<span style="font-family: Verdana, sans-serif; font-size: x-small;">Turns out that under some circumstances, Android doesn’t load the localStorage data when you hit the back button. I’m guessing it has something to do with the fact that Android doesn’t always reload the page when you go back, it loads it from the browser cache (not the application cache) instead.</span><br />
<span style="font-family: Verdana, sans-serif; font-size: x-small;"><br /></span>
<span style="font-family: Verdana, sans-serif; font-size: x-small;">So to get around this Android bug, we set a persistent value in localStorage which we use as a check to see if localStorage is correctly loaded.</span><br />
<span style="font-family: Verdana, sans-serif; font-size: x-small;"><br /></span>
<span style="font-family: Verdana, sans-serif; font-size: x-small;"><br /></span>
<span style="background-color: yellow; font-family: Verdana, sans-serif; font-size: x-small;">var check = "1234567890"</span><br />
<span style="background-color: yellow; font-family: Verdana, sans-serif; font-size: x-small;">localStorage.setItem("android_check", check);</span><br />
<span style="background-color: yellow; font-family: Verdana, sans-serif; font-size: x-small;"><br /></span>
<span style="background-color: yellow; font-family: Verdana, sans-serif; font-size: x-small;">and when we want to fetch something from localStorage, we do:</span><br />
<span style="background-color: yellow; font-family: Verdana, sans-serif; font-size: x-small;"><br /></span>
<span style="background-color: yellow; font-family: Verdana, sans-serif; font-size: x-small;">var hasItem = function() {</span><br />
<span style="background-color: yellow; font-family: Verdana, sans-serif; font-size: x-small;"> return (typeof localStorage[key] != "undefined" && localStorage[key] !== null);</span><br />
<span style="background-color: yellow; font-family: Verdana, sans-serif; font-size: x-small;">}</span><br />
<span style="background-color: yellow; font-family: Verdana, sans-serif; font-size: x-small;"><br /></span>
<span style="background-color: yellow; font-family: Verdana, sans-serif; font-size: x-small;"><br /></span>
<span style="background-color: yellow; font-family: Verdana, sans-serif; font-size: x-small;">var getItem = function(key, def) {</span><br />
<span style="background-color: yellow; font-family: Verdana, sans-serif; font-size: x-small;"> if (!hasItem(key)) {</span><br />
<span style="background-color: yellow; font-family: Verdana, sans-serif; font-size: x-small;"> if (localStorage.getItem("android_check") !== check) {</span><br />
<span style="background-color: yellow; font-family: Verdana, sans-serif; font-size: x-small;"> // Reload the page so Android reloads localStorage</span><br />
<span style="background-color: yellow; font-family: Verdana, sans-serif; font-size: x-small;"> window.location.reload();</span><br />
<span style="background-color: yellow; font-family: Verdana, sans-serif; font-size: x-small;"> }</span><br />
<span style="background-color: yellow; font-family: Verdana, sans-serif; font-size: x-small;"> return def;</span><br />
<span style="background-color: yellow; font-family: Verdana, sans-serif; font-size: x-small;"> }</span><br />
<span style="background-color: yellow; font-family: Verdana, sans-serif; font-size: x-small;"> return localStorage.getItem(key);</span><br />
<span style="background-color: yellow; font-family: Verdana, sans-serif; font-size: x-small;">}</span><br />
<div>
<br /></div>
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-152858382873702802.post-31773091624623893462013-03-16T03:10:00.000-07:002013-03-16T03:10:26.059-07:00Gmail Tip: Mark All Unread Mail as ReadI Have thousand of unread mails. it is time consuming to make all mails to read.<br />
<b>1.</b>Go to your Settings/Filters page and create a new filter.<br />
2. In the Has the words field enter “is:unread” (without quotes), and click the Next Step button<br />
3.You’ll get a message warning you that this type of filter won’t be applied to new mail, but that’s OK. Click OK to continue.<br />
4.Check the boxes next to Mark as read and Also apply filter to … conversations below.<br />
5.Click Create Filter button, and you’re done. You might want to should delete the filter once you finish since it won’t be needing it anymore.Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-152858382873702802.post-9464863613262772052013-03-16T03:07:00.002-07:002013-03-16T03:10:15.826-07:00PhoneGap Android XhrFileReader<span class="Apple-style-span" style="color: #222222; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 15px; line-height: 21px;">This post is copy from the simon macdonst blog this help me a lot in my one of the app.</span><br />
<span class="Apple-style-span" style="color: #222222; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 15px; line-height: 21px;"><br /></span>
<span class="Apple-style-span" style="color: #222222; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 15px; line-height: 21px;">The FileReader API works great as long as the file you want to read is on the device's file system. However if you want to read a file you've packed in the Android assets folder you would need to use XHR to read the file. I'm providing an interface that follows the same API as the regular FileReader. Of course the</span><span class="Apple-style-span" style="color: #222222; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 15px; line-height: 21px;"> </span><span class="Apple-style-span" style="color: #222222; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 15px; line-height: 21px;"><a href="https://github.com/macdonst/XhrFileReader" style="color: #00997f; text-decoration: none;">XhrFileReader</a></span><span class="Apple-style-span" style="color: #222222; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 15px; line-height: 21px;"> </span><span class="Apple-style-span" style="color: #222222; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 15px; line-height: 21px;">is not limited to only reading files from the assets folder, it can also read files from the file system and over HTTP.</span><span class="Apple-style-span" style="color: #222222; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 15px; line-height: 21px;"><br /></span><span class="Apple-style-span" style="color: #222222; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 15px; line-height: 21px;"><br /></span><span class="Apple-style-span" style="color: #222222; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 15px; line-height: 21px;"><b>Adding the plugin to your project </b></span><span class="Apple-style-span" style="color: #222222; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 15px; line-height: 21px;"><br /></span><span class="Apple-style-span" style="color: #222222; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 15px; line-height: 21px;"><br /></span><span class="Apple-style-span" style="color: #222222; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 15px; line-height: 21px;">To install the plugin, move XhrFileReader.js to your project's www folder and include a reference to it in your html files.</span><span class="Apple-style-span" style="color: #222222; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 15px; line-height: 21px;"><br /></span><span class="Apple-style-span" style="color: #222222; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 15px; line-height: 21px;"><br /></span><span class="Apple-style-span" style="color: #222222; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 15px; line-height: 21px;"><b>Using the plugin </b></span><span class="Apple-style-span" style="color: #222222; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 15px; line-height: 21px;"><br /></span><span class="Apple-style-span" style="color: #222222; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 15px; line-height: 21px;"><br /></span><span class="Apple-style-span" style="color: #222222; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 15px; line-height: 21px;">To instantiate a new reader use the folling code:</span><span class="Apple-style-span" style="color: #222222; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 15px; line-height: 21px;"><br /></span><br />
<blockquote class="tr_bq" style="color: #222222; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 15px; line-height: 21px;">
var reader = cordova.require("cordova/plugin/xhrfilereader"); </blockquote>
<span class="Apple-style-span" style="color: #222222; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 15px; line-height: 21px;">Setup your event handlers:</span><span class="Apple-style-span" style="color: #222222; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 15px; line-height: 21px;"><br /></span><br />
<blockquote class="tr_bq" style="color: #222222; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 15px; line-height: 21px;">
// called once the reader begins<br />
reader.onloadstart = function() {<br />
console.log("load start");<br />
};<br />
// called when the file has been completely read<br />
reader.onloadend = function(evt) {<br />
console.log("File read");<br />
console.log(evt.target.result);<br />
}; </blockquote>
<span class="Apple-style-span" style="color: #222222; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 15px; line-height: 21px;">Unfortunately, you will only get an error on files read over HTTP. When you specify a file:// path the request status is always 0. There is no way to tell between a successful read or an error. So if you specify a file that does not exist like "file:///does.not.exist.txt" you will get an empty evt.target.result in your onloadend handler.</span><span class="Apple-style-span" style="color: #222222; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 15px; line-height: 21px;"><br /></span><br />
<blockquote class="tr_bq" style="color: #222222; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 15px; line-height: 21px;">
// called if the reader encounters an error<br />
reader.onerror = function(error) {<br />
console.log("Error: " + error.code);<br />
}; </blockquote>
<span class="Apple-style-span" style="color: #222222; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 15px; line-height: 21px;">Progress events are fired but are not very useful as they don't contain partial results.</span><span class="Apple-style-span" style="color: #222222; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 15px; line-height: 21px;"><br /></span><br />
<blockquote class="tr_bq" style="color: #222222; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 15px; line-height: 21px;">
// called while the file is being read<br />
reader.onprogress = function(evt) {<br />
console.log("progress");<br />
}; </blockquote>
<span class="Apple-style-span" style="color: #222222; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 15px; line-height: 21px;">Finally call your read method, for instance:</span><span class="Apple-style-span" style="color: #222222; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 15px; line-height: 21px;"><br /></span><br />
<blockquote class="tr_bq" style="color: #222222; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 15px; line-height: 21px;">
reader.readAsText("http://www.google.com"); reader.readAsText("file:///android_asset/www/config.json"); reader.readAsText("file:///sdcard/error.log");</blockquote>
<span class="Apple-style-span" style="color: #222222; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 15px; line-height: 21px;">and that's about it. Obviously, this plugin is most useful when you need to read a text file from the assets folder.</span><br />
<span class="Apple-style-span" style="color: #222222; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 15px; line-height: 21px;"><br /></span>
<span class="Apple-style-span" style="color: #222222; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif;"><span class="Apple-style-span" style="font-size: 15px; line-height: 21px;">Github: https://github.com/macdonst/XhrFileReader</span></span>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-152858382873702802.post-8378775118122107412013-03-16T03:03:00.002-07:002013-03-16T03:08:36.865-07:00How can I add older version of iOS SDK in Xcode<span class="Apple-style-span" style="border-collapse: collapse; font-family: Arial, 'Liberation Sans', 'DejaVu Sans', sans-serif; font-size: 14px; line-height: 18px;"></span><br />
<div style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; clear: both; margin-bottom: 1em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline; word-wrap: break-word;">
I create a Iphone app is working fine in the iOS 5.1 sdk but now in iOS 6.1 sdk. Then i update my Xcode to 4.6.1 now what happen i sort out the app issue but when i am trying to submit the app was trying to build the ipa file it gave an error</div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; clear: both; font-size: 14px; margin-bottom: 1em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline; word-wrap: break-word;">
<span class="Apple-style-span" style="background-color: red;"><span class="Apple-style-span" style="color: white;">Apple Mach-o linker error</span></span></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; clear: both; font-size: 14px; margin-bottom: 1em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline; word-wrap: break-word;">
<span class="Apple-style-span" style="background-color: red;"><span class="Apple-style-span" style="color: white;"> <span class="Apple-style-span" style="font-family: Menlo; font-size: 11px;">linker command failed with exit code 1 (use -v to see invocation)</span></span></span></div>
<div style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; clear: both; font-size: 14px; margin-bottom: 1em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline; word-wrap: break-word;">
Here is my solution note.</div>
<ol style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 14px; list-style-image: initial; list-style-position: initial; list-style-type: decimal; margin-bottom: 1em; margin-left: 30px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">
<li style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 14px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline; word-wrap: break-word;">Download xcode_4.4.1_6938145.dmg in <a href="https://developer.apple.com/downloads/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #0077cc; cursor: pointer; font-size: 14px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;">https://developer.apple.com/downloads/</a></li>
<li style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 14px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline; word-wrap: break-word;">Load up the dmg file then go to Contents/Developer/Platforms/iPhoneOS.platform/Developer/SDKs/ you will find iPhoneOS5.1.sdk (this is what i want in this case).</li>
<li style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 14px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline; word-wrap: break-word;">Copy iPhoneOS5.1.sdk folder into your Xcode folder /Applications/Xcode/Contents/Developer/Platforms/iPhoneOS.platform/Developer/SDKs</li>
<li style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 14px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline; word-wrap: break-word;">Restart Xcode</li>
<li style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 14px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline; word-wrap: break-word;">Open Xcode project setting->build settings->base SDK, then you will see iOS 5.1 option.</li>
</ol>
<span class="Apple-style-span" style="border-collapse: collapse; font-family: Arial, 'Liberation Sans', 'DejaVu Sans', sans-serif; font-size: 14px; line-height: 18px;">You need to copy the iPhoneOS5.1.sdk to the directory</span><span class="Apple-style-span" style="border-collapse: collapse; font-family: Arial, 'Liberation Sans', 'DejaVu Sans', sans-serif; font-size: 14px; line-height: 18px;"></span><br />
<pre class="default prettyprint prettyprinted" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: Consolas, Menlo, Monaco, 'Lucida Console', 'Liberation Mono', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Courier New', monospace, serif; font-size: 14px; margin-bottom: 10px; margin-left: 0px; margin-right: 0px; margin-top: 0px; max-height: 600px; overflow-x: auto; overflow-y: auto; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px; vertical-align: baseline; width: auto;"><span class="Apple-style-span" style="border-collapse: collapse; font-family: Arial, 'Liberation Sans', 'DejaVu Sans', sans-serif; font-size: 14px; line-height: 18px;"><code style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: Consolas, Menlo, Monaco, 'Lucida Console', 'Liberation Mono', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Courier New', monospace, serif; font-size: 14px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><span class="str" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: maroon; font-size: 14px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">/Applications/</span><span class="typ" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #2b91af; font-size: 14px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">Xcode</span><span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: black; font-size: 14px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">.</span><span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: black; font-size: 14px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">app</span><span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: black; font-size: 14px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">/</span><span class="typ" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #2b91af; font-size: 14px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">Contents</span><span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: black; font-size: 14px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">/</span><span class="typ" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #2b91af; font-size: 14px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">Developer</span><span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: black; font-size: 14px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">/</span><span class="typ" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #2b91af; font-size: 14px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">Platforms</span><span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: black; font-size: 14px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">/</span><span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: black; font-size: 14px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">iPhoneOS</span><span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: black; font-size: 14px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">.</span><span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: black; font-size: 14px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">platform</span><span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: black; font-size: 14px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">/</span><span class="typ" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #2b91af; font-size: 14px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">Developer</span><span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: black; font-size: 14px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">/</span><span class="typ" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #2b91af; font-size: 14px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">SDKs</span><span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: black; font-size: 14px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">/</span><span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: black; font-size: 14px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">iPhoneOS5</span><span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: black; font-size: 14px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">.</span><span class="lit" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: maroon; font-size: 14px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">1.sdk</span></code></span></pre>
<span class="Apple-style-span" style="border-collapse: collapse; font-family: Arial, 'Liberation Sans', 'DejaVu Sans', sans-serif; font-size: 14px; line-height: 18px;">
</span><span class="Apple-style-span" style="border-collapse: collapse; font-family: Arial, 'Liberation Sans', 'DejaVu Sans', sans-serif; font-size: 14px; line-height: 18px;">and iPhoneSimulator5.1.sdk to</span><br />
<span class="Apple-style-span" style="border-collapse: collapse; font-family: Arial, 'Liberation Sans', 'DejaVu Sans', sans-serif; font-size: 14px; line-height: 18px;"><br /></span>
<span class="Apple-style-span" style="border-collapse: collapse; font-family: Arial, 'Liberation Sans', 'DejaVu Sans', sans-serif; font-size: 14px; line-height: 18px;"></span><br />
<pre class="default prettyprint prettyprinted" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: Consolas, Menlo, Monaco, 'Lucida Console', 'Liberation Mono', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Courier New', monospace, serif; font-size: 14px; margin-bottom: 10px; margin-left: 0px; margin-right: 0px; margin-top: 0px; max-height: 600px; overflow-x: auto; overflow-y: auto; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px; vertical-align: baseline; width: auto;"><code style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: Consolas, Menlo, Monaco, 'Lucida Console', 'Liberation Mono', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Courier New', monospace, serif; font-size: 14px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><span class="str" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: maroon; font-size: 14px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">/Applications/</span><span class="typ" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #2b91af; font-size: 14px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">Xcode</span><span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: black; font-size: 14px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">.</span><span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: black; font-size: 14px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">app</span><span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: black; font-size: 14px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">/</span><span class="typ" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #2b91af; font-size: 14px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">Contents</span><span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: black; font-size: 14px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">/</span><span class="typ" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #2b91af; font-size: 14px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">Developer</span><span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: black; font-size: 14px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">/</span><span class="typ" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #2b91af; font-size: 14px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">Platforms</span><span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: black; font-size: 14px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">/</span><span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: black; font-size: 14px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">iPhoneSimulator</span><span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: black; font-size: 14px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">.</span><span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: black; font-size: 14px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">platform</span><span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: black; font-size: 14px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">/</span><span class="typ" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #2b91af; font-size: 14px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">Developer</span><span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: black; font-size: 14px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">/</span><span class="typ" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #2b91af; font-size: 14px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">SDKs</span><span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: black; font-size: 14px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">/</span><span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: black; font-size: 14px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">iPhoneSimulator5</span><span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: black; font-size: 14px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">.</span><span class="lit" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: maroon; font-size: 14px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">1.sdk</span></code></pre>
<pre class="default prettyprint prettyprinted" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: Consolas, Menlo, Monaco, 'Lucida Console', 'Liberation Mono', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Courier New', monospace, serif; font-size: 14px; margin-bottom: 10px; margin-left: 0px; margin-right: 0px; margin-top: 0px; max-height: 600px; overflow-x: auto; overflow-y: auto; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px; vertical-align: baseline; width: auto;"><code style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: Consolas, Menlo, Monaco, 'Lucida Console', 'Liberation Mono', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Courier New', monospace, serif; font-size: 14px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><span class="lit" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: maroon; font-size: 14px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">Now restart your Xcode change the iOS to 6.1 to 5.1 THen it will compile the app into your iPhone. if it is helpful then post a comment below.</span></code></pre>
<pre class="default prettyprint prettyprinted" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: Consolas, Menlo, Monaco, 'Lucida Console', 'Liberation Mono', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Courier New', monospace, serif; font-size: 14px; margin-bottom: 10px; margin-left: 0px; margin-right: 0px; margin-top: 0px; max-height: 600px; overflow-x: auto; overflow-y: auto; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px; vertical-align: baseline; width: auto;"><code style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: Consolas, Menlo, Monaco, 'Lucida Console', 'Liberation Mono', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Courier New', monospace, serif; font-size: 14px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><span class="lit" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: maroon; font-size: 14px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">
</span></code></pre>
<pre class="default prettyprint prettyprinted" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: Consolas, Menlo, Monaco, 'Lucida Console', 'Liberation Mono', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Courier New', monospace, serif; font-size: 14px; margin-bottom: 10px; margin-left: 0px; margin-right: 0px; margin-top: 0px; max-height: 600px; overflow-x: auto; overflow-y: auto; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px; vertical-align: baseline; width: auto;"><code style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: Consolas, Menlo, Monaco, 'Lucida Console', 'Liberation Mono', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Courier New', monospace, serif; font-size: 14px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><span class="lit" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: maroon; font-size: 14px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">
</span></code></pre>
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-152858382873702802.post-50419951192678692272012-07-23T22:07:00.003-07:002012-07-23T22:09:31.661-07:00what is the shortcut key in eclipse? ( Eclipse Shortcuts)<br />
<div class="MsoNormal" style="background-color: #4a6d8c; background-position: initial initial; background-repeat: initial initial; margin: 12pt 0in 9.6pt;">
</div>
<div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; margin: 12pt 0in 9.6pt;">
<b><span style="font-family: Verdana, sans-serif; font-size: 13.5pt;">Essential
Shortcuts<o:p></o:p></span></b></div>
<div class="MsoNormal" style="background: white; line-height: 11.25pt; margin-bottom: 12.0pt; margin-left: 0in; margin-right: 0in; margin-top: 6.0pt;">
<span style="font-family: Verdana, sans-serif; font-size: 10pt;">The list of shortcuts in
Eclipse is fairly long yet readily available. In fact starting with Eclipse 3.1
the full list of shortcuts can be displayed from anywhere via Ctrl+Shift+L.
Nevertheless, call it information fatigue or simply a matter of style, deserving
shortcuts frequently remain overlooked.<o:p></o:p></span></div>
<div class="MsoNormal" style="background: white; line-height: 11.25pt; margin-bottom: 12.0pt; margin-left: 0in; margin-right: 0in; margin-top: 6.0pt;">
<span style="font-family: Verdana, sans-serif; font-size: 10pt;">Below is a list of those
shortcuts I find essential. What I mean by that is if you don't use them then
you probably need additional time to execute essential everyday tasks and are
not very comfortable navigating around.<o:p></o:p></span></div>
<div class="MsoNormal" style="background: white; line-height: 11.25pt; margin-bottom: 12.0pt; margin-left: 0in; margin-right: 0in; margin-top: 6.0pt;">
<span style="font-family: Verdana, sans-serif; font-size: 10pt;">So without further ado here
is the list:</span><span style="font-family: Verdana, sans-serif; font-size: 10pt;"> </span><span style="font-family: Verdana, sans-serif; font-size: 10pt;"><o:p></o:p></span></div>
<table border="1" cellpadding="0" cellspacing="1" class="MsoNormalTable" style="background-color: #7099c5; background-position: initial initial; background-repeat: initial initial; border: 1pt solid windowtext; margin-left: 1.2pt; width: 601px;">
<tbody>
<tr>
<td style="background: #F0F0FF; border: none; padding: 0in 0in 0in 0in;" valign="top">
<div class="MsoNormal" style="margin: 6pt 0in;">
<span style="font-family: Verdana, sans-serif; font-size: 10pt;">Ctrl+Shift+T<o:p></o:p></span></div>
</td>
<td style="background: #F0F0FF; border: none; padding: 0in 0in 0in 0in;" valign="top">
<div class="MsoNormal" style="margin: 6pt 0in;">
<span style="font-family: Verdana, sans-serif; font-size: 10pt;">Find Java Type<o:p></o:p></span></div>
</td>
<td style="background: #F0F0FF; border: none; padding: 0in 0in 0in 0in; width: 297.65pt;" valign="top" width="397">
<div class="MsoNormal" style="margin: 6pt 0in;">
<span style="font-family: Verdana, sans-serif; font-size: 10pt;">Start typing the name and
the list gets smaller. Try typing the capital letters of the class only (e.g.
type "CME" to find "ConcurrentModificationException")<o:p></o:p></span></div>
</td>
</tr>
<tr>
<td style="background: #F0F0FF; border: none; padding: 0in 0in 0in 0in;" valign="top">
<div class="MsoNormal" style="margin: 6pt 0in;">
<span style="font-family: Verdana, sans-serif; font-size: 10pt;">Ctrl+Shift+R<o:p></o:p></span></div>
</td>
<td style="background: #F0F0FF; border: none; padding: 0in 0in 0in 0in;" valign="top">
<div class="MsoNormal" style="margin: 6pt 0in;">
<span style="font-family: Verdana, sans-serif; font-size: 10pt;">Find Resource<o:p></o:p></span></div>
</td>
<td style="background: #F0F0FF; border: none; padding: 0in 0in 0in 0in; width: 297.65pt;" valign="top" width="397">
<div class="MsoNormal" style="margin: 6pt 0in;">
<span style="font-family: Verdana, sans-serif; font-size: 10pt;">Use this to look for XML
files, text files, or files of any other type. which are in your workspace.<o:p></o:p></span></div>
</td>
</tr>
<tr>
<td style="background: #F0F0FF; border: none; padding: 0in 0in 0in 0in;" valign="top">
<div class="MsoNormal" style="margin: 6pt 0in;">
<span style="font-family: Verdana, sans-serif; font-size: 10pt;">Ctrl+E<o:p></o:p></span></div>
</td>
<td style="background: #F0F0FF; border: none; padding: 0in 0in 0in 0in;" valign="top">
<div class="MsoNormal" style="margin: 6pt 0in;">
<span style="font-family: Verdana, sans-serif; font-size: 10pt;">Open Editor Drop-Down<o:p></o:p></span></div>
</td>
<td style="background: #F0F0FF; border: none; padding: 0in 0in 0in 0in; width: 297.65pt;" valign="top" width="397">
<div class="MsoNormal" style="margin: 6pt 0in;">
<span style="font-family: Verdana, sans-serif; font-size: 10pt;">Presents a popup window
listing currently opened files. Start typing to limit the list or simply use
the down arrow key.<o:p></o:p></span></div>
</td>
</tr>
<tr>
<td style="background: #F0F0FF; border: none; padding: 0in 0in 0in 0in;" valign="top">
<div class="MsoNormal" style="margin: 6pt 0in;">
<span style="font-family: Verdana, sans-serif; font-size: 10pt;">Ctrl+O<o:p></o:p></span></div>
</td>
<td style="background: #F0F0FF; border: none; padding: 0in 0in 0in 0in;" valign="top">
<div class="MsoNormal" style="margin: 6pt 0in;">
<span style="font-family: Verdana, sans-serif; font-size: 10pt;">Quick Outline<o:p></o:p></span></div>
</td>
<td style="background: #F0F0FF; border: none; padding: 0in 0in 0in 0in; width: 297.65pt;" valign="top" width="397">
<div class="MsoNormal" style="margin: 6pt 0in;">
<span style="font-family: Verdana, sans-serif; font-size: 10pt;">Use this to find a method
or a member variable in a class. Start typing to limit the choices. Press
Ctrl+O a second time to include inherited methods.<o:p></o:p></span></div>
</td>
</tr>
<tr>
<td style="background: #F0F0FF; border: none; padding: 0in 0in 0in 0in;" valign="top">
<div class="MsoNormal" style="margin: 6pt 0in;">
<span style="font-family: Verdana, sans-serif; font-size: 10pt;">Ctrl+Space<o:p></o:p></span></div>
</td>
<td style="background: #F0F0FF; border: none; padding: 0in 0in 0in 0in;" valign="top">
<div class="MsoNormal" style="margin: 6pt 0in;">
<span style="font-family: Verdana, sans-serif; font-size: 10pt;">Content Assist<o:p></o:p></span></div>
</td>
<td style="background: #F0F0FF; border: none; padding: 0in 0in 0in 0in; width: 297.65pt;" valign="top" width="397">
<div class="MsoNormal" style="margin: 6pt 0in;">
<span style="font-family: Verdana, sans-serif; font-size: 10pt;">Context sensitive content
completion suggestions while editing Java code.<o:p></o:p></span></div>
</td>
</tr>
<tr>
<td style="background: #F0F0FF; border: none; padding: 0in 0in 0in 0in;" valign="top">
<div class="MsoNormal" style="margin: 6pt 0in;">
<span style="font-family: Verdana, sans-serif; font-size: 10pt;">Ctrl+Shift+Space<o:p></o:p></span></div>
</td>
<td style="background: #F0F0FF; border: none; padding: 0in 0in 0in 0in;" valign="top">
<div class="MsoNormal" style="margin: 6pt 0in;">
<span style="font-family: Verdana, sans-serif; font-size: 10pt;">Context Information<o:p></o:p></span></div>
</td>
<td style="background: #F0F0FF; border: none; padding: 0in 0in 0in 0in; width: 297.65pt;" valign="top" width="397">
<div class="MsoNormal" style="margin: 6pt 0in;">
<span style="font-family: Verdana, sans-serif; font-size: 10pt;">If typing a method call
with several parameters use this to show the applicable parameter types. The
current parameter where the cursor is will be shown in bold.<o:p></o:p></span></div>
</td>
</tr>
<tr>
<td style="background: #F0F0FF; border: none; padding: 0in 0in 0in 0in;" valign="top">
<div class="MsoNormal" style="margin: 6pt 0in;">
<span style="font-family: Verdana, sans-serif; font-size: 10pt;">Ctrl+Shift+O<o:p></o:p></span></div>
</td>
<td style="background: #F0F0FF; border: none; padding: 0in 0in 0in 0in;" valign="top">
<div class="MsoNormal" style="margin: 6pt 0in;">
<span style="font-family: Verdana, sans-serif; font-size: 10pt;">Organize Imports<o:p></o:p></span></div>
</td>
<td style="background: #F0F0FF; border: none; padding: 0in 0in 0in 0in; width: 297.65pt;" valign="top" width="397">
<div class="MsoNormal" style="margin: 6pt 0in;">
<span style="font-family: Verdana, sans-serif; font-size: 10pt;">After typing a class name
use this shortcut to insert an import statement. This works if multiple class
names haven't been imported too.<o:p></o:p></span></div>
</td>
</tr>
<tr>
<td style="background: #F0F0FF; border: none; padding: 0in 0in 0in 0in;" valign="top">
<div class="MsoNormal" style="margin: 6pt 0in;">
<span style="font-family: Verdana, sans-serif; font-size: 10pt;">F3<o:p></o:p></span></div>
</td>
<td style="background: #F0F0FF; border: none; padding: 0in 0in 0in 0in;" valign="top">
<div class="MsoNormal" style="margin: 6pt 0in;">
<span style="font-family: Verdana, sans-serif; font-size: 10pt;">Open Declaration<o:p></o:p></span></div>
</td>
<td style="background: #F0F0FF; border: none; padding: 0in 0in 0in 0in; width: 297.65pt;" valign="top" width="397">
<div class="MsoNormal" style="margin: 6pt 0in;">
<span style="font-family: Verdana, sans-serif; font-size: 10pt;">Drills down to the
declaration of the type, method, or variable the cursor is on. This works
much like a browser hyperlink.<o:p></o:p></span></div>
</td>
</tr>
<tr>
<td style="background: #F0F0FF; border: none; padding: 0in 0in 0in 0in;" valign="top">
<div class="MsoNormal" style="margin: 6pt 0in;">
<span style="font-family: Verdana, sans-serif; font-size: 10pt;">Alt+Left<o:p></o:p></span></div>
</td>
<td style="background: #F0F0FF; border: none; padding: 0in 0in 0in 0in;" valign="top">
<div class="MsoNormal" style="margin: 6pt 0in;">
<span style="font-family: Verdana, sans-serif; font-size: 10pt;">Backward History<o:p></o:p></span></div>
</td>
<td style="background: #F0F0FF; border: none; padding: 0in 0in 0in 0in; width: 297.65pt;" valign="top" width="397">
<div class="MsoNormal" style="margin: 6pt 0in;">
<span style="font-family: Verdana, sans-serif; font-size: 10pt;">This works like a
browser's Back button.<o:p></o:p></span></div>
</td>
</tr>
<tr>
<td style="background: #F0F0FF; border: none; padding: 0in 0in 0in 0in;" valign="top">
<div class="MsoNormal" style="margin: 6pt 0in;">
<span style="font-family: Verdana, sans-serif; font-size: 10pt;">Alt+Right<o:p></o:p></span></div>
</td>
<td style="background: #F0F0FF; border: none; padding: 0in 0in 0in 0in;" valign="top">
<div class="MsoNormal" style="margin: 6pt 0in;">
<span style="font-family: Verdana, sans-serif; font-size: 10pt;">Forward History<o:p></o:p></span></div>
</td>
<td style="background: #F0F0FF; border: none; padding: 0in 0in 0in 0in; width: 297.65pt;" valign="top" width="397">
<div class="MsoNormal" style="margin: 6pt 0in;">
<span style="font-family: Verdana, sans-serif; font-size: 10pt;">This works like a
browser's Forward button<o:p></o:p></span></div>
</td>
</tr>
<tr>
<td style="background: #F0F0FF; border: none; padding: 0in 0in 0in 0in;" valign="top">
<div class="MsoNormal" style="margin: 6pt 0in;">
<span style="font-family: Verdana, sans-serif; font-size: 10pt;">Ctrl+L<o:p></o:p></span></div>
</td>
<td style="background: #F0F0FF; border: none; padding: 0in 0in 0in 0in;" valign="top">
<div class="MsoNormal" style="margin: 6pt 0in;">
<span style="font-family: Verdana, sans-serif; font-size: 10pt;">Go to Line<o:p></o:p></span></div>
</td>
<td style="background: #F0F0FF; border: none; padding: 0in 0in 0in 0in; width: 297.65pt;" valign="top" width="397">
<div class="MsoNormal" style="margin: 6pt 95.65pt 6pt 0in;">
<span style="font-family: Verdana, sans-serif; font-size: 10pt;">Go to a specific line
number.<o:p></o:p></span></div>
</td>
</tr>
<tr>
<td style="background: #F0F0FF; border: none; padding: 0in 0in 0in 0in;" valign="top">
<div class="MsoNormal" style="margin: 6pt 0in;">
<span style="font-family: Verdana, sans-serif; font-size: 10pt;">F4<o:p></o:p></span></div>
</td>
<td style="background: #F0F0FF; border: none; padding: 0in 0in 0in 0in;" valign="top">
<div class="MsoNormal" style="margin: 6pt 0in;">
<span style="font-family: Verdana, sans-serif; font-size: 10pt;">Open Type Hierarchy<o:p></o:p></span></div>
</td>
<td style="background: #F0F0FF; border: none; padding: 0in 0in 0in 0in; width: 297.65pt;" valign="top" width="397">
<div class="MsoNormal" style="margin: 6pt 0in;">
<span style="font-family: Verdana, sans-serif; font-size: 10pt;">Show the type hierarchy
(downward tree) or the supertype hierarchy (upward tree).<o:p></o:p></span></div>
</td>
</tr>
<tr>
<td style="background: #F0F0FF; border: none; padding: 0in 0in 0in 0in;" valign="top">
<div class="MsoNormal" style="margin: 6pt 0in;">
<span style="font-family: Verdana, sans-serif; font-size: 10pt;">Ctrl+Alt+H<o:p></o:p></span></div>
<div class="MsoNormal" style="margin: 6pt 0in;">
<br /></div>
<div class="MsoNormal" style="margin: 6pt 0in;">
<span style="font-family: Verdana, sans-serif; font-size: 10pt;">Ctrl+Shift+F<o:p></o:p></span></div>
</td>
<td style="background: #F0F0FF; border: none; padding: 0in 0in 0in 0in;" valign="top">
<div class="MsoNormal" style="margin: 6pt 0in;">
<span style="font-family: Verdana, sans-serif; font-size: 10pt;">Open Call Hierarchy<o:p></o:p></span></div>
</td>
<td style="background: #F0F0FF; border: none; padding: 0in 0in 0in 0in; width: 297.65pt;" valign="top" width="397">
<div class="MsoNormal" style="margin: 6pt 0in;">
<span style="font-family: Verdana, sans-serif; font-size: 10pt;">Show where a method is
called from. In the Call Hierarchy view keep expanding the tree to continue
tracing the call chain.<o:p></o:p></span></div>
<div class="MsoNormal" style="margin: 6pt 0in;">
<span style="font-family: Verdana, sans-serif; font-size: 10pt;">Auto align the code<o:p></o:p></span></div>
</td>
</tr>
<tr>
<td style="background: #F0F0FF; border: none; padding: 0in 0in 0in 0in;" valign="top">
<table align="left" border="0" cellpadding="0" cellspacing="1" class="MsoNormalTable" style="background-color: #7099c5; background-position: initial initial; background-repeat: initial initial; margin-left: 6.75pt; margin-right: 6.75pt; width: 624px;">
<tbody>
<tr>
<td style="background: #F0F0FF; padding: 0in 0in 0in 0in;" valign="top">
<div class="MsoNormal" style="margin: 6pt 0in;">
<span style="font-family: Verdana, sans-serif; font-size: 10pt;">Alt+Shift+Up<br />
Alt+Shift+Down<br />
Alt+Shift+Left<br />
Alt+Shift+Right<o:p></o:p></span></div>
</td>
<td style="background: #F0F0FF; padding: 0in 0in 0in 0in;" valign="top">
<div class="MsoNormal" style="margin: 6pt 0in;">
<span style="font-family: Verdana, sans-serif; font-size: 10pt;">Select Enclosing
Element<br />
Restore Last Selection<br />
Select Previous Element<br />
Select Next Element<o:p></o:p></span></div>
</td>
<td style="background: #F0F0FF; padding: 0in 0in 0in 0in; width: 302.8pt;" valign="top" width="404">
<div class="MsoNormal" style="margin: 6pt 0in;">
<span style="font-family: Verdana, sans-serif; font-size: 10pt;">Useful for selecting
context-sensitive blocks (e.g. surrounding loop, method, class, etc.)<o:p></o:p></span></div>
</td>
</tr>
<tr>
<td style="background: #F0F0FF; padding: 0in 0in 0in 0in;" valign="top">
<div class="MsoNormal" style="margin: 6pt 0in;">
<span style="font-family: Verdana, sans-serif; font-size: 10pt;">Ctrl+Up<br />
Ctrl+Down<o:p></o:p></span></div>
</td>
<td style="background: #F0F0FF; padding: 0in 0in 0in 0in;" valign="top">
<div class="MsoNormal" style="margin: 6pt 0in;">
<span style="font-family: Verdana, sans-serif; font-size: 10pt;">Scroll Line Up<br />
Scroll Line Down<o:p></o:p></span></div>
</td>
<td style="background: #F0F0FF; padding: 0in 0in 0in 0in; width: 302.8pt;" valign="top" width="404">
<div class="MsoNormal" style="margin: 6pt 0in;">
<span style="font-family: Verdana, sans-serif; font-size: 10pt;">Very handy if you want
to scroll by 1 line without changing your cursor position or using the
mouse.<o:p></o:p></span></div>
</td>
</tr>
<tr>
<td style="background: #F0F0FF; padding: 0in 0in 0in 0in;" valign="top">
<div class="MsoNormal" style="margin: 6pt 0in;">
<span style="font-family: Verdana, sans-serif; font-size: 10pt;">Ctrl+Shift+Up<br />
Ctrl+Shift+Down<o:p></o:p></span></div>
</td>
<td style="background: #F0F0FF; padding: 0in 0in 0in 0in;" valign="top">
<div class="MsoNormal" style="margin: 6pt 0in;">
<span style="font-family: Verdana, sans-serif; font-size: 10pt;">Go to Previous Member<br />
Go to Next Member<o:p></o:p></span></div>
</td>
<td style="background: #F0F0FF; padding: 0in 0in 0in 0in; width: 302.8pt;" valign="top" width="404">
<div class="MsoNormal" style="margin: 6pt 0in;">
<span style="font-family: Verdana, sans-serif; font-size: 10pt;">Great for stepping down
through the methods of a Java source file.<o:p></o:p></span></div>
</td>
</tr>
<tr>
<td style="background: #F0F0FF; padding: 0in 0in 0in 0in;" valign="top">
<div class="MsoNormal" style="margin: 6pt 0in;">
<span style="font-family: Verdana, sans-serif; font-size: 10pt;">Ctrl+Shift+U<br />
Alt+Shift+U<o:p></o:p></span></div>
</td>
<td style="background: #F0F0FF; padding: 0in 0in 0in 0in;" valign="top">
<div class="MsoNormal" style="margin: 6pt 0in;">
<span style="font-family: Verdana, sans-serif; font-size: 10pt;">Show Occurrences in
File<br />
Remove Occurrences Annotations<o:p></o:p></span></div>
</td>
<td style="background: #F0F0FF; padding: 0in 0in 0in 0in; width: 302.8pt;" valign="top" width="404">
<div class="MsoNormal" style="margin: 6pt 0in;">
<span style="font-family: Verdana, sans-serif; font-size: 10pt;">Use this to search
within the same file - useful for occurrences of private fields and
methods.<o:p></o:p></span></div>
</td>
</tr>
<tr>
<td style="background: #F0F0FF; padding: 0in 0in 0in 0in;" valign="top">
<div class="MsoNormal" style="margin: 6pt 0in;">
<span style="font-family: Verdana, sans-serif; font-size: 10pt;">Ctrl+Shift+P<o:p></o:p></span></div>
</td>
<td style="background: #F0F0FF; padding: 0in 0in 0in 0in;" valign="top">
<div class="MsoNormal" style="margin: 6pt 0in;">
<span style="font-family: Verdana, sans-serif; font-size: 10pt;">Go to Matching Bracket<o:p></o:p></span></div>
</td>
<td style="background: #F0F0FF; padding: 0in 0in 0in 0in; width: 302.8pt;" valign="top" width="404">
<div class="MsoNormal" style="margin: 6pt 0in;">
<span style="font-family: Verdana, sans-serif; font-size: 10pt;">Helps to find the
closing bracket of lengthly if-else statements.<o:p></o:p></span></div>
</td>
</tr>
<tr>
<td style="background: #F0F0FF; padding: 0in 0in 0in 0in;" valign="top">
<div class="MsoNormal" style="margin: 6pt 0in;">
<span style="font-family: Verdana, sans-serif; font-size: 10pt;">Ctrl+J<br />
Ctrl+Shift+J<o:p></o:p></span></div>
</td>
<td style="background: #F0F0FF; padding: 0in 0in 0in 0in;" valign="top">
<div class="MsoNormal" style="margin: 6pt 0in;">
<span style="font-family: Verdana, sans-serif; font-size: 10pt;">Incremental Find<br />
Reverse Incremental Find<o:p></o:p></span></div>
</td>
<td style="background: #F0F0FF; padding: 0in 0in 0in 0in; width: 302.8pt;" valign="top" width="404">
<div class="MsoNormal" style="margin: 6pt 0in;">
<span style="font-family: Verdana, sans-serif; font-size: 10pt;">The first matching
occurrence is shown with each typed letter. Press again and the next
matching occurrence is shown.<o:p></o:p></span></div>
</td>
</tr>
<tr>
<td style="background: #F0F0FF; padding: 0in 0in 0in 0in;" valign="top">
<div class="MsoNormal" style="margin: 6pt 0in;">
<span style="font-family: Verdana, sans-serif; font-size: 10pt;">Shift+Enter<br />
Ctrl+Shift+Enter<o:p></o:p></span></div>
</td>
<td style="background: #F0F0FF; padding: 0in 0in 0in 0in;" valign="top">
<div class="MsoNormal" style="margin: 6pt 0in;">
<span style="font-family: Verdana, sans-serif; font-size: 10pt;">Insert Line Below<br />
Insert Line Above<o:p></o:p></span></div>
</td>
<td style="background: #F0F0FF; padding: 0in 0in 0in 0in; width: 302.8pt;" valign="top" width="404">
<div class="MsoNormal" style="margin: 6pt 0in;">
<span style="font-family: Verdana, sans-serif; font-size: 10pt;">Insert a line above or
below the current line.<o:p></o:p></span></div>
</td>
</tr>
<tr>
<td style="background: #F0F0FF; padding: 0in 0in 0in 0in;" valign="top">
<div class="MsoNormal" style="margin: 6pt 0in;">
<span style="font-family: Verdana, sans-serif; font-size: 10pt;">Ctrl+/<br />
Ctrl+\<o:p></o:p></span></div>
</td>
<td style="background: #F0F0FF; padding: 0in 0in 0in 0in;" valign="top">
<div class="MsoNormal" style="margin: 6pt 0in;">
<span style="font-family: Verdana, sans-serif; font-size: 10pt;">Add Block Comment<br />
Remove Block Comment<o:p></o:p></span></div>
</td>
<td style="background: #F0F0FF; padding: 0in 0in 0in 0in; width: 302.8pt;" valign="top" width="404">
<div class="MsoNormal" style="margin: 6pt 0in;">
<span style="font-family: Verdana, sans-serif; font-size: 10pt;">Comment in/out blocks
of code with a key stroke.<o:p></o:p></span></div>
</td>
</tr>
<tr>
<td style="background: #F0F0FF; padding: 0in 0in 0in 0in;" valign="top">
<div class="MsoNormal" style="margin: 6pt 0in;">
<span style="font-family: Verdana, sans-serif; font-size: 10pt;">Ctrl+M<o:p></o:p></span></div>
</td>
<td style="background: #F0F0FF; padding: 0in 0in 0in 0in;" valign="top">
<div class="MsoNormal" style="margin: 6pt 0in;">
<span style="font-family: Verdana, sans-serif; font-size: 10pt;">Maximize Active View or
Editor<o:p></o:p></span></div>
</td>
<td style="background: #F0F0FF; padding: 0in 0in 0in 0in; width: 302.8pt;" valign="top" width="404">
<div class="MsoNormal" style="margin: 6pt 0in;">
<span style="font-family: Verdana, sans-serif; font-size: 10pt;">Maximize the current
view or editor at the expense of all other currently shown views. Press
again to restore to normal view.<o:p></o:p></span></div>
</td>
</tr>
<tr>
<td style="background: #F0F0FF; padding: 0in 0in 0in 0in;" valign="top">
<div class="MsoNormal" style="margin: 6pt 0in;">
<span style="font-family: Verdana, sans-serif; font-size: 10pt;">Ctrl+F6<br />
Ctrl+F7<br />
Ctrl+F8<o:p></o:p></span></div>
</td>
<td style="background: #F0F0FF; padding: 0in 0in 0in 0in;" valign="top">
<div class="MsoNormal" style="margin: 6pt 0in;">
<span style="font-family: Verdana, sans-serif; font-size: 10pt;">Next Editor<br />
Next View<br />
Next Perspective<o:p></o:p></span></div>
</td>
<td style="background: #F0F0FF; padding: 0in 0in 0in 0in; width: 302.8pt;" valign="top" width="404">
<div class="MsoNormal" style="margin: 6pt 0in;">
<span style="font-family: Verdana, sans-serif; font-size: 10pt;">Learn these to switch
among edited files, open views and perspectives.<o:p></o:p></span></div>
</td>
</tr>
<tr>
<td style="background: #F0F0FF; padding: 0in 0in 0in 0in;" valign="top">
<div class="MsoNormal" style="margin: 6pt 0in;">
<span style="font-family: Verdana, sans-serif; font-size: 10pt;">Ctrl+Alt+Up<br />
Ctrl+Alt+Down<o:p></o:p></span></div>
</td>
<td style="background: #F0F0FF; padding: 0in 0in 0in 0in;" valign="top">
<div class="MsoNormal" style="margin: 6pt 0in;">
<span style="font-family: Verdana, sans-serif; font-size: 10pt;">Duplicate Lines<br />
Copy Lines<o:p></o:p></span></div>
</td>
<td style="background: #F0F0FF; padding: 0in 0in 0in 0in; width: 302.8pt;" valign="top" width="404">
<div class="MsoNormal" style="margin: 6pt 0in;">
<span style="font-family: Verdana, sans-serif; font-size: 10pt;">Doesn't seem like it at
first but a great shortcut once you learn to use it. Instead of select,
copy and paste simply select and duplicate without affecting the clipboard.<o:p></o:p></span></div>
</td>
</tr>
<tr>
<td style="background: #F0F0FF; padding: 0in 0in 0in 0in;" valign="top">
<div class="MsoNormal" style="margin: 6pt 0in;">
<span style="font-family: Verdana, sans-serif; font-size: 10pt;">Alt+/<o:p></o:p></span></div>
</td>
<td style="background: #F0F0FF; padding: 0in 0in 0in 0in;" valign="top">
<div class="MsoNormal" style="margin: 6pt 0in;">
<span style="font-family: Verdana, sans-serif; font-size: 10pt;">Word Completion<o:p></o:p></span></div>
</td>
<td style="background: #F0F0FF; padding: 0in 0in 0in 0in; width: 302.8pt;" valign="top" width="404">
<div class="MsoNormal" style="margin: 6pt 0in;">
<span style="font-family: Verdana, sans-serif; font-size: 10pt;">This is excellent for
code editing or writing plain help files with variables and other words
having no English language equivalents. The word completion is based on the
set of words already present in the current file.<o:p></o:p></span></div>
</td>
</tr>
<tr>
<td style="background: #F0F0FF; padding: 0in 0in 0in 0in;" valign="top">
<div class="MsoNormal" style="margin: 6pt 0in;">
<span style="font-family: Verdana, sans-serif; font-size: 10pt;">Ctrl+I<o:p></o:p></span></div>
</td>
<td style="background: #F0F0FF; padding: 0in 0in 0in 0in;" valign="top">
<div class="MsoNormal" style="margin: 6pt 0in;">
<span style="font-family: Verdana, sans-serif; font-size: 10pt;">Correct Indentation<o:p></o:p></span></div>
</td>
<td style="background: #F0F0FF; padding: 0in 0in 0in 0in; width: 302.8pt;" valign="top" width="404">
<div class="MsoNormal" style="margin: 6pt 0in;">
<span style="font-family: Verdana, sans-serif; font-size: 10pt;">Select a block of Java
code or an entire class file and use this shortcut to correct its
indentation.<o:p></o:p></span></div>
</td>
</tr>
<tr>
<td style="background: #F0F0FF; padding: 0in 0in 0in 0in;" valign="top">
<div class="MsoNormal" style="margin: 6pt 0in;">
<span style="font-family: Verdana, sans-serif; font-size: 10pt;">Shift Tab<br />
Tab<o:p></o:p></span></div>
</td>
<td style="background: #F0F0FF; padding: 0in 0in 0in 0in;" valign="top">
<div class="MsoNormal" style="margin: 6pt 0in;">
<span style="font-family: Verdana, sans-serif; font-size: 10pt;">Remove Tab<br />
Add Tab<o:p></o:p></span></div>
</td>
<td style="background: #F0F0FF; padding: 0in 0in 0in 0in; width: 302.8pt;" valign="top" width="404">
<div class="MsoNormal" style="margin: 6pt 0in;">
<span style="font-family: Verdana, sans-serif; font-size: 10pt;">Select one or more
lines of code and use this shortcut to intent them further/less.<o:p></o:p></span></div>
</td>
</tr>
</tbody></table>
<div class="MsoNormal" style="margin: 6pt 0in;">
<span style="font-family: Verdana, sans-serif; font-size: 10pt;">Ctrl+H<o:p></o:p></span></div>
</td>
<td style="background: #F0F0FF; border: none; padding: 0in 0in 0in 0in;" valign="top">
<div class="MsoNormal" style="margin: 6pt 0in;">
<span style="font-family: Verdana, sans-serif; font-size: 10pt;">Open Search Dialog<o:p></o:p></span></div>
</td>
<td style="background: #F0F0FF; border: none; padding: 0in 0in 0in 0in; width: 297.65pt;" valign="top" width="397">
<div class="MsoNormal" style="margin: 6pt 0in;">
<span style="font-family: Verdana, sans-serif; font-size: 10pt;">Opens a search dialog
with extensive search options for Java packages, types, methods, and fields.<o:p></o:p></span></div>
</td>
</tr>
<tr>
<td style="background: #F0F0FF; border: none; padding: 0in 0in 0in 0in;" valign="top">
<div class="MsoNormal" style="margin: 6pt 0in;">
<span style="font-family: Verdana, sans-serif; font-size: 10pt;">Alt+Shift+R<o:p></o:p></span></div>
</td>
<td style="background: #F0F0FF; border: none; padding: 0in 0in 0in 0in;" valign="top">
<div class="MsoNormal" style="margin: 6pt 0in;">
<span style="font-family: Verdana, sans-serif; font-size: 10pt;">Rename - Refactoring<o:p></o:p></span></div>
</td>
<td style="background: #F0F0FF; border: none; padding: 0in 0in 0in 0in; width: 297.65pt;" valign="top" width="397">
<div class="MsoNormal" style="margin: 6pt 0in;">
<span style="font-family: Verdana, sans-serif; font-size: 10pt;">Use this to rename type,
method, or field. All existing references will be refactored as well.<o:p></o:p></span></div>
</td>
</tr>
<tr>
<td style="background: #F0F0FF; border: none; padding: 0in 0in 0in 0in;" valign="top">
<div class="MsoNormal" style="margin: 6pt 0in;">
<span style="font-family: Verdana, sans-serif; font-size: 10pt;">Alt+Shift+L<o:p></o:p></span></div>
</td>
<td style="background: #F0F0FF; border: none; padding: 0in 0in 0in 0in;" valign="top">
<div class="MsoNormal" style="margin: 6pt 0in;">
<span style="font-family: Verdana, sans-serif; font-size: 10pt;">Extract Local Variable<o:p></o:p></span></div>
</td>
<td style="background: #F0F0FF; border: none; padding: 0in 0in 0in 0in; width: 297.65pt;" valign="top" width="397">
<div class="MsoNormal" style="margin: 6pt 0in;">
<span style="font-family: Verdana, sans-serif; font-size: 10pt;">Use this to create a
local variable from the selected expression. This is useful for breaking up
larger expressions to avoid long lines.<o:p></o:p></span></div>
</td>
</tr>
<tr>
<td style="background: #F0F0FF; border: none; padding: 0in 0in 0in 0in;" valign="top">
<div class="MsoNormal" style="margin: 6pt 0in;">
<span style="font-family: Verdana, sans-serif; font-size: 10pt;">Alt+Shift+M<o:p></o:p></span></div>
</td>
<td style="background: #F0F0FF; border: none; padding: 0in 0in 0in 0in;" valign="top">
<div class="MsoNormal" style="margin: 6pt 0in;">
<span style="font-family: Verdana, sans-serif; font-size: 10pt;">Extract Method<o:p></o:p></span></div>
</td>
<td style="background: #F0F0FF; border: none; padding: 0in 0in 0in 0in; width: 297.65pt;" valign="top" width="397">
<div class="MsoNormal" style="margin: 6pt 0in;">
<span style="font-family: Verdana, sans-serif; font-size: 10pt;">Use this to extract a new
method from existing code. The parameter list and return type will be
automatically created.<o:p></o:p></span></div>
</td>
</tr>
</tbody></table>
<div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; margin: 12pt 0in 9.6pt;">
<a href="http://www.blogger.com/blogger.g?blogID=152858382873702802" name="N1015F"></a><a href="http://www.blogger.com/blogger.g?blogID=152858382873702802" name="trying"></a><b><span style="font-family: Verdana, sans-serif; font-size: 13.5pt;">Trying Out Shortcuts<o:p></o:p></span></b></div>
<div class="MsoNormal" style="background: white; line-height: 11.25pt; margin-bottom: 12.0pt; margin-left: 0in; margin-right: 0in; margin-top: 6.0pt;">
<span style="font-family: Verdana, sans-serif; font-size: 10pt;">A few things to keep in
mind as you try the above shortcuts. If a shortcut doesn't have the described
effect check if one of these is the cause of your problem:<o:p></o:p></span></div>
<div class="MsoNormal" style="background-color: white; background-position: initial initial; background-repeat: initial initial; margin: 6pt 0in; text-indent: -0.25in;">
<!--[if !supportLists]--><span style="font-family: Symbol; font-size: 10pt;">·<span style="font-family: 'Times New Roman'; font-size: 7pt;">
</span></span><!--[endif]--><span style="font-family: Verdana, sans-serif; font-size: 10pt;">Do you have an older version of Eclipse? Check the Help section to
confirm the shortcut is available.<o:p></o:p></span></div>
<div class="MsoNormal" style="background-color: white; background-position: initial initial; background-repeat: initial initial; margin: 6pt 0in; text-indent: -0.25in;">
<!--[if !supportLists]--><span style="font-family: Symbol; font-size: 10pt;">·<span style="font-family: 'Times New Roman'; font-size: 7pt;">
</span></span><!--[endif]--><span style="font-family: Verdana, sans-serif; font-size: 10pt;">Is the shortcut applicable to the context (perspective) you're in?
For example Ctrl+Shift+T (Open Type) is applicable in the Java perspective but
not in the Resource perspective. You can find out where each shortcut is
applicable by pressing Ctrl+Shift+L or by checking the Help section.<o:p></o:p></span></div>
<div class="MsoNormal" style="background-color: white; background-position: initial initial; background-repeat: initial initial; margin: 6pt 0in; text-indent: -0.25in;">
<!--[if !supportLists]--><span style="font-family: Symbol; font-size: 10pt;">·<span style="font-family: 'Times New Roman'; font-size: 7pt;">
</span></span><!--[endif]--><span style="font-family: Verdana, sans-serif; font-size: 10pt;">Is the shortcut already taken by another application? If so the
other application will probably come to the foreground when you use the
shortcut.<o:p></o:p></span></div>
<div class="MsoNormal" style="background-color: white; background-position: initial initial; background-repeat: initial initial; margin: 6pt 0in; text-indent: -0.25in;">
<!--[if !supportLists]--><span style="font-family: Symbol; font-size: 10pt;">·<span style="font-family: 'Times New Roman'; font-size: 7pt;">
</span></span><!--[endif]--><span style="font-family: Verdana, sans-serif; font-size: 10pt;">Is the shortcut defined twice in Eclipse? This can happen on
occasion if you install additional plugins with overlapping shortcuts or more
likely if you've tried to map shortcuts of your own. If there is conflict the
shortcut won't work. To check this go to the Preferences or press Ctrl+Shift+L
twice.<o:p></o:p></span></div>
<br />Unknownnoreply@blogger.com1tag:blogger.com,1999:blog-152858382873702802.post-24312822350876932872012-07-20T02:31:00.001-07:002012-07-20T02:32:56.607-07:00How to call .ashx file through jquery<br />
<br />
your aspx page.<br />
add the latest jquery into the head section<br />
<br />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script><br />
<br />
<script><br />
//document ready<br />
$(function(){<br />
$.ajax({<br />
type: "POST",<br />
url: "handler.ashx",<br />
data: { firstName: 'Rahul', lastName: 'Kumar' },<br />
// DO NOT SET CONTENT TYPE to json<br />
// contentType: "application/json; charset=utf-8",<br />
// DataType needs to stay, otherwise the response object<br />
// will be treated as a single string<br />
dataType: "json",<br />
success: function (response) {<br />
alert(response.d);<br />
}<br />
});<br />
});<br />
</script><br />
<br />
your handler.ashx file<br />
<br />
using System;<br />
using System.Web;<br />
using Newtonsoft.Json;<br />
<br />
public class Handler : IHttpHandler<br />
{<br />
public void ProcessRequest(HttpContext context)<br />
{<br />
context.Response.ContentType = "text/plain";<br />
<br />
string myName = context.Request.Form["firstName"];<br />
<br />
// simulate Microsoft XSS protection<br />
var wrapper = new { d = myName };<br />
// in order to use JsonConvert you have to download the<br />
// Newtonsoft.Json dll from here http://json.codeplex.com/<br />
context.Response.Write(JsonConvert.SerializeObject(wrapper));<br />
}<br />
<br />
public bool IsReusable<br />
{<br />
get<br />
{<br />
return false;<br />
}<br />
}<br />
}<br />
<div>
<br /></div>Unknownnoreply@blogger.com1tag:blogger.com,1999:blog-152858382873702802.post-40127019917969142412012-06-15T00:56:00.000-07:002012-06-15T00:58:38.063-07:00Things you may not know about jQuery.<br />
<div style="background-color: white; border: none; color: #444444; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 13px; line-height: 1.6em; list-style: none; outline: none; padding: 0.4em 0px 0.8em;">
Do you have a tip nobody knows about? – Add it in the comments…</div>
<ul class="imp" style="background-color: white; border: none; color: #444444; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 13px; line-height: 1.6em; list-style-image: initial; list-style-position: initial; margin: 0px; outline: none; padding: 0.6em 0px 0.6em 20px;">
<li style="border-top-color: rgb(204, 204, 204); border-top-style: dashed; border-top-width: 1px; padding: 8px 0px;"><code style="background-attachment: scroll; background-image: url( ); background-position: 0px 0px; background-repeat: repeat repeat; color: black; font-family: 'Bitstream Vera Sans Mono', Consolas, 'Lucida Console', monospace, mono !important; font-size: 1em !important; padding: 0px 4px;">$.fn</code> is just a shortcut to <code style="background-attachment: scroll; background-image: url( ); background-position: 0px 0px; background-repeat: repeat repeat; color: black; font-family: 'Bitstream Vera Sans Mono', Consolas, 'Lucida Console', monospace, mono !important; font-size: 1em !important; padding: 0px 4px;">jQuery.prototype</code>.</li>
<li style="border-top-color: rgb(204, 204, 204); border-top-style: dashed; border-top-width: 1px; padding: 8px 0px;">You can test if a jQuery collection contains any elements by trying to access the first element, e.g. <code style="background-attachment: scroll; background-image: url( ); background-position: 0px 0px; background-repeat: repeat repeat; color: black; font-family: 'Bitstream Vera Sans Mono', Consolas, 'Lucida Console', monospace, mono !important; font-size: 1em !important; padding: 0px 4px;">if($(selector)[0]){...}</code>.</li>
<li style="border-top-color: rgb(204, 204, 204); border-top-style: dashed; border-top-width: 1px; padding: 8px 0px;">jQuery normalizes the event object across all browsers! Have a look at all the available properties/methods over here: <a href="http://docs.jquery.com/Events/jQuery.Event" style="background-image: url(http://james.padolsey.com/wp-content/themes/james.padolsey/images/external.png); background-position: 100% 50%; background-repeat: no-repeat no-repeat; color: black; padding: 0px 15px 0px 0px;">http://docs.jquery.com/Events/jQuery.Event</a>.</li>
<li style="border-top-color: rgb(204, 204, 204); border-top-style: dashed; border-top-width: 1px; padding: 8px 0px;">When you create a plugin you have access to the jQuery chain’s previous object:<div class="wp_syntax" border: none; color: #110000; margin: 10px 0px 10px -45px; overflow-x: auto; overflow-y: hidden; padding: 10px 45px; width: 680px;">
<div class="code" style="border: none; color: #694600; margin: 0px; padding: 2px 4px; vertical-align: top;">
<pre class="javascript" style="clear: none; float: none; font-size: 14px; line-height: 1.333; overflow: visible; width: auto;">jQuery.<span class="me1">fn</span>.<span class="me1">doSomething</span> <span class="sy0" style="color: #00004f;">=</span> <span class="kw2" style="color: #aa2063;">function</span><span class="br0" style="color: #00004f;">(</span><span class="br0" style="color: #00004f;">)</span> <span class="br0" style="color: #00004f;">{</span>
<span class="kw1" style="color: #aa2063;">this</span><span class="sy0" style="color: #00004f;">;</span> <span class="co1" style="color: #3c802c;">// => $('a')</span>
<span class="kw1" style="color: #aa2063;">this</span>.<span class="me1">prevObject</span><span class="sy0" style="color: #00004f;">;</span> <span class="co1" style="color: #3c802c;">// => $('li')</span>
<span class="co1" style="color: #3c802c;">// Remember chaining in your plugins:</span>
<span class="kw1" style="color: #aa2063;">return</span> <span class="kw1" style="color: #aa2063;">this</span><span class="sy0" style="color: #00004f;">;</span>
<span class="br0" style="color: #00004f;">}</span><span class="sy0" style="color: #00004f;">;</span>
jQuery<span class="br0" style="color: #00004f;">(</span><span class="st0" style="color: #ed7722;">'li'</span><span class="br0" style="color: #00004f;">)</span>.<span class="me1">show</span><span class="br0" style="color: #00004f;">(</span><span class="br0" style="color: #00004f;">)</span>
.<span class="me1">find</span><span class="br0" style="color: #00004f;">(</span><span class="st0" style="color: #ed7722;">'a'</span><span class="br0" style="color: #00004f;">)</span>.<span class="me1">doSomething</span><span class="br0" style="color: #00004f;">(</span><span class="br0" style="color: #00004f;">)</span><span class="sy0" style="color: #00004f;">;</span>
<span class="co1" style="color: #3c802c;">// You could even create a new 'root' plugin:</span>
<span class="co1" style="color: #3c802c;">// (Returns the 'root' of a chain)</span>
jQuery.<span class="me1">fn</span>.<span class="me1">root</span> <span class="sy0" style="color: #00004f;">=</span> <span class="kw2" style="color: #aa2063;">function</span><span class="br0" style="color: #00004f;">(</span><span class="br0" style="color: #00004f;">)</span> <span class="br0" style="color: #00004f;">{</span>
<span class="co1" style="color: #3c802c;">// Root is always document so we have to </span>
<span class="co1" style="color: #3c802c;">// go back to one before the last:</span>
<span class="kw2" style="color: #aa2063;">var</span> root <span class="sy0" style="color: #00004f;">=</span> <span class="kw1" style="color: #aa2063;">this</span><span class="sy0" style="color: #00004f;">;</span>
<span class="kw1" style="color: #aa2063;">while</span><span class="br0" style="color: #00004f;">(</span>root.<span class="me1">prevObject</span>.<span class="me1">prevObject</span><span class="br0" style="color: #00004f;">)</span> <span class="br0" style="color: #00004f;">{</span>
root <span class="sy0" style="color: #00004f;">=</span> root.<span class="me1">prevObject</span><span class="sy0" style="color: #00004f;">;</span>
<span class="br0" style="color: #00004f;">}</span>
<span class="kw1" style="color: #aa2063;">return</span> root<span class="sy0" style="color: #00004f;">;</span>
<span class="br0" style="color: #00004f;">}</span><span class="sy0" style="color: #00004f;">;</span>
$<span class="br0" style="color: #00004f;">(</span><span class="st0" style="color: #ed7722;">'li'</span><span class="br0" style="color: #00004f;">)</span>.<span class="me1">find</span><span class="br0" style="color: #00004f;">(</span><span class="st0" style="color: #ed7722;">'a'</span><span class="br0" style="color: #00004f;">)</span>.<span class="me1">children</span><span class="br0" style="color: #00004f;">(</span><span class="br0" style="color: #00004f;">)</span>.<span class="me1">root</span><span class="br0" style="color: #00004f;">(</span><span class="br0" style="color: #00004f;">)</span><span class="sy0" style="color: #00004f;">;</span> <span class="co1" style="color: #3c802c;">// <= $('li') is returned</span>
<span class="co1" style="color: #3c802c;">// Using root() is the same as using end().end() in this situation</span></pre>
</div>
</div>
</li>
<li style="border-top-color: rgb(204, 204, 204); border-top-style: dashed; border-top-width: 1px; padding: 8px 0px;">You can namespace events! This is especially useful for plugin development:<div class="wp_syntax" border: none; color: #110000; margin: 10px 0px 10px -45px; overflow-x: auto; overflow-y: hidden; padding: 10px 45px; width: 680px;">
<div class="code" style="border: none; color: #694600; margin: 0px; padding: 2px 4px; vertical-align: top;">
<pre class="javascript" style="clear: none; float: none; font-size: 14px; line-height: 1.333; overflow: visible; width: auto;">jQuery.<span class="me1">fn</span>.<span class="me1">myPlugin</span> <span class="sy0" style="color: #00004f;">=</span> <span class="kw2" style="color: #aa2063;">function</span><span class="br0" style="color: #00004f;">(</span><span class="br0" style="color: #00004f;">)</span> <span class="br0" style="color: #00004f;">{</span>
<span class="co1" style="color: #3c802c;">// Clean up after yourself!</span>
jQuery.<span class="me1">myPlugin</span> <span class="sy0" style="color: #00004f;">=</span> <span class="br0" style="color: #00004f;">{</span>
cleanUp<span class="sy0" style="color: #00004f;">:</span> <span class="kw2" style="color: #aa2063;">function</span><span class="br0" style="color: #00004f;">(</span><span class="br0" style="color: #00004f;">)</span> <span class="br0" style="color: #00004f;">{</span>
<span class="co1" style="color: #3c802c;">// Remove all click handlers binded</span>
<span class="co1" style="color: #3c802c;">// as a result of the plugin:</span>
jQuery<span class="br0" style="color: #00004f;">(</span><span class="st0" style="color: #ed7722;">'*'</span><span class="br0" style="color: #00004f;">)</span>.<span class="me1">unbind</span><span class="br0" style="color: #00004f;">(</span><span class="st0" style="color: #ed7722;">'click.myPlugin'</span><span class="br0" style="color: #00004f;">)</span><span class="sy0" style="color: #00004f;">;</span>
<span class="co1" style="color: #3c802c;">// ALternatively, remove ALL events:</span>
jQuery<span class="br0" style="color: #00004f;">(</span><span class="st0" style="color: #ed7722;">'*'</span><span class="br0" style="color: #00004f;">)</span>.<span class="me1">unbind</span><span class="br0" style="color: #00004f;">(</span><span class="st0" style="color: #ed7722;">'.myPlugin'</span><span class="br0" style="color: #00004f;">)</span><span class="sy0" style="color: #00004f;">;</span>
<span class="br0" style="color: #00004f;">}</span>
<span class="br0" style="color: #00004f;">}</span><span class="sy0" style="color: #00004f;">;</span>
<span class="kw1" style="color: #aa2063;">return</span> <span class="kw1" style="color: #aa2063;">this</span>.<span class="me1">bind</span><span class="br0" style="color: #00004f;">(</span><span class="st0" style="color: #ed7722;">'click.myPlugin'</span><span class="sy0" style="color: #00004f;">,</span> <span class="kw2" style="color: #aa2063;">function</span><span class="br0" style="color: #00004f;">(</span><span class="br0" style="color: #00004f;">)</span> <span class="br0" style="color: #00004f;">{</span>
<span class="co1" style="color: #3c802c;">// Do something...</span>
<span class="br0" style="color: #00004f;">}</span><span class="br0" style="color: #00004f;">)</span><span class="sy0" style="color: #00004f;">;</span>
<span class="br0" style="color: #00004f;">}</span><span class="sy0" style="color: #00004f;">;</span>
<span class="co1" style="color: #3c802c;">// Note, you can also namespace data:</span>
<span class="co1" style="color: #3c802c;">// E.g. $(elem).data('whatever.myPlugin',value);</span></pre>
</div>
</div>
</li>
<li style="border-top-color: rgb(204, 204, 204); border-top-style: dashed; border-top-width: 1px; padding: 8px 0px;">You can access all event handlers bound to an element (or any object) through jQuery’s event storage:<div class="wp_syntax" border: none; color: #110000; margin: 10px 0px 10px -45px; overflow-x: auto; overflow-y: hidden; padding: 10px 45px; width: 680px;">
<div class="code" style="border: none; color: #694600; margin: 0px; padding: 2px 4px; vertical-align: top;">
<pre class="javascript" style="clear: none; float: none; font-size: 14px; line-height: 1.333; overflow: visible; width: auto;"><span class="co1" style="color: #3c802c;">// List bound events:</span>
console.<span class="me1">dir</span><span class="br0" style="color: #00004f;">(</span> jQuery<span class="br0" style="color: #00004f;">(</span><span class="st0" style="color: #ed7722;">'#elem'</span><span class="br0" style="color: #00004f;">)</span>.<span class="me1">data</span><span class="br0" style="color: #00004f;">(</span><span class="st0" style="color: #ed7722;">'events'</span><span class="br0" style="color: #00004f;">)</span> <span class="br0" style="color: #00004f;">)</span><span class="sy0" style="color: #00004f;">;</span>
<span class="co1" style="color: #3c802c;">// Log ALL handlers for ALL events:</span>
jQuery.<span class="me1">each</span><span class="br0" style="color: #00004f;">(</span>$<span class="br0" style="color: #00004f;">(</span><span class="st0" style="color: #ed7722;">'#elem'</span><span class="br0" style="color: #00004f;">)</span>.<span class="me1">data</span><span class="br0" style="color: #00004f;">(</span><span class="st0" style="color: #ed7722;">'events'</span><span class="br0" style="color: #00004f;">)</span><span class="sy0" style="color: #00004f;">,</span> <span class="kw2" style="color: #aa2063;">function</span><span class="br0" style="color: #00004f;">(</span>i<span class="sy0" style="color: #00004f;">,</span> event<span class="br0" style="color: #00004f;">)</span><span class="br0" style="color: #00004f;">{</span>
jQuery.<span class="me1">each</span><span class="br0" style="color: #00004f;">(</span>event<span class="sy0" style="color: #00004f;">,</span> <span class="kw2" style="color: #aa2063;">function</span><span class="br0" style="color: #00004f;">(</span>i<span class="sy0" style="color: #00004f;">,</span> handler<span class="br0" style="color: #00004f;">)</span><span class="br0" style="color: #00004f;">{</span>
console.<span class="me1">log</span><span class="br0" style="color: #00004f;">(</span> handler.<span class="me1">toString</span><span class="br0" style="color: #00004f;">(</span><span class="br0" style="color: #00004f;">)</span> <span class="br0" style="color: #00004f;">)</span><span class="sy0" style="color: #00004f;">;</span>
<span class="br0" style="color: #00004f;">}</span><span class="br0" style="color: #00004f;">)</span><span class="sy0" style="color: #00004f;">;</span>
<span class="br0" style="color: #00004f;">}</span><span class="br0" style="color: #00004f;">)</span><span class="sy0" style="color: #00004f;">;</span>
<span class="co1" style="color: #3c802c;">// You can see the actual functions which will occur</span>
<span class="co1" style="color: #3c802c;">// on certain events; great for debugging!</span></pre>
</div>
</div>
</li>
<li style="border-top-color: rgb(204, 204, 204); border-top-style: dashed; border-top-width: 1px; padding: 8px 0px;">jQuery natively supports JSONP (‘<a href="http://json.org/" style="background-image: url(http://james.padolsey.com/wp-content/themes/james.padolsey/images/external.png); background-position: 100% 50%; background-repeat: no-repeat no-repeat; color: black; padding: 0px 15px 0px 0px;">JSON</a> with padding’) which effectively means you can make cross-domain "Ajax" requests (although not strictly Ajax since it doesn’t use XHR). For this to work the requested domain must have some JSONP API in place (it must be able wrap the JSON with a specified callback function). An example:<div class="wp_syntax" border: none; color: #110000; margin: 10px 0px 10px -45px; overflow-x: auto; overflow-y: hidden; padding: 10px 45px; width: 680px;">
<div class="code" style="border: none; color: #694600; margin: 0px; padding: 2px 4px; vertical-align: top;">
<pre class="javascript" style="clear: none; float: none; font-size: 14px; line-height: 1.333; overflow: visible; width: auto;"><span class="kw2" style="color: #aa2063;">function</span> getLatestFlickrPics<span class="br0" style="color: #00004f;">(</span>tag<span class="sy0" style="color: #00004f;">,</span>callback<span class="br0" style="color: #00004f;">)</span> <span class="br0" style="color: #00004f;">{</span>
<span class="kw2" style="color: #aa2063;">var</span> flickrFeed <span class="sy0" style="color: #00004f;">=</span> <span class="st0" style="color: #ed7722;">'http://api.flickr.com/services/feeds/photos_public.gne?tags='</span>
<span class="sy0" style="color: #00004f;">+</span> tag <span class="sy0" style="color: #00004f;">+</span> <span class="st0" style="color: #ed7722;">'&tagmode=any&format=json&jsoncallback=?'</span><span class="sy0" style="color: #00004f;">;</span>
jQuery.<span class="me1">getJSON</span><span class="br0" style="color: #00004f;">(</span>flickrFeed<span class="sy0" style="color: #00004f;">,</span> callback<span class="br0" style="color: #00004f;">)</span><span class="sy0" style="color: #00004f;">;</span>
<span class="br0" style="color: #00004f;">}</span>
<span class="co1" style="color: #3c802c;">// Usage:</span>
getLatestFlickrPics<span class="br0" style="color: #00004f;">(</span><span class="st0" style="color: #ed7722;">'ferrari'</span><span class="sy0" style="color: #00004f;">,</span> <span class="kw2" style="color: #aa2063;">function</span><span class="br0" style="color: #00004f;">(</span>data<span class="br0" style="color: #00004f;">)</span><span class="br0" style="color: #00004f;">{</span>
jQuery.<span class="me1">each</span><span class="br0" style="color: #00004f;">(</span>data.<span class="me1">items</span><span class="sy0" style="color: #00004f;">,</span> <span class="kw2" style="color: #aa2063;">function</span><span class="br0" style="color: #00004f;">(</span>i<span class="sy0" style="color: #00004f;">,</span> <span class="kw1" style="color: #aa2063;">item</span><span class="br0" style="color: #00004f;">)</span><span class="br0" style="color: #00004f;">{</span>
$<span class="br0" style="color: #00004f;">(</span><span class="st0" style="color: #ed7722;">"<img/>"</span><span class="br0" style="color: #00004f;">)</span>.<span class="me1">attr</span><span class="br0" style="color: #00004f;">(</span><span class="st0" style="color: #ed7722;">"src"</span><span class="sy0" style="color: #00004f;">,</span> <span class="kw1" style="color: #aa2063;">item</span>.<span class="me1">media</span>.<span class="me1">m</span><span class="br0" style="color: #00004f;">)</span>.<span class="me1">appendTo</span><span class="br0" style="color: #00004f;">(</span><span class="st0" style="color: #ed7722;">'body'</span><span class="br0" style="color: #00004f;">)</span><span class="sy0" style="color: #00004f;">;</span>
<span class="br0" style="color: #00004f;">}</span><span class="br0" style="color: #00004f;">)</span><span class="sy0" style="color: #00004f;">;</span>
<span class="br0" style="color: #00004f;">}</span><span class="br0" style="color: #00004f;">)</span><span class="sy0" style="color: #00004f;">;</span></pre>
</div>
</div>
</li>
<li style="border-top-color: rgb(204, 204, 204); border-top-style: dashed; border-top-width: 1px; padding: 8px 0px;">You might find it a little messy but jQuery enables us to create an entire DOM structure within a single chain:<div class="wp_syntax" border: none; color: #110000; margin: 10px 0px 10px -45px; overflow-x: auto; overflow-y: hidden; padding: 10px 45px; width: 680px;">
<div class="code" style="border: none; color: #694600; margin: 0px; padding: 2px 4px; vertical-align: top;">
<pre class="javascript" style="clear: none; float: none; font-size: 14px; line-height: 1.333; overflow: visible; width: auto;"><span class="co1" style="color: #3c802c;">// Create and inject in one chain:</span>
jQuery<span class="br0" style="color: #00004f;">(</span><span class="st0" style="color: #ed7722;">'<div/>'</span><span class="br0" style="color: #00004f;">)</span>
.<span class="me1">append</span><span class="br0" style="color: #00004f;">(</span><span class="st0" style="color: #ed7722;">'<p><a href="#">Foo</a></p>'</span><span class="br0" style="color: #00004f;">)</span>
.<span class="me1">find</span><span class="br0" style="color: #00004f;">(</span><span class="st0" style="color: #ed7722;">'p a'</span><span class="br0" style="color: #00004f;">)</span>
.<span class="me1">click</span><span class="br0" style="color: #00004f;">(</span><span class="kw2" style="color: #aa2063;">function</span><span class="br0" style="color: #00004f;">(</span><span class="br0" style="color: #00004f;">)</span><span class="br0" style="color: #00004f;">{</span>
<span class="co1" style="color: #3c802c;">// Do something...</span>
<span class="kw1" style="color: #aa2063;">return</span> <span class="kw2" style="color: #aa2063;">false</span><span class="sy0" style="color: #00004f;">;</span>
<span class="br0" style="color: #00004f;">}</span><span class="br0" style="color: #00004f;">)</span>
.<span class="me1">end</span><span class="br0" style="color: #00004f;">(</span><span class="br0" style="color: #00004f;">)</span>
.<span class="me1">append</span><span class="br0" style="color: #00004f;">(</span><span class="st0" style="color: #ed7722;">'<p><a href="#">Bar</a></p>'</span><span class="br0" style="color: #00004f;">)</span>
.<span class="me1">find</span><span class="br0" style="color: #00004f;">(</span><span class="st0" style="color: #ed7722;">'p:eq(1) a'</span><span class="br0" style="color: #00004f;">)</span>
.<span class="me1">click</span><span class="br0" style="color: #00004f;">(</span><span class="kw2" style="color: #aa2063;">function</span><span class="br0" style="color: #00004f;">(</span><span class="br0" style="color: #00004f;">)</span><span class="br0" style="color: #00004f;">{</span>
<span class="co1" style="color: #3c802c;">// Do something else...</span>
<span class="kw1" style="color: #aa2063;">return</span> <span class="kw2" style="color: #aa2063;">false</span><span class="sy0" style="color: #00004f;">;</span>
<span class="br0" style="color: #00004f;">}</span><span class="br0" style="color: #00004f;">)</span>
.<span class="me1">end</span><span class="br0" style="color: #00004f;">(</span><span class="br0" style="color: #00004f;">)</span>
.<span class="me1">appendTo</span><span class="br0" style="color: #00004f;">(</span><span class="st0" style="color: #ed7722;">'body'</span><span class="br0" style="color: #00004f;">)</span><span class="sy0" style="color: #00004f;">;</span></pre>
</div>
</div>
</li>
<li style="border-top-color: rgb(204, 204, 204); border-top-style: dashed; border-top-width: 1px; padding: 8px 0px;">Accessing the DOM elements within a jQuery collection is incredibly easy:<div class="wp_syntax" border: none; color: #110000; margin: 10px 0px 10px -45px; overflow-x: auto; overflow-y: hidden; padding: 10px 45px; width: 680px;">
<div class="code" style="border: none; color: #694600; margin: 0px; padding: 2px 4px; vertical-align: top;">
<pre class="javascript" style="clear: none; float: none; font-size: 14px; line-height: 1.333; overflow: visible; width: auto;"><span class="kw2" style="color: #aa2063;">var</span> HTMLCollection <span class="sy0" style="color: #00004f;">=</span> $<span class="br0" style="color: #00004f;">(</span><span class="st0" style="color: #ed7722;">'div'</span><span class="br0" style="color: #00004f;">)</span>.<span class="me1">get</span><span class="br0" style="color: #00004f;">(</span><span class="br0" style="color: #00004f;">)</span><span class="sy0" style="color: #00004f;">;</span>
<span class="co1" style="color: #3c802c;">// Alternatively, if you only want the first element:</span>
$<span class="br0" style="color: #00004f;">(</span><span class="st0" style="color: #ed7722;">'div'</span><span class="br0" style="color: #00004f;">)</span>.<span class="me1">get</span><span class="br0" style="color: #00004f;">(</span><span class="nu0" style="color: #00a6dc;">0</span><span class="br0" style="color: #00004f;">)</span><span class="sy0" style="color: #00004f;">;</span>
$<span class="br0" style="color: #00004f;">(</span><span class="st0" style="color: #ed7722;">'div'</span><span class="br0" style="color: #00004f;">)</span>.<span class="me1">get</span><span class="br0" style="color: #00004f;">(</span><span class="br0" style="color: #00004f;">)</span><span class="br0" style="color: #00004f;">[</span><span class="nu0" style="color: #00a6dc;">0</span><span class="br0" style="color: #00004f;">]</span><span class="sy0" style="color: #00004f;">;</span>
$<span class="br0" style="color: #00004f;">(</span><span class="st0" style="color: #ed7722;">'div'</span><span class="br0" style="color: #00004f;">)</span><span class="br0" style="color: #00004f;">[</span><span class="nu0" style="color: #00a6dc;">0</span><span class="br0" style="color: #00004f;">]</span><span class="sy0" style="color: #00004f;">;</span></pre>
</div>
</div>
</li>
<li style="border-top-color: rgb(204, 204, 204); border-top-style: dashed; border-top-width: 1px; padding: 8px 0px;">Not only can you bind events to DOM elements; you can also bind a custom event to ANY object!<div class="wp_syntax" border: none; color: #110000; margin: 10px 0px 10px -45px; overflow-x: auto; overflow-y: hidden; padding: 10px 45px; width: 680px;">
<div class="code" style="border: none; color: #694600; margin: 0px; padding: 2px 4px; vertical-align: top;">
<pre class="javascript" style="clear: none; float: none; font-size: 14px; line-height: 1.333; overflow: visible; width: auto;"><span class="kw2" style="color: #aa2063;">function</span> Widget<span class="br0" style="color: #00004f;">(</span><span class="br0" style="color: #00004f;">)</span> <span class="br0" style="color: #00004f;">{</span>
<span class="co1" style="color: #3c802c;">// Do something...</span>
<span class="br0" style="color: #00004f;">}</span><span class="sy0" style="color: #00004f;">;</span>
<span class="kw2" style="color: #aa2063;">var</span> myPhotoWidget <span class="sy0" style="color: #00004f;">=</span> <span class="kw2" style="color: #aa2063;">new</span> Widget<span class="br0" style="color: #00004f;">(</span><span class="st0" style="color: #ed7722;">'photos'</span><span class="br0" style="color: #00004f;">)</span><span class="sy0" style="color: #00004f;">;</span>
jQuery<span class="br0" style="color: #00004f;">(</span>myPhotoWidget<span class="br0" style="color: #00004f;">)</span>.<span class="me1">bind</span><span class="br0" style="color: #00004f;">(</span><span class="st0" style="color: #ed7722;">'photoAdd'</span><span class="sy0" style="color: #00004f;">,</span> <span class="kw2" style="color: #aa2063;">function</span><span class="br0" style="color: #00004f;">(</span><span class="br0" style="color: #00004f;">)</span> <span class="br0" style="color: #00004f;">{</span>
<span class="co1" style="color: #3c802c;">// Custom event handling...</span>
<span class="br0" style="color: #00004f;">}</span><span class="br0" style="color: #00004f;">)</span><span class="sy0" style="color: #00004f;">;</span>
<span class="co1" style="color: #3c802c;">// Trigger event:</span>
jQuery<span class="br0" style="color: #00004f;">(</span>myPhotoWidget<span class="br0" style="color: #00004f;">)</span>.<span class="me1">trigger</span><span class="br0" style="color: #00004f;">(</span><span class="st0" style="color: #ed7722;">'photoAdd'</span><span class="br0" style="color: #00004f;">)</span><span class="sy0" style="color: #00004f;">;</span></pre>
</div>
</div>
</li>
<li style="border-top-color: rgb(204, 204, 204); border-top-style: dashed; border-top-width: 1px; padding: 8px 0px;">Finding the index of a selected element is very easy. jQuery gives us the ‘index’ method:<div class="wp_syntax" border: none; color: #110000; margin: 10px 0px 10px -45px; overflow-x: auto; overflow-y: hidden; padding: 10px 45px; width: 680px;">
<div class="code" style="border: none; color: #694600; margin: 0px; padding: 2px 4px; vertical-align: top;">
<pre class="javascript" style="clear: none; float: none; font-size: 14px; line-height: 1.333; overflow: visible; width: auto;">$<span class="br0" style="color: #00004f;">(</span><span class="st0" style="color: #ed7722;">'table tr'</span><span class="br0" style="color: #00004f;">)</span>.<span class="me1">click</span><span class="br0" style="color: #00004f;">(</span><span class="kw2" style="color: #aa2063;">function</span><span class="br0" style="color: #00004f;">(</span><span class="br0" style="color: #00004f;">)</span><span class="br0" style="color: #00004f;">{</span>
<span class="co1" style="color: #3c802c;">// Find index of clicked table row:</span>
<span class="kw2" style="color: #aa2063;">var</span> index <span class="sy0" style="color: #00004f;">=</span> $<span class="br0" style="color: #00004f;">(</span><span class="st0" style="color: #ed7722;">'table tr'</span><span class="br0" style="color: #00004f;">)</span>.<span class="me1">index</span><span class="br0" style="color: #00004f;">(</span><span class="kw1" style="color: #aa2063;">this</span><span class="br0" style="color: #00004f;">)</span><span class="sy0" style="color: #00004f;">;</span>
<span class="br0" style="color: #00004f;">}</span><span class="br0" style="color: #00004f;">)</span><span class="sy0" style="color: #00004f;">;</span></pre>
</div>
</div>
</li>
<li style="border-top-color: rgb(204, 204, 204); border-top-style: dashed; border-top-width: 1px; padding: 8px 0px;">You can create your own filter selectors. I did a <a href="http://james.padolsey.com/javascript/extending-jquerys-selector-capabilities/" style="color: black;">post on this</a> a while back, but take a look at an example anyway:<div class="wp_syntax" border: none; color: #110000; margin: 10px 0px 10px -45px; overflow-x: auto; overflow-y: hidden; padding: 10px 45px; width: 680px;">
<div class="code" style="border: none; color: #694600; margin: 0px; padding: 2px 4px; vertical-align: top;">
<pre class="javascript" style="clear: none; float: none; font-size: 14px; line-height: 1.333; overflow: visible; width: auto;">$.<span class="me1">expr</span><span class="br0" style="color: #00004f;">[</span><span class="st0" style="color: #ed7722;">':'</span><span class="br0" style="color: #00004f;">]</span>.<span class="me1">external</span> <span class="sy0" style="color: #00004f;">=</span> <span class="kw2" style="color: #aa2063;">function</span><span class="br0" style="color: #00004f;">(</span>elem<span class="sy0" style="color: #00004f;">,</span>index<span class="sy0" style="color: #00004f;">,</span>match<span class="br0" style="color: #00004f;">)</span> <span class="br0" style="color: #00004f;">{</span>
<span class="kw2" style="color: #aa2063;">var</span> url <span class="sy0" style="color: #00004f;">=</span> elem.<span class="me1">href</span> <span class="sy0" style="color: #00004f;">||</span> elem.<span class="me1">src</span><span class="sy0" style="color: #00004f;">,</span>
loc <span class="sy0" style="color: #00004f;">=</span> window.<span class="me1">location</span><span class="sy0" style="color: #00004f;">;</span>
<span class="kw1" style="color: #aa2063;">return</span> <span class="sy0" style="color: #00004f;">!!</span>url.<span class="me1">match</span><span class="br0" style="color: #00004f;">(</span><span class="kw2" style="color: #aa2063;">new</span> RegExp<span class="br0" style="color: #00004f;">(</span><span class="st0" style="color: #ed7722;">'^'</span> <span class="sy0" style="color: #00004f;">+</span> loc.<span class="me1">protocol</span> <span class="sy0" style="color: #00004f;">+</span> <span class="st0" style="color: #ed7722;">'//'</span> <span class="sy0" style="color: #00004f;">+</span> <span class="st0" style="color: #ed7722;">'(?!'</span> <span class="sy0" style="color: #00004f;">+</span> loc.<span class="me1">hostname</span> <span class="sy0" style="color: #00004f;">+</span> <span class="st0" style="color: #ed7722;">')'</span> <span class="br0" style="color: #00004f;">)</span><span class="br0" style="color: #00004f;">)</span><span class="sy0" style="color: #00004f;">;</span>
<span class="br0" style="color: #00004f;">}</span><span class="sy0" style="color: #00004f;">;</span>
<span class="co1" style="color: #3c802c;">// You can now use it within your selectors:</span>
<span class="co1" style="color: #3c802c;">// Find all external anchors:</span>
$<span class="br0" style="color: #00004f;">(</span><span class="st0" style="color: #ed7722;">'a:external'</span><span class="br0" style="color: #00004f;">)</span><span class="sy0" style="color: #00004f;">;</span>
<span class="co1" style="color: #3c802c;">// Find all external script elements:</span>
$<span class="br0" style="color: #00004f;">(</span><span class="st0" style="color: #ed7722;">'script:external'</span><span class="br0" style="color: #00004f;">)</span><span class="sy0" style="color: #00004f;">;</span>
<span class="co1" style="color: #3c802c;">// Determine if link is external:</span>
$<span class="br0" style="color: #00004f;">(</span><span class="st0" style="color: #ed7722;">'a#mylink'</span><span class="br0" style="color: #00004f;">)</span>.<span class="kw1" style="color: #aa2063;">is</span><span class="br0" style="color: #00004f;">(</span><span class="st0" style="color: #ed7722;">':external'</span><span class="br0" style="color: #00004f;">)</span><span class="sy0" style="color: #00004f;">;</span> <span class="co1" style="color: #3c802c;">// true/false</span></pre>
</div>
</div>
</li>
<li style="border-top-color: rgb(204, 204, 204); border-top-style: dashed; border-top-width: 1px; padding: 8px 0px;">I see quite a lot of people still using JavaScript’s FOR or WHILE constructs to create loops in their jQuery scripts. There’s nothing wrong with this but be aware that jQuery’s ‘each’ method can also iterate over arrays and objects!<div class="wp_syntax" border: none; color: #110000; margin: 10px 0px 10px -45px; overflow-x: auto; overflow-y: hidden; padding: 10px 45px; width: 680px;">
<div class="code" style="border: none; color: #694600; margin: 0px; padding: 2px 4px; vertical-align: top;">
<pre class="javascript" style="clear: none; float: none; font-size: 14px; line-height: 1.333; overflow: visible; width: auto;"><span class="kw2" style="color: #aa2063;">var</span> myArr <span class="sy0" style="color: #00004f;">=</span> <span class="br0" style="color: #00004f;">[</span><span class="st0" style="color: #ed7722;">'apple'</span><span class="sy0" style="color: #00004f;">,</span><span class="st0" style="color: #ed7722;">'banana'</span><span class="sy0" style="color: #00004f;">,</span><span class="st0" style="color: #ed7722;">'orange'</span><span class="br0" style="color: #00004f;">]</span><span class="sy0" style="color: #00004f;">;</span>
$.<span class="me1">each</span><span class="br0" style="color: #00004f;">(</span>myArr<span class="sy0" style="color: #00004f;">,</span> <span class="kw2" style="color: #aa2063;">function</span><span class="br0" style="color: #00004f;">(</span>index<span class="sy0" style="color: #00004f;">,</span> <span class="kw1" style="color: #aa2063;">item</span><span class="br0" style="color: #00004f;">)</span> <span class="br0" style="color: #00004f;">{</span>
<span class="co1" style="color: #3c802c;">// Do something with 'item'</span>
<span class="co1" style="color: #3c802c;">// return false to BREAK</span>
<span class="co1" style="color: #3c802c;">// return true to CONTINUE</span>
<span class="br0" style="color: #00004f;">}</span><span class="br0" style="color: #00004f;">)</span><span class="sy0" style="color: #00004f;">;</span></pre>
</div>
</div>
</li>
<li style="border-top-color: rgb(204, 204, 204); border-top-style: dashed; border-top-width: 1px; padding: 8px 0px;">The ‘filter’ method accepts a String selector or a function. When using it with a function you must return false to remove the element from the stack and true to keep it:<div class="wp_syntax" border: none; color: #110000; margin: 10px 0px 10px -45px; overflow-x: auto; overflow-y: hidden; padding: 10px 45px; width: 680px;">
<div class="code" style="border: none; color: #694600; margin: 0px; padding: 2px 4px; vertical-align: top;">
<pre class="javascript" style="clear: none; float: none; font-size: 14px; line-height: 1.333; overflow: visible; width: auto;">$<span class="br0" style="color: #00004f;">(</span><span class="st0" style="color: #ed7722;">'div'</span><span class="br0" style="color: #00004f;">)</span>.<span class="me1">filter</span><span class="br0" style="color: #00004f;">(</span><span class="kw2" style="color: #aa2063;">function</span><span class="br0" style="color: #00004f;">(</span><span class="br0" style="color: #00004f;">)</span><span class="br0" style="color: #00004f;">{</span>
<span class="kw1" style="color: #aa2063;">return</span> <span class="kw1" style="color: #aa2063;">this</span>.<span class="me1">childNodes</span>.<span class="me1">length</span> <span class="sy0" style="color: #00004f;">></span> <span class="nu0" style="color: #00a6dc;">10</span><span class="sy0" style="color: #00004f;">;</span> <span class="co1" style="color: #3c802c;">// Must return a Boolean</span>
<span class="br0" style="color: #00004f;">}</span><span class="br0" style="color: #00004f;">)</span><span class="sy0" style="color: #00004f;">;</span></pre>
</div>
</div>
</li>
<li style="border-top-color: rgb(204, 204, 204); border-top-style: dashed; border-top-width: 1px; padding: 8px 0px;">You don’t have to give new elements IDs or classes to reference them later, just cache them into a variable:<div class="wp_syntax" border: none; color: #110000; margin: 10px 0px 10px -45px; overflow-x: auto; overflow-y: hidden; padding: 10px 45px; width: 680px;">
<div class="code" style="border: none; color: #694600; margin: 0px; padding: 2px 4px; vertical-align: top;">
<pre class="javascript" style="clear: none; float: none; font-size: 14px; line-height: 1.333; overflow: visible; width: auto;"><span class="kw2" style="color: #aa2063;">var</span> myInjectedDiv <span class="sy0" style="color: #00004f;">=</span> $<span class="br0" style="color: #00004f;">(</span><span class="st0" style="color: #ed7722;">'<div/>'</span><span class="br0" style="color: #00004f;">)</span>.<span class="me1">appendTo</span><span class="br0" style="color: #00004f;">(</span><span class="st0" style="color: #ed7722;">'body'</span><span class="br0" style="color: #00004f;">)</span><span class="sy0" style="color: #00004f;">;</span>
<span class="co1" style="color: #3c802c;">// Use 'myInjectedDiv' to reference the element:</span>
myInjectedDiv.<span class="me1">bind</span><span class="br0" style="color: #00004f;">(</span><span class="st0" style="color: #ed7722;">'click'</span><span class="sy0" style="color: #00004f;">,</span> <span class="kw2" style="color: #aa2063;">function</span><span class="br0" style="color: #00004f;">(</span><span class="br0" style="color: #00004f;">)</span><span class="br0" style="color: #00004f;">{</span>
<span class="co1" style="color: #3c802c;">// ...</span>
<span class="br0" style="color: #00004f;">}</span><span class="br0" style="color: #00004f;">)</span><span class="sy0" style="color: #00004f;">;</span></pre>
</div>
</div>
</li>
<li style="border-top-color: rgb(204, 204, 204); border-top-style: dashed; border-top-width: 1px; padding: 8px 0px;">jQuery’s ‘map’ method is incredibly useful, the passed function will be run on every item of the passed array (or object) and whatever the function returns each time is added to the new array, take a look:<div class="wp_syntax" border: none; color: #110000; margin: 10px 0px 10px -45px; overflow-x: auto; overflow-y: hidden; padding: 10px 45px; width: 680px;">
<div class="code" style="border: none; color: #694600; margin: 0px; padding: 2px 4px; vertical-align: top;">
<pre class="javascript" style="clear: none; float: none; font-size: 14px; line-height: 1.333; overflow: visible; width: auto;"><span class="co1" style="color: #3c802c;">// Create an array containing all anchor HREF attributes:</span>
<span class="kw2" style="color: #aa2063;">var</span> URLs <span class="sy0" style="color: #00004f;">=</span> $.<span class="me1">map</span><span class="br0" style="color: #00004f;">(</span>$<span class="br0" style="color: #00004f;">(</span><span class="st0" style="color: #ed7722;">'a'</span><span class="br0" style="color: #00004f;">)</span><span class="sy0" style="color: #00004f;">,</span> <span class="kw2" style="color: #aa2063;">function</span><span class="br0" style="color: #00004f;">(</span>elem<span class="sy0" style="color: #00004f;">,</span> index<span class="br0" style="color: #00004f;">)</span><span class="br0" style="color: #00004f;">{</span>
<span class="kw1" style="color: #aa2063;">return</span> elem.<span class="me1">href</span><span class="sy0" style="color: #00004f;">;</span>
<span class="br0" style="color: #00004f;">}</span><span class="br0" style="color: #00004f;">)</span><span class="sy0" style="color: #00004f;">;</span>
<span class="co1" style="color: #3c802c;">// URLs = ['http://google.com', 'http://whatever.com', 'http://yahoo.com']</span></pre>
</div>
</div>
</li>
<li style="border-top-color: rgb(204, 204, 204); border-top-style: dashed; border-top-width: 1px; padding: 8px 0px;">This isn’t jQuery related but it can be very useful. When you need to compare two different ways of doing something (performance-wise) you can use the Firebug console to log the time taken to complete a chunk of code, for example:<div class="wp_syntax" border: none; color: #110000; margin: 10px 0px 10px -45px; overflow-x: auto; overflow-y: hidden; padding: 10px 45px; width: 680px;">
<div class="code" style="border: none; color: #694600; margin: 0px; padding: 2px 4px; vertical-align: top;">
<pre class="javascript" style="clear: none; float: none; font-size: 14px; line-height: 1.333; overflow: visible; width: auto;">console.<span class="me1">time</span><span class="br0" style="color: #00004f;">(</span><span class="st0" style="color: #ed7722;">'My first method'</span><span class="br0" style="color: #00004f;">)</span><span class="sy0" style="color: #00004f;">;</span>
<span class="co1" style="color: #3c802c;">// Do something...</span>
console.<span class="me1">timeEnd</span><span class="br0" style="color: #00004f;">(</span><span class="st0" style="color: #ed7722;">'My first method'</span><span class="br0" style="color: #00004f;">)</span><span class="sy0" style="color: #00004f;">;</span>
console.<span class="me1">time</span><span class="br0" style="color: #00004f;">(</span><span class="st0" style="color: #ed7722;">'My second method'</span><span class="br0" style="color: #00004f;">)</span><span class="sy0" style="color: #00004f;">;</span>
<span class="co1" style="color: #3c802c;">// Do something else...</span>
console.<span class="me1">timeEnd</span><span class="br0" style="color: #00004f;">(</span><span class="st0" style="color: #ed7722;">'My second method'</span><span class="br0" style="color: #00004f;">)</span><span class="sy0" style="color: #00004f;">;</span>
<span class="co1" style="color: #3c802c;">// Firebug will log the time (in milliseconds) taken</span>
<span class="co1" style="color: #3c802c;">// to complete each chunk...</span></pre>
</div>
</div>
</li>
</ul>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-152858382873702802.post-75717463512943393952012-06-14T01:01:00.000-07:002012-06-14T01:01:01.330-07:00how to write xml through datatable<br />
<span style="font-family: 'Trebuchet MS', sans-serif;">write xml through datatable</span><br />
<span style="font-family: 'Trebuchet MS', sans-serif;"><br /></span><br />
<span style="font-family: 'Trebuchet MS', sans-serif;">StringWriter writer = new StringWriter();</span><br />
<span style="font-family: 'Trebuchet MS', sans-serif;"> dt.WriteXml(writer, XmlWriteMode.WriteSchema, true);</span><br />
<span style="font-family: 'Trebuchet MS', sans-serif;"> string str = writer.ToString();</span><br />Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-152858382873702802.post-21994218642554954122012-06-13T23:42:00.000-07:002013-04-10T00:45:07.244-07:00How Set and Get ASP.NET session variables with JavaScriptIs there any possible method to directly set ASP.NET session variable with JavaScript? NO. You cannot directly set a session variable via JavaScript. But there is a work around. <br />
<br />
In the early days of classic ASP, we achieved this by using a hidden frame and use a server post back behind the scene. <br />
<br />
But with AJAX, we no longer need hidden frames. All you have to do is, create a new page which accepts the parameters you need to set and then call that page with necessary parameters. <br />
<br />
JavaScript <br />
var url = "AjaxCall.aspx?Userid= " + Userid;
req = new ActiveXObject("Microsoft.XMLHTTP");
req.open("POST", url, true);
req.send();
<br />
<br />
AjaxCall.aspx <br />
private void Page_Load(object sender, System.EventArgs e) <br />
{ <br />
if(Request.QueryString["Userid"] != null) <br />
{ <br />
Session["Userid"] =Request.QueryString["Userid"].ToString(); <br />
} <br />
} <br />
<br />
You can access the Session variable in your HTML page. <br />
<br />
userid = <%=Session["Userid"]%> <br />
Then after render it will show you the session value at the page <br />
<br />
<br />
<br />
userid = 000912 <br />
<br />
<br />
Hope This Help.. <br />
Please leave a comment below.Unknownnoreply@blogger.com2tag:blogger.com,1999:blog-152858382873702802.post-65891934595622881402012-06-10T08:18:00.003-07:002012-06-10T08:18:52.590-07:00how to create polygon same like google search.<span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="color: #000088; font-family: 'Courier New'; font-size: 10pt;">Just use the Google Map script engine...</span></span><br />
<span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="color: #000088; font-family: 'Courier New'; font-size: 10pt;"><br /></span></span><br />
<span style="color: #000088; font-family: 'Courier New'; font-size: x-small;"><br /></span><br />
<span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="color: #000088; font-family: 'Courier New'; font-size: 10pt;"><br /></span></span><br />
<span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="color: #000088; font-family: 'Courier New'; font-size: 10pt;">var</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="color: #000088; font-family: 'Courier New'; font-size: 10pt;"> </span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="font-family: 'Courier New'; font-size: 10pt;">line</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="color: #666666; font-family: 'Courier New'; font-size: 10pt;">;</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #666666; font-family: 'Courier New'; font-size: 10pt;"><br /></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="color: #000088; font-family: 'Courier New'; font-size: 10pt;">function</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="color: #000088; font-family: 'Courier New'; font-size: 10pt;"> </span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="font-family: 'Courier New'; font-size: 10pt;">initialize</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="color: #666666; font-family: 'Courier New'; font-size: 10pt;">()</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="color: #666666; font-family: 'Courier New'; font-size: 10pt;"> </span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="color: #666666; font-family: 'Courier New'; font-size: 10pt;">{</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #666666; font-family: 'Courier New'; font-size: 10pt;"><br /> </span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="color: #000088; font-family: 'Courier New'; font-size: 10pt;">var</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="color: #000088; font-family: 'Courier New'; font-size: 10pt;"> </span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="font-family: 'Courier New'; font-size: 10pt;">mapDiv</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="font-family: 'Courier New'; font-size: 10pt;"> </span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="color: #666666; font-family: 'Courier New'; font-size: 10pt;">=</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="color: #666666; font-family: 'Courier New'; font-size: 10pt;"> </span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="font-family: 'Courier New'; font-size: 10pt;">document</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="color: #666666; font-family: 'Courier New'; font-size: 10pt;">.</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="font-family: 'Courier New'; font-size: 10pt;">getEle<wbr></wbr>mentById</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="color: #666666; font-family: 'Courier New'; font-size: 10pt;">(</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="color: #008800; font-family: 'Courier New'; font-size: 10pt;">'map-canvas'</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="color: #666666; font-family: 'Courier New'; font-size: 10pt;">);</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #666666; font-family: 'Courier New'; font-size: 10pt;"><br /> </span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="color: #000088; font-family: 'Courier New'; font-size: 10pt;">var</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="color: #000088; font-family: 'Courier New'; font-size: 10pt;"> </span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="font-family: 'Courier New'; font-size: 10pt;">map</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="font-family: 'Courier New'; font-size: 10pt;"> </span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="color: #666666; font-family: 'Courier New'; font-size: 10pt;">=</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="color: #666666; font-family: 'Courier New'; font-size: 10pt;"> </span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="color: #000088; font-family: 'Courier New'; font-size: 10pt;">new</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="color: #000088; font-family: 'Courier New'; font-size: 10pt;"> </span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="font-family: 'Courier New'; font-size: 10pt;">google</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="color: #666666; font-family: 'Courier New'; font-size: 10pt;">.</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="font-family: 'Courier New'; font-size: 10pt;">maps</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="color: #666666; font-family: 'Courier New'; font-size: 10pt;">.</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="font-family: 'Courier New'; font-size: 10pt;">Ma<wbr></wbr>p</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="color: #666666; font-family: 'Courier New'; font-size: 10pt;">(</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="font-family: 'Courier New'; font-size: 10pt;">mapDiv</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="color: #666666; font-family: 'Courier New'; font-size: 10pt;">,</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="color: #666666; font-family: 'Courier New'; font-size: 10pt;"> </span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="color: #666666; font-family: 'Courier New'; font-size: 10pt;">{</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #666666; font-family: 'Courier New'; font-size: 10pt;"><br /> </span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="font-family: 'Courier New'; font-size: 10pt;">center</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="color: #666666; font-family: 'Courier New'; font-size: 10pt;">:</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="color: #666666; font-family: 'Courier New'; font-size: 10pt;"> </span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="color: #000088; font-family: 'Courier New'; font-size: 10pt;">new</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="color: #000088; font-family: 'Courier New'; font-size: 10pt;"> </span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="font-family: 'Courier New'; font-size: 10pt;">google</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="color: #666666; font-family: 'Courier New'; font-size: 10pt;">.</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="font-family: 'Courier New'; font-size: 10pt;">maps</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="color: #666666; font-family: 'Courier New'; font-size: 10pt;">.</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="font-family: 'Courier New'; font-size: 10pt;">LatL<wbr></wbr>ng</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="color: #666666; font-family: 'Courier New'; font-size: 10pt;">(</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="color: #228811; font-family: 'Courier New'; font-size: 10pt;">0</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="color: #666666; font-family: 'Courier New'; font-size: 10pt;">,</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="color: #666666; font-family: 'Courier New'; font-size: 10pt;"> </span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="color: #666666; font-family: 'Courier New'; font-size: 10pt;">-</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="color: #228811; font-family: 'Courier New'; font-size: 10pt;">180</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="color: #666666; font-family: 'Courier New'; font-size: 10pt;">),</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #666666; font-family: 'Courier New'; font-size: 10pt;"><br /> </span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="font-family: 'Courier New'; font-size: 10pt;">zoom</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="color: #666666; font-family: 'Courier New'; font-size: 10pt;">:</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="color: #666666; font-family: 'Courier New'; font-size: 10pt;"> </span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="color: #228811; font-family: 'Courier New'; font-size: 10pt;">2</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="color: #666666; font-family: 'Courier New'; font-size: 10pt;">,</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #666666; font-family: 'Courier New'; font-size: 10pt;"><br /> </span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="font-family: 'Courier New'; font-size: 10pt;">mapTypeId</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="color: #666666; font-family: 'Courier New'; font-size: 10pt;">:</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="color: #666666; font-family: 'Courier New'; font-size: 10pt;"> </span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="font-family: 'Courier New'; font-size: 10pt;">google</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="color: #666666; font-family: 'Courier New'; font-size: 10pt;">.</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="font-family: 'Courier New'; font-size: 10pt;">maps</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="color: #666666; font-family: 'Courier New'; font-size: 10pt;">.</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="font-family: 'Courier New'; font-size: 10pt;">MapTy<wbr></wbr>peId</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="color: #666666; font-family: 'Courier New'; font-size: 10pt;">.</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="font-family: 'Courier New'; font-size: 10pt;">ROADMAP</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #666666; font-family: 'Courier New'; font-size: 10pt;"><br /> });<br /> </span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="color: #000088; font-family: 'Courier New'; font-size: 10pt;">var</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="color: #000088; font-family: 'Courier New'; font-size: 10pt;"> </span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="font-family: 'Courier New'; font-size: 10pt;">path</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="font-family: 'Courier New'; font-size: 10pt;"> </span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="color: #666666; font-family: 'Courier New'; font-size: 10pt;">=</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="color: #666666; font-family: 'Courier New'; font-size: 10pt;"> </span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="color: #666666; font-family: 'Courier New'; font-size: 10pt;">[</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="color: #000088; font-family: 'Courier New'; font-size: 10pt;">new</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="color: #000088; font-family: 'Courier New'; font-size: 10pt;"> </span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="font-family: 'Courier New'; font-size: 10pt;">google</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="color: #666666; font-family: 'Courier New'; font-size: 10pt;">.</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="font-family: 'Courier New'; font-size: 10pt;">maps</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="color: #666666; font-family: 'Courier New'; font-size: 10pt;">.</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="font-family: 'Courier New'; font-size: 10pt;"><wbr></wbr>LatLng</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="color: #666666; font-family: 'Courier New'; font-size: 10pt;">(</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="color: #228811; font-family: 'Courier New'; font-size: 10pt;">37.772323</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="color: #666666; font-family: 'Courier New'; font-size: 10pt;">,</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="color: #666666; font-family: 'Courier New'; font-size: 10pt;"> </span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="color: #666666; font-family: 'Courier New'; font-size: 10pt;">-</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="color: #228811; font-family: 'Courier New'; font-size: 10pt;">122.214897</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="color: #666666; font-family: 'Courier New'; font-size: 10pt;">)<wbr></wbr>,</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #666666; font-family: 'Courier New'; font-size: 10pt;"><br /> </span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="color: #000088; font-family: 'Courier New'; font-size: 10pt;">new</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="color: #000088; font-family: 'Courier New'; font-size: 10pt;"> </span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="font-family: 'Courier New'; font-size: 10pt;">google</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="color: #666666; font-family: 'Courier New'; font-size: 10pt;">.</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="font-family: 'Courier New'; font-size: 10pt;">maps</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="color: #666666; font-family: 'Courier New'; font-size: 10pt;">.</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="font-family: 'Courier New'; font-size: 10pt;">LatLng</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="color: #666666; font-family: 'Courier New'; font-size: 10pt;">(</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="color: #228811; font-family: 'Courier New'; font-size: 10pt;">21.<wbr></wbr>291982</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="color: #666666; font-family: 'Courier New'; font-size: 10pt;">,</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="color: #666666; font-family: 'Courier New'; font-size: 10pt;"> </span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="color: #666666; font-family: 'Courier New'; font-size: 10pt;">-</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="color: #228811; font-family: 'Courier New'; font-size: 10pt;">157.821856</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="color: #666666; font-family: 'Courier New'; font-size: 10pt;">),</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #666666; font-family: 'Courier New'; font-size: 10pt;"><br /> </span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="color: #000088; font-family: 'Courier New'; font-size: 10pt;">new</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="color: #000088; font-family: 'Courier New'; font-size: 10pt;"> </span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="font-family: 'Courier New'; font-size: 10pt;">google</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="color: #666666; font-family: 'Courier New'; font-size: 10pt;">.</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="font-family: 'Courier New'; font-size: 10pt;">maps</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="color: #666666; font-family: 'Courier New'; font-size: 10pt;">.</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="font-family: 'Courier New'; font-size: 10pt;">LatLng</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="color: #666666; font-family: 'Courier New'; font-size: 10pt;">(</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="color: #666666; font-family: 'Courier New'; font-size: 10pt;">-</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="color: #228811; font-family: 'Courier New'; font-size: 10pt;">18.<wbr></wbr>142599</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="color: #666666; font-family: 'Courier New'; font-size: 10pt;">,</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="color: #666666; font-family: 'Courier New'; font-size: 10pt;"> </span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="color: #228811; font-family: 'Courier New'; font-size: 10pt;">178.431</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="color: #666666; font-family: 'Courier New'; font-size: 10pt;">),</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #666666; font-family: 'Courier New'; font-size: 10pt;"><br /> </span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="color: #000088; font-family: 'Courier New'; font-size: 10pt;">new</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="color: #000088; font-family: 'Courier New'; font-size: 10pt;"> </span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="font-family: 'Courier New'; font-size: 10pt;">google</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="color: #666666; font-family: 'Courier New'; font-size: 10pt;">.</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="font-family: 'Courier New'; font-size: 10pt;">maps</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="color: #666666; font-family: 'Courier New'; font-size: 10pt;">.</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="font-family: 'Courier New'; font-size: 10pt;">LatLng</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="color: #666666; font-family: 'Courier New'; font-size: 10pt;">(</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="color: #666666; font-family: 'Courier New'; font-size: 10pt;">-</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="color: #228811; font-family: 'Courier New'; font-size: 10pt;">27.<wbr></wbr>46758</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="color: #666666; font-family: 'Courier New'; font-size: 10pt;">,</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="color: #666666; font-family: 'Courier New'; font-size: 10pt;"> </span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="color: #228811; font-family: 'Courier New'; font-size: 10pt;">153.027892</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="color: #666666; font-family: 'Courier New'; font-size: 10pt;">)];</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #666666; font-family: 'Courier New'; font-size: 10pt;"><br /><br /> </span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="font-family: 'Courier New'; font-size: 10pt;">line</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="font-family: 'Courier New'; font-size: 10pt;"> </span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="color: #666666; font-family: 'Courier New'; font-size: 10pt;">=</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="color: #666666; font-family: 'Courier New'; font-size: 10pt;"> </span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="color: #000088; font-family: 'Courier New'; font-size: 10pt;">new</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="color: #000088; font-family: 'Courier New'; font-size: 10pt;"> </span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="font-family: 'Courier New'; font-size: 10pt;">google</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="color: #666666; font-family: 'Courier New'; font-size: 10pt;">.</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="font-family: 'Courier New'; font-size: 10pt;">maps</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="color: #666666; font-family: 'Courier New'; font-size: 10pt;">.</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="font-family: 'Courier New'; font-size: 10pt;">Polyl<wbr></wbr>ine</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="color: #666666; font-family: 'Courier New'; font-size: 10pt;">({</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #666666; font-family: 'Courier New'; font-size: 10pt;"><br /> </span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="font-family: 'Courier New'; font-size: 10pt;">strokeColor</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="color: #666666; font-family: 'Courier New'; font-size: 10pt;">:</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="color: #666666; font-family: 'Courier New'; font-size: 10pt;"> </span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="color: #008800; font-family: 'Courier New'; font-size: 10pt;">'#ff0000'</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="color: #666666; font-family: 'Courier New'; font-size: 10pt;">,</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #666666; font-family: 'Courier New'; font-size: 10pt;"><br /> </span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="font-family: 'Courier New'; font-size: 10pt;">strokeOpacity</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="color: #666666; font-family: 'Courier New'; font-size: 10pt;">:</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="color: #666666; font-family: 'Courier New'; font-size: 10pt;"> </span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="color: #228811; font-family: 'Courier New'; font-size: 10pt;">1.0</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="color: #666666; font-family: 'Courier New'; font-size: 10pt;">,</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #666666; font-family: 'Courier New'; font-size: 10pt;"><br /> </span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="font-family: 'Courier New'; font-size: 10pt;">strokeWeight</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="color: #666666; font-family: 'Courier New'; font-size: 10pt;">:</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="color: #666666; font-family: 'Courier New'; font-size: 10pt;"> </span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="color: #228811; font-family: 'Courier New'; font-size: 10pt;">2</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #666666; font-family: 'Courier New'; font-size: 10pt;"><br /> });<br /><br /> </span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="font-family: 'Courier New'; font-size: 10pt;">line</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="color: #666666; font-family: 'Courier New'; font-size: 10pt;">.</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="font-family: 'Courier New'; font-size: 10pt;">setMap</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="color: #666666; font-family: 'Courier New'; font-size: 10pt;">(</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="font-family: 'Courier New'; font-size: 10pt;">map</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="color: #666666; font-family: 'Courier New'; font-size: 10pt;">);</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #666666; font-family: 'Courier New'; font-size: 10pt;"><br /><br /> </span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="font-family: 'Courier New'; font-size: 10pt;">google</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="color: #666666; font-family: 'Courier New'; font-size: 10pt;">.</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="font-family: 'Courier New'; font-size: 10pt;">maps</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="color: #666666; font-family: 'Courier New'; font-size: 10pt;">.</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="font-family: 'Courier New'; font-size: 10pt;">event</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="color: #666666; font-family: 'Courier New'; font-size: 10pt;">.</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="font-family: 'Courier New'; font-size: 10pt;">addListene<wbr></wbr>r</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="color: #666666; font-family: 'Courier New'; font-size: 10pt;">(</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="font-family: 'Courier New'; font-size: 10pt;">map</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="color: #666666; font-family: 'Courier New'; font-size: 10pt;">,</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="color: #666666; font-family: 'Courier New'; font-size: 10pt;"> </span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="color: #008800; font-family: 'Courier New'; font-size: 10pt;">'click'</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="color: #666666; font-family: 'Courier New'; font-size: 10pt;">,</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="color: #666666; font-family: 'Courier New'; font-size: 10pt;"> </span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="font-family: 'Courier New'; font-size: 10pt;">addNewPoint</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="color: #666666; font-family: 'Courier New'; font-size: 10pt;">);</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #666666; font-family: 'Courier New'; font-size: 10pt;"><br />}<br /></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="color: #000088; font-family: 'Courier New'; font-size: 10pt;">function</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="color: #000088; font-family: 'Courier New'; font-size: 10pt;"> </span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="font-family: 'Courier New'; font-size: 10pt;">addNewPoint</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="color: #666666; font-family: 'Courier New'; font-size: 10pt;">(</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="font-family: 'Courier New'; font-size: 10pt;">e</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="color: #666666; font-family: 'Courier New'; font-size: 10pt;">)</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="color: #666666; font-family: 'Courier New'; font-size: 10pt;"> </span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="color: #666666; font-family: 'Courier New'; font-size: 10pt;">{</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #666666; font-family: 'Courier New'; font-size: 10pt;"><br /> </span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="color: #000088; font-family: 'Courier New'; font-size: 10pt;">var</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="color: #000088; font-family: 'Courier New'; font-size: 10pt;"> </span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="font-family: 'Courier New'; font-size: 10pt;">path</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="font-family: 'Courier New'; font-size: 10pt;"> </span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="color: #666666; font-family: 'Courier New'; font-size: 10pt;">=</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="color: #666666; font-family: 'Courier New'; font-size: 10pt;"> </span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="font-family: 'Courier New'; font-size: 10pt;">line</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="color: #666666; font-family: 'Courier New'; font-size: 10pt;">.</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="font-family: 'Courier New'; font-size: 10pt;">getPath</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="color: #666666; font-family: 'Courier New'; font-size: 10pt;">();</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #666666; font-family: 'Courier New'; font-size: 10pt;"><br /> </span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="font-family: 'Courier New'; font-size: 10pt;">path</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="color: #666666; font-family: 'Courier New'; font-size: 10pt;">.</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="font-family: 'Courier New'; font-size: 10pt;">push</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="color: #666666; font-family: 'Courier New'; font-size: 10pt;">(</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="font-family: 'Courier New'; font-size: 10pt;">e</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="color: #666666; font-family: 'Courier New'; font-size: 10pt;">.</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="font-family: 'Courier New'; font-size: 10pt;">latLng</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;"><span style="color: #666666; font-family: 'Courier New'; font-size: 10pt;">);</span></span><span style="background-color: rgba(255, 255, 255, 0.917969); color: #666666; font-family: 'Courier New'; font-size: 10pt;"><br />}</span>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-152858382873702802.post-53929509618121756342012-06-10T08:14:00.001-07:002012-06-10T08:14:09.577-07:00Advanced Search In Gmail.<br />
<div class="answer_heading" style="background-color: white; color: #222222; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 19px;">
<h2 class="answer-title" style="display: inline; float: left; font-family: Arial; font-size: 20px; font-weight: normal; line-height: 24px; margin: 0px; padding: 0px 0.5em 0px 0px;">
Using advanced search</h2>
<div>
<br /></div>
<div class="clear" style="clear: both;">
</div>
</div>
<div class="article_content article-content-7190" id="article-content-div" style="color: #222222; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin-top: 10px;">
<div style="background-color: white;">
What you have to just type these command in search and you will get the Result.</div>
<span style="background-color: yellow;">Suppose you want to search the all unread mail then type:</span><br />
<br /><span style="background-color: yellow;">is:unread in:inbox</span><br />
<div style="background-color: white;">
<br /></div>
<div style="background-color: white;">
Advanced search operators are query words or symbols that perform special actions in Gmail search. These operators allow you to find what you're looking for quickly and accurately. They can also be used to <a href="https://mail.google.com/support/bin/answer.py?answer=6579" style="color: #6611cc;">set up filters</a> so you can organize your inbox automatically. Some of the most useful operators are listed below.</div>
<div style="background-color: white;">
You can also refine your search by clicking the arrow in the search box.</div>
<div style="background-color: white;">
</div>
<table border="1" cellpadding="7" cellspacing="0" style="background-color: white;"><tbody>
<tr bgcolor="#c3d9ff"><th align="center" style="font-size: 10pt; padding-top: 7px; text-align: left;" valign="middle">Operator</th><th align="center" style="font-size: 10pt; padding-top: 7px; text-align: left;" valign="middle">Definition</th><th align="center" style="font-size: 10pt; padding-top: 7px; text-align: left;" valign="middle">Examples</th></tr>
<tr><th align="center" style="font-size: 10pt; padding-top: 7px; text-align: left;" valign="middle">from:</th><td align="center" valign="middle">Used to specify the sender</td><td valign="top">Example: <strong>from:amy</strong><br />Meaning: Messages from Amy</td></tr>
<tr><th align="center" style="font-size: 10pt; padding-top: 7px; text-align: left;" valign="middle">to:</th><td align="center" valign="middle">Used to specify a recipient</td><td valign="top">Example: <strong>to:david</strong><br />Meaning: All messages that were sent to David (by you or someone else)</td></tr>
<tr><th align="center" style="font-size: 10pt; padding-top: 7px; text-align: left;" valign="middle">subject:</th><td align="center" nowrap="" valign="middle">Search for words in the subject line</td><td valign="top">Example: <strong>subject:dinner</strong><br />Meaning: Messages that have the word "dinner" in the subject</td></tr>
<tr><th align="center" style="font-size: 10pt; padding-top: 7px; text-align: left;" valign="middle">OR</th><td align="center" valign="middle">Search for messages matching term A or term B*<br />*OR must be in all caps</td><td valign="top">Example: <strong>from:amy OR from:david</strong><br />Meaning: Messages from Amy or from David</td></tr>
<tr><th align="center" style="font-size: 10pt; padding-top: 7px; text-align: left;" valign="middle">-<br />(hyphen)</th><td align="center" valign="middle">Used to exclude messages from your search</td><td valign="top">Example: <strong>dinner -movie</strong><br />Meaning: Messages that contain the word "dinner" but do not contain the word "movie"</td></tr>
<tr><th align="center" style="font-size: 10pt; padding-top: 7px; text-align: left;" valign="middle"><strong>label:</strong></th><td align="center" valign="middle">Search for messages by label*<br />*There isn't a search operator for unlabeled messages</td><td valign="top">Example:<strong> from:amy label:friends</strong><br />Meaning: Messages from Amy that have the label "friends"Example:<strong> from:david label:my-family</strong><br />Meaning: Messages from David that have the label "My Family"</td></tr>
<tr><th align="center" style="font-size: 10pt; padding-top: 7px; text-align: left;" valign="middle">has:attachment</th><td align="center" valign="middle">Search for messages with an attachment</td><td valign="top">Example: <strong>from:david has:attachment </strong><br />Meaning: Messages from David that have an attachment</td></tr>
<tr><th align="center" style="font-size: 10pt; padding-top: 7px; text-align: left;" valign="middle">list:</th><td align="center" valign="middle">Search for messages on mailing lists</td><td valign="top">Example: <strong>list:info@example.com </strong><br />Meaning: Messages with the words info@example.com in the headers, sent to or from this list</td></tr>
<tr><th align="center" style="font-size: 10pt; padding-top: 7px; text-align: left;" valign="middle">filename:</th><td align="center" valign="middle">Search for an attachment by name or type</td><td valign="top">Example:<strong>filename:physicshomework.txt</strong><br />Meaning: Messages with an attachment named "physicshomework.txt"<br />
Example: <strong>label:work filename:pdf</strong><br />Meaning: Messages labeled "work" that also have a PDF file as an attachment</td></tr>
<tr><th align="center" style="font-size: 10pt; padding-top: 7px; text-align: left;" valign="middle">" "<br /><strong>(quotes)</strong></th><td align="center" valign="middle">Used to search for an exact phrase*<br />*Capitalization isn't taken into consideration</td><td valign="top">Example: <strong>"i'm feeling lucky"</strong><br />Meaning: Messages containing the phrase "i'm feeling lucky" or "I'm feeling lucky"<br />
Example: <strong>subject:"dinner and a movie"</strong><br />Meaning: Messages containing the phrase "dinner and a movie" in the subject</td></tr>
<tr><th align="center" style="font-size: 10pt; padding-top: 7px; text-align: left;" valign="middle">( )</th><td align="center" valign="middle">Used to group words<br />Used to specify terms that shouldn't be excluded</td><td valign="top">Example: <strong>from:amy (dinner OR movie)</strong><br />Meaning: Messages from Amy that contain either the word "dinner" or the word "movie"<br />
Example: <strong>subject:(dinner movie)</strong><br />Meaning: Messages in which the subject contains both the word "dinner" and the word "movie"</td></tr>
<tr><th align="center" style="font-size: 10pt; padding-top: 7px; text-align: left;" valign="middle">in:anywhere</th><td align="center" valign="middle">Search for messages anywhere in Gmail*<br />*Messages in <strong>Spam</strong> and <strong>Trash</strong>are excluded from searches by default</td><td valign="top">Example: <strong>in:anywhere movie </strong><br />Meaning: Messages in <strong>All Mail</strong>,<strong>Spam</strong>, and <strong>Trash</strong> that contain the word "movie"</td></tr>
<tr><th align="center" style="font-size: 10pt; padding-top: 7px; text-align: left;" valign="middle">in:inbox<br />in:trash<br />in:spam</th><td align="center" valign="middle">Search for messages in <strong>Inbox</strong>,<strong>Trash</strong>, or <strong>Spam</strong></td><td valign="top">Example: <strong>in:trash from:amy</strong><br />Meaning: Messages from Amy that are in <strong>Trash</strong></td></tr>
<tr><th align="center" style="font-size: 10pt; padding-top: 7px; text-align: left;" valign="middle">is:important<br />label:important</th><td align="center" valign="middle">Search within messages that<a href="http://mail.google.com/support/bin/answer.py?hl=en&answer=186531" style="color: #6611cc;">Priority Inbox</a> considers important.</td><td valign="top">Example: <strong>is:important from:janet</strong><br />Meaning: Messages from Janet that were marked as important by <strong>Priority Inbox</strong></td></tr>
<tr><th align="center" style="font-size: 10pt; padding-top: 7px; text-align: left;" valign="middle">is:starred<br />is:unread<br />is:read</th><td align="center" valign="middle">Search for messages that are starred, unread, or read</td><td valign="top">Example: <strong>is:read is:starred from:David</strong><br />Meaning: Messages from David that have been read and are marked with a star</td></tr>
<tr><th align="center" style="font-size: 10pt; padding-top: 7px; text-align: left;" valign="middle">has:yellow-star<br />has:red-star<br />has:orange-star<br />has:green-star<br />has:blue-star<br />has:purple-star<br />has:red-bang<br />has:orange-guillemet<br />has:yellow-bang<br />has:green-check<br />has:blue-info<br />has:purple-question</th><td align="center" valign="middle">Search for messages with a particular star</td><td valign="top">Example: <strong>has:purple-star from:David</strong><br />Meaning: Messages from David that are marked with a purple star</td></tr>
<tr><th align="center" style="font-size: 10pt; padding-top: 7px; text-align: left;" valign="middle">cc:<br />bcc:</th><td align="center" valign="middle">Used to specify recipients in the<strong>cc:</strong> or <strong>bcc:</strong> fields*<br />*Search on bcc: cannot retrieve messages on which you were blind carbon copied</td><td valign="top">Example: <strong>cc:david </strong><br />Meaning: Messages that were cc-ed to David</td></tr>
<tr><th align="center" style="font-size: 10pt; padding-top: 7px; text-align: left;" valign="middle">after:<br />before:</th><td align="center" valign="middle">Search for messages sent during a certain period of time<br />(using the date format yyyy/mm/dd)</td><td valign="top">Example: <strong>after:2004/04/16 before:2004/04/18 </strong><br />Meaning: Messages sent between April 16, 2004 and April 18, 2004.*<br />*More precisely: Messages sent after 12:00 AM (or 00:00) April 16, 2004 and before April 18, 2004.</td></tr>
<tr><th align="center" style="font-size: 10pt; padding-top: 7px; text-align: left;" valign="middle">is:chat</th><td align="center" valign="middle">Search for chat messages</td><td valign="top">Example: <strong>is:chat monkey</strong><br />Meaning: Any chat message including the word "monkey."</td></tr>
<tr><th align="center" style="font-size: 10pt; padding-top: 7px; text-align: left;" valign="middle">deliveredto:</th><td align="center" valign="middle">Search for messages within a particular email address in the Delivered-To line of the message header</td><td valign="top">Example:<strong>deliveredto:username@gmail.com</strong><br />Meaning: Any message with username@gmail.com in the Delivered-To: field of the message header (which can help you find messages forwarded from another account or ones sent to an alias).</td></tr>
<tr><th align="center" style="font-size: 10pt; padding-top: 7px; text-align: left;" valign="middle">circle:</th><td align="center" valign="middle">Search for messages that were sent from someone who you added to a particular Google+ circle</td><td valign="top">Example:<strong> circle:friends</strong><br />Meaning: Any message that was sent by a person in your "Friends" circle.<br /><br />Examples: <strong>circle:"soccer friends (team blue)"</strong> or <strong>circle:"my \"fab four\""</strong><br />Notes: For circle names that include a space, parentheses, curly brackets, or vertical bar, add quotes around the name. For names that include quotes, add a back slash immediately before the quotes.</td></tr>
<tr><th align="center" style="font-size: 10pt; padding-top: 7px; text-align: left;" valign="middle">has:circle</th><td align="center" valign="middle">Search for all messages that were sent from someone who you added to your Google+ circles</td><td valign="top">Example:<strong> has:circle </strong><br />Meaning: Any message that was sent by a person in any of your circles.</td></tr>
</tbody></table>
</div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-152858382873702802.post-51158508474445016502012-06-07T23:28:00.001-07:002012-06-07T23:28:33.832-07:00How to Disable previous Date in Jquery Datepicker.<br />
<script type="text/javascript"><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>$(function() {<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>$("#txtStartDate").datepicker(<br />
{<br />
dateFormat: "dd/mm/yy",<br />
showOn: "button",<br />
changeYear: true,<br />
changeMonth: true,<br />
minDate:"0",<br />
onSelect:function()<br />
{<br />
UpdateStartDate();<br />
}<br />
}<br />
);<br />
$("#endValid").datepicker(<br />
{<br />
dateFormat: "dd/mm/yy",<br />
showOn: "button",<br />
changeYear: true,<br />
changeMonth: true,<br />
minDate:"0"<br />
}<br />
);<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>});<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span><br />
<br />
function UpdateStartDate()<br />
{<br />
str = $("#startValid").val();<br />
if(str != "")<br />
{<br />
var parts = str.split("/");<br />
parts[0]++;<br />
date = new Date(parts[2], parts[1]-1, parts[0]);<br />
<br />
$("#endValid" ).datepicker( "option", "minDate", date );<br />
date2 = new Date();<br />
date2.setFullYear(date.getFullYear(), date.getMonth(), date.getDate()-1);<br />
date2.setMonth(date2.getMonth()+12, date2.getDate());<br />
<br />
$( "#endValid" ).datepicker( "option", "default", date2 );<br />
month = date2.getMonth()+1;<br />
month = month.toString();<br />
day = date2.getDate();<br />
day = day.toString();<br />
if(month.length == 1)<br />
{<br />
month = "0" + month;<br />
}<br />
if(day.length == 1)<br />
{<br />
day = "0" + day;<br />
}<br />
dateStr = day +"/"+month+"/"+date2.getFullYear();<br />
if($("#endValid").val() == "")<br />
{<br />
$("#endValid").val(dateStr);<br />
}<br />
}<br />
}<br />
</script><br />Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-152858382873702802.post-22759532229558517932012-06-07T23:10:00.000-07:002012-06-07T23:10:01.497-07:00Adding a trigger button for Datepicker<br />
<div style="background-color: #f0f6fb; font-family: Georgia, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; text-align: left;">
<b>jQuery UI Adding a trigger button for Datepicker tutorial</b>. By default, user can open datepicker when <input> element receives focus. we can change this very easily. We can make datepicker opens when a button is clicked instead. The most basic type of <button> can be enabled with just the showOn option</div>
<div style="background-color: #f0f6fb; border: 0px; font-family: Georgia, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; margin: 0px; padding: 0px; text-align: left; vertical-align: baseline; width: 400px;">
<div class="syntaxhighlighter " id="highlighter_113186" style="background-color: rgb(255, 255, 255) !important; background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 1em 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 1px !important; position: relative !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: 396px;">
<div class="lines no-wrap" style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; overflow-x: auto !important; overflow-y: hidden !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<div class="line alt1" style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background-image: none !important; border-collapse: collapse !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background-image: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background-image: none !important; border: 0px !important; bottom: auto !important; display: block !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">1</code></td><td class="content" style="background-image: none !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: top !important; white-space: pre !important; width: auto !important;"><code class="plain" style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">$(</code><code class="keyword" style="background-image: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 102, 153) !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; font-weight: bold !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">function</code><code class="plain" style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">(){</code></td></tr>
</tbody></table>
</div>
<div class="line alt2" style="background-color: rgb(248, 248, 248) !important; background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background-image: none !important; border-collapse: collapse !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background-image: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background-image: none !important; border: 0px !important; bottom: auto !important; display: block !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">2</code></td><td class="content" style="background-image: none !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: top !important; white-space: pre !important; width: auto !important;"><code class="spaces" style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> </code><code class="keyword" style="background-image: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 102, 153) !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; font-weight: bold !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">var</code> <code class="plain" style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">pickerOpts = {</code></td></tr>
</tbody></table>
</div>
<div class="line alt1" style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background-image: none !important; border-collapse: collapse !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background-image: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background-image: none !important; border: 0px !important; bottom: auto !important; display: block !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">3</code></td><td class="content" style="background-image: none !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: top !important; white-space: pre !important; width: auto !important;"><code class="spaces" style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> </code><code class="plain" style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">showOn: </code><code class="string" style="background-image: none !important; border: 0px !important; bottom: auto !important; color: blue !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">"button"</code></td></tr>
</tbody></table>
</div>
<div class="line alt2" style="background-color: rgb(248, 248, 248) !important; background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background-image: none !important; border-collapse: collapse !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background-image: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background-image: none !important; border: 0px !important; bottom: auto !important; display: block !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">4</code></td><td class="content" style="background-image: none !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: top !important; white-space: pre !important; width: auto !important;"><code class="spaces" style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> </code><code class="plain" style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">}; </code></td></tr>
</tbody></table>
</div>
<div class="line alt1" style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background-image: none !important; border-collapse: collapse !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background-image: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background-image: none !important; border: 0px !important; bottom: auto !important; display: block !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">5</code></td><td class="content" style="background-image: none !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: top !important; white-space: pre !important; width: auto !important;"><code class="spaces" style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> </code><code class="plain" style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">$(</code><code class="string" style="background-image: none !important; border: 0px !important; bottom: auto !important; color: blue !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">"#date"</code><code class="plain" style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">).datepicker(pickerOpts);</code></td></tr>
</tbody></table>
</div>
<div class="line alt2" style="background-color: rgb(248, 248, 248) !important; background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background-image: none !important; border-collapse: collapse !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background-image: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background-image: none !important; border: 0px !important; bottom: auto !important; display: block !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">6</code></td><td class="content" style="background-image: none !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: top !important; white-space: pre !important; width: auto !important;"><code class="plain" style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">});</code></td></tr>
</tbody></table>
</div>
</div>
</div>
</div>
<div style="background-color: #f0f6fb; font-family: Georgia, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; text-align: left;">
Complete Example Code:</div>
<div style="background-color: #f0f6fb; border: 0px; font-family: Georgia, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; margin: 0px; padding: 0px; text-align: left; vertical-align: baseline; width: 400px;">
<div class="syntaxhighlighter " id="highlighter_859026" style="background-color: rgb(255, 255, 255) !important; background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 1em 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 1px !important; position: relative !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: 396px;">
<div class="lines no-wrap" style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; overflow-x: auto !important; overflow-y: hidden !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<div class="line alt1" style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background-image: none !important; border-collapse: collapse !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background-image: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background-image: none !important; border: 0px !important; bottom: auto !important; display: block !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">01</code></td><td class="content" style="background-image: none !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: top !important; white-space: pre !important; width: auto !important;"><code class="plain" style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><!DOCTYPE HTML PUBLIC </code><code class="string" style="background-image: none !important; border: 0px !important; bottom: auto !important; color: blue !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">"-//W3C//DTD HTML 4.01//EN"</code> <code class="string" style="background-image: none !important; border: 0px !important; bottom: auto !important; color: blue !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">"<a href="http://www.w3.org/TR/html4/strict.dtd" style="color: blue !important; text-decoration: none;">http://www.w3.org/TR/html4/strict.dtd</a>"</code><code class="plain" style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">></code></td></tr>
</tbody></table>
</div>
<div class="line alt2" style="background-color: rgb(248, 248, 248) !important; background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background-image: none !important; border-collapse: collapse !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background-image: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background-image: none !important; border: 0px !important; bottom: auto !important; display: block !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">02</code></td><td class="content" style="background-image: none !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: top !important; white-space: pre !important; width: auto !important;"><code class="plain" style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><html lang=</code><code class="string" style="background-image: none !important; border: 0px !important; bottom: auto !important; color: blue !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">"en"</code><code class="plain" style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">></code></td></tr>
</tbody></table>
</div>
<div class="line alt1" style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background-image: none !important; border-collapse: collapse !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background-image: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background-image: none !important; border: 0px !important; bottom: auto !important; display: block !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">03</code></td><td class="content" style="background-image: none !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: top !important; white-space: pre !important; width: auto !important;"><code class="plain" style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><head></code></td></tr>
</tbody></table>
</div>
<div class="line alt2" style="background-color: rgb(248, 248, 248) !important; background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background-image: none !important; border-collapse: collapse !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background-image: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background-image: none !important; border: 0px !important; bottom: auto !important; display: block !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">04</code></td><td class="content" style="background-image: none !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: top !important; white-space: pre !important; width: auto !important;"><code class="plain" style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><link rel=</code><code class="string" style="background-image: none !important; border: 0px !important; bottom: auto !important; color: blue !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">"stylesheet"</code> <code class="plain" style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">type=</code><code class="string" style="background-image: none !important; border: 0px !important; bottom: auto !important; color: blue !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">"text/css"</code> <code class="plain" style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">href=</code><code class="string" style="background-image: none !important; border: 0px !important; bottom: auto !important; color: blue !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">"development-bundle/themes/ui-lightness/jquery.ui.all.css"</code><code class="plain" style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">></code></td></tr>
</tbody></table>
</div>
<div class="line alt1" style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background-image: none !important; border-collapse: collapse !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background-image: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background-image: none !important; border: 0px !important; bottom: auto !important; display: block !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">05</code></td><td class="content" style="background-image: none !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: top !important; white-space: pre !important; width: auto !important;"><code class="plain" style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><meta http-equiv=</code><code class="string" style="background-image: none !important; border: 0px !important; bottom: auto !important; color: blue !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">"Content-Type"</code> <code class="plain" style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">content=</code><code class="string" style="background-image: none !important; border: 0px !important; bottom: auto !important; color: blue !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">"text/html; charset=utf-8"</code><code class="plain" style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">></code></td></tr>
</tbody></table>
</div>
<div class="line alt2" style="background-color: rgb(248, 248, 248) !important; background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background-image: none !important; border-collapse: collapse !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background-image: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background-image: none !important; border: 0px !important; bottom: auto !important; display: block !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">06</code></td><td class="content" style="background-image: none !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: top !important; white-space: pre !important; width: auto !important;"><code class="plain" style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><title>jQuery UI Datepicker Example 1</title></code></td></tr>
</tbody></table>
</div>
<div class="line alt1" style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background-image: none !important; border-collapse: collapse !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background-image: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background-image: none !important; border: 0px !important; bottom: auto !important; display: block !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">07</code></td><td class="content" style="background-image: none !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: top !important; white-space: pre !important; width: auto !important;"><code class="plain" style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><script type=</code><code class="string" style="background-image: none !important; border: 0px !important; bottom: auto !important; color: blue !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">"text/javascript"</code> <code class="plain" style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">src=</code><code class="string" style="background-image: none !important; border: 0px !important; bottom: auto !important; color: blue !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">"development-bundle/jquery-1.4.2.js"</code><code class="plain" style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">></script></code></td></tr>
</tbody></table>
</div>
<div class="line alt2" style="background-color: rgb(248, 248, 248) !important; background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background-image: none !important; border-collapse: collapse !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background-image: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background-image: none !important; border: 0px !important; bottom: auto !important; display: block !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">08</code></td><td class="content" style="background-image: none !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: top !important; white-space: pre !important; width: auto !important;"><code class="plain" style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><script type=</code><code class="string" style="background-image: none !important; border: 0px !important; bottom: auto !important; color: blue !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">"text/javascript"</code> <code class="plain" style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">src=</code><code class="string" style="background-image: none !important; border: 0px !important; bottom: auto !important; color: blue !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">"development-bundle/ui/jquery.ui.core.js"</code><code class="plain" style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">></script></code></td></tr>
</tbody></table>
</div>
<div class="line alt1" style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background-image: none !important; border-collapse: collapse !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background-image: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background-image: none !important; border: 0px !important; bottom: auto !important; display: block !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">09</code></td><td class="content" style="background-image: none !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: top !important; white-space: pre !important; width: auto !important;"><code class="plain" style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><script type=</code><code class="string" style="background-image: none !important; border: 0px !important; bottom: auto !important; color: blue !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">"text/javascript"</code> <code class="plain" style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">src=</code><code class="string" style="background-image: none !important; border: 0px !important; bottom: auto !important; color: blue !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">"development-bundle/ui/jquery.ui.datepicker.js"</code><code class="plain" style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">></script></code></td></tr>
</tbody></table>
</div>
<div class="line alt2" style="background-color: rgb(248, 248, 248) !important; background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background-image: none !important; border-collapse: collapse !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background-image: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background-image: none !important; border: 0px !important; bottom: auto !important; display: block !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">10</code></td><td class="content" style="background-image: none !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: top !important; white-space: pre !important; width: auto !important;"><code class="plain" style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><script type=</code><code class="string" style="background-image: none !important; border: 0px !important; bottom: auto !important; color: blue !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">"text/javascript"</code><code class="plain" style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">></code></td></tr>
</tbody></table>
</div>
<div class="line alt1" style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background-image: none !important; border-collapse: collapse !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background-image: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background-image: none !important; border: 0px !important; bottom: auto !important; display: block !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">11</code></td><td class="content" style="background-image: none !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: top !important; white-space: pre !important; width: auto !important;"><code class="spaces" style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> </code><code class="plain" style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">$(</code><code class="keyword" style="background-image: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 102, 153) !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; font-weight: bold !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">function</code><code class="plain" style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">(){</code></td></tr>
</tbody></table>
</div>
<div class="line alt2" style="background-color: rgb(248, 248, 248) !important; background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background-image: none !important; border-collapse: collapse !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background-image: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background-image: none !important; border: 0px !important; bottom: auto !important; display: block !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">12</code></td><td class="content" style="background-image: none !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: top !important; white-space: pre !important; width: auto !important;"><code class="spaces" style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> </code><code class="keyword" style="background-image: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 102, 153) !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; font-weight: bold !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">var</code> <code class="plain" style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">pickerOpts = {</code></td></tr>
</tbody></table>
</div>
<div class="line alt1" style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background-image: none !important; border-collapse: collapse !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background-image: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background-image: none !important; border: 0px !important; bottom: auto !important; display: block !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">13</code></td><td class="content" style="background-image: none !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: top !important; white-space: pre !important; width: auto !important;"><code class="spaces" style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> </code><code class="plain" style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">showOn: </code><code class="string" style="background-image: none !important; border: 0px !important; bottom: auto !important; color: blue !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">"button"</code></td></tr>
</tbody></table>
</div>
<div class="line alt2" style="background-color: rgb(248, 248, 248) !important; background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background-image: none !important; border-collapse: collapse !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background-image: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background-image: none !important; border: 0px !important; bottom: auto !important; display: block !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">14</code></td><td class="content" style="background-image: none !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: top !important; white-space: pre !important; width: auto !important;"><code class="spaces" style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> </code><code class="plain" style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">}; </code></td></tr>
</tbody></table>
</div>
<div class="line alt1" style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background-image: none !important; border-collapse: collapse !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background-image: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background-image: none !important; border: 0px !important; bottom: auto !important; display: block !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">15</code></td><td class="content" style="background-image: none !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: top !important; white-space: pre !important; width: auto !important;"><code class="spaces" style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> </code><code class="plain" style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">$(</code><code class="string" style="background-image: none !important; border: 0px !important; bottom: auto !important; color: blue !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">"#date"</code><code class="plain" style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">).datepicker(pickerOpts);</code></td></tr>
</tbody></table>
</div>
<div class="line alt2" style="background-color: rgb(248, 248, 248) !important; background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background-image: none !important; border-collapse: collapse !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background-image: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background-image: none !important; border: 0px !important; bottom: auto !important; display: block !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">16</code></td><td class="content" style="background-image: none !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: top !important; white-space: pre !important; width: auto !important;"><code class="spaces" style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> </code><code class="plain" style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">});</code></td></tr>
</tbody></table>
</div>
<div class="line alt1" style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background-image: none !important; border-collapse: collapse !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background-image: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background-image: none !important; border: 0px !important; bottom: auto !important; display: block !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">17</code></td><td class="content" style="background-image: none !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: top !important; white-space: pre !important; width: auto !important;"><code class="plain" style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"></script></code></td></tr>
</tbody></table>
</div>
<div class="line alt2" style="background-color: rgb(248, 248, 248) !important; background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background-image: none !important; border-collapse: collapse !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background-image: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background-image: none !important; border: 0px !important; bottom: auto !important; display: block !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">18</code></td><td class="content" style="background-image: none !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: top !important; white-space: pre !important; width: auto !important;"><code class="plain" style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"></head></code></td></tr>
</tbody></table>
</div>
<div class="line alt1" style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background-image: none !important; border-collapse: collapse !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background-image: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background-image: none !important; border: 0px !important; bottom: auto !important; display: block !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">19</code></td><td class="content" style="background-image: none !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: top !important; white-space: pre !important; width: auto !important;"><code class="plain" style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><body></code></td></tr>
</tbody></table>
</div>
<div class="line alt2" style="background-color: rgb(248, 248, 248) !important; background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background-image: none !important; border-collapse: collapse !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background-image: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background-image: none !important; border: 0px !important; bottom: auto !important; display: block !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">20</code></td><td class="content" style="background-image: none !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: top !important; white-space: pre !important; width: auto !important;"><code class="plain" style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><label>Enter a </code><code class="functions" style="background-image: none !important; border: 0px !important; bottom: auto !important; color: rgb(255, 20, 147) !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">date</code><code class="plain" style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">: </label><input id=</code><code class="string" style="background-image: none !important; border: 0px !important; bottom: auto !important; color: blue !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">"date"</code><code class="plain" style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">></code></td></tr>
</tbody></table>
</div>
<div class="line alt1" style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background-image: none !important; border-collapse: collapse !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background-image: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background-image: none !important; border: 0px !important; bottom: auto !important; display: block !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">21</code></td><td class="content" style="background-image: none !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: top !important; white-space: pre !important; width: auto !important;"><code class="plain" style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"></body></code></td></tr>
</tbody></table>
</div>
<div class="line alt2" style="background-color: rgb(248, 248, 248) !important; background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background-image: none !important; border-collapse: collapse !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background-image: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background-image: none !important; border: 0px !important; bottom: auto !important; display: block !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">22</code></td><td class="content" style="background-image: none !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: top !important; white-space: pre !important; width: auto !important;"><code class="plain" style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"></html></code></td></tr>
</tbody></table>
</div>
</div>
</div>
</div>
<a href="http://www.flickr.com/photos/53065506@N02/5008310516/" style="background-color: #f0f6fb; color: #064b8c; font-family: Georgia, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; text-align: left; text-decoration: none;" title="jQuery UI Adding a Trigger Button for Datepicker Tutorial"><img alt="jQuery UI Adding a Trigger Button for Datepicker Tutorial" src="http://farm5.static.flickr.com/4145/5008310516_d8f6299cf6.jpg" style="border: 0px; margin: 0px; padding: 0px; vertical-align: baseline;" width="400" /></a><span style="background-color: #f0f6fb; font-family: Georgia, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; text-align: left;"></span><div style="background-color: #f0f6fb; font-family: Georgia, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; text-align: left;">
We can change the default text that show on the button. just providing a new string as the value of the buttonText option:</div>
<div style="background-color: #f0f6fb; border: 0px; font-family: Georgia, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; margin: 0px; padding: 0px; text-align: left; vertical-align: baseline; width: 400px;">
<div class="syntaxhighlighter " id="highlighter_182403" style="background-color: rgb(255, 255, 255) !important; background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 1em 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 1px !important; position: relative !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: 396px;">
<div class="lines no-wrap" style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; overflow-x: auto !important; overflow-y: hidden !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<div class="line alt1" style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background-image: none !important; border-collapse: collapse !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background-image: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background-image: none !important; border: 0px !important; bottom: auto !important; display: block !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">1</code></td><td class="content" style="background-image: none !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: top !important; white-space: pre !important; width: auto !important;"><code class="plain" style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">$(</code><code class="keyword" style="background-image: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 102, 153) !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; font-weight: bold !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">function</code><code class="plain" style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">(){</code></td></tr>
</tbody></table>
</div>
<div class="line alt2" style="background-color: rgb(248, 248, 248) !important; background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background-image: none !important; border-collapse: collapse !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background-image: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background-image: none !important; border: 0px !important; bottom: auto !important; display: block !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">2</code></td><td class="content" style="background-image: none !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: top !important; white-space: pre !important; width: auto !important;"><code class="spaces" style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> </code><code class="keyword" style="background-image: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 102, 153) !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; font-weight: bold !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">var</code> <code class="plain" style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">pickerOpts = {</code></td></tr>
</tbody></table>
</div>
<div class="line alt1" style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background-image: none !important; border-collapse: collapse !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background-image: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background-image: none !important; border: 0px !important; bottom: auto !important; display: block !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">3</code></td><td class="content" style="background-image: none !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: top !important; white-space: pre !important; width: auto !important;"><code class="spaces" style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> </code><code class="plain" style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">showOn: </code><code class="string" style="background-image: none !important; border: 0px !important; bottom: auto !important; color: blue !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">"button"</code><code class="plain" style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">,</code></td></tr>
</tbody></table>
</div>
<div class="line alt2" style="background-color: rgb(248, 248, 248) !important; background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background-image: none !important; border-collapse: collapse !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background-image: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background-image: none !important; border: 0px !important; bottom: auto !important; display: block !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">4</code></td><td class="content" style="background-image: none !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: top !important; white-space: pre !important; width: auto !important;"><code class="spaces" style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> </code><code class="plain" style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">buttonText: </code><code class="string" style="background-image: none !important; border: 0px !important; bottom: auto !important; color: blue !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">"Show Datepicker"</code></td></tr>
</tbody></table>
</div>
<div class="line alt1" style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background-image: none !important; border-collapse: collapse !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background-image: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background-image: none !important; border: 0px !important; bottom: auto !important; display: block !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">5</code></td><td class="content" style="background-image: none !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: top !important; white-space: pre !important; width: auto !important;"><code class="spaces" style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> </code><code class="plain" style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">}; </code></td></tr>
</tbody></table>
</div>
<div class="line alt2" style="background-color: rgb(248, 248, 248) !important; background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background-image: none !important; border-collapse: collapse !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background-image: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background-image: none !important; border: 0px !important; bottom: auto !important; display: block !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">6</code></td><td class="content" style="background-image: none !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: top !important; white-space: pre !important; width: auto !important;"><code class="spaces" style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> </code><code class="plain" style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">$(</code><code class="string" style="background-image: none !important; border: 0px !important; bottom: auto !important; color: blue !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">"#date"</code><code class="plain" style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">).datepicker(pickerOpts);</code></td></tr>
</tbody></table>
</div>
<div class="line alt1" style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background-image: none !important; border-collapse: collapse !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background-image: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background-image: none !important; border: 0px !important; bottom: auto !important; display: block !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">7</code></td><td class="content" style="background-image: none !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: top !important; white-space: pre !important; width: auto !important;"><code class="plain" style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">});</code></td></tr>
</tbody></table>
</div>
</div>
</div>
</div>
<a href="http://www.flickr.com/photos/53065506@N02/5008330010/" style="background-color: #f0f6fb; color: #064b8c; font-family: Georgia, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; text-align: left; text-decoration: none;" title="jQuery UI Change text for trigger button for datepicker tutorial"><img alt="jQuery UI Change text for trigger button for datepicker tutorial" src="http://farm5.static.flickr.com/4131/5008330010_e1df31905f.jpg" style="border: 0px; margin: 0px; padding: 0px; vertical-align: baseline;" width="400" /></a><span style="background-color: #f0f6fb; font-family: Georgia, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; text-align: left;"></span><div style="background-color: #f0f6fb; border: 0px; font-family: Georgia, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; margin: 0px; padding: 0px; text-align: left; vertical-align: baseline; width: 400px;">
<div class="syntaxhighlighter " id="highlighter_811937" style="background-color: rgb(255, 255, 255) !important; background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 1em 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 1px !important; position: relative !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: 396px;">
<div class="lines no-wrap" style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; overflow-x: auto !important; overflow-y: hidden !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<div class="line alt1" style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background-image: none !important; border-collapse: collapse !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background-image: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background-image: none !important; border: 0px !important; bottom: auto !important; display: block !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">1</code></td><td class="content" style="background-image: none !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: top !important; white-space: pre !important; width: auto !important;"><code class="plain" style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">$(</code><code class="keyword" style="background-image: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 102, 153) !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; font-weight: bold !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">function</code><code class="plain" style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">(){</code></td></tr>
</tbody></table>
</div>
<div class="line alt2" style="background-color: rgb(248, 248, 248) !important; background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background-image: none !important; border-collapse: collapse !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background-image: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background-image: none !important; border: 0px !important; bottom: auto !important; display: block !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">2</code></td><td class="content" style="background-image: none !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: top !important; white-space: pre !important; width: auto !important;"><code class="spaces" style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> </code><code class="keyword" style="background-image: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 102, 153) !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; font-weight: bold !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">var</code> <code class="plain" style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">pickerOpts = {</code></td></tr>
</tbody></table>
</div>
<div class="line alt1" style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background-image: none !important; border-collapse: collapse !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background-image: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background-image: none !important; border: 0px !important; bottom: auto !important; display: block !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">3</code></td><td class="content" style="background-image: none !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: top !important; white-space: pre !important; width: auto !important;"><code class="spaces" style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> </code><code class="plain" style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">showOn: </code><code class="string" style="background-image: none !important; border: 0px !important; bottom: auto !important; color: blue !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">"button"</code><code class="plain" style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">,</code></td></tr>
</tbody></table>
</div>
<div class="line alt2" style="background-color: rgb(248, 248, 248) !important; background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background-image: none !important; border-collapse: collapse !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background-image: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background-image: none !important; border: 0px !important; bottom: auto !important; display: block !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">4</code></td><td class="content" style="background-image: none !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: top !important; white-space: pre !important; width: auto !important;"><code class="spaces" style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> </code><code class="plain" style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">buttonImage: </code><code class="string" style="background-image: none !important; border: 0px !important; bottom: auto !important; color: blue !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">"img/datepicker/date.png"</code><code class="plain" style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">,</code></td></tr>
</tbody></table>
</div>
<div class="line alt1" style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background-image: none !important; border-collapse: collapse !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background-image: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background-image: none !important; border: 0px !important; bottom: auto !important; display: block !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">5</code></td><td class="content" style="background-image: none !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: top !important; white-space: pre !important; width: auto !important;"><code class="spaces" style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> </code><code class="plain" style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">buttonText: </code><code class="string" style="background-image: none !important; border: 0px !important; bottom: auto !important; color: blue !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">"Show Datepicker"</code></td></tr>
</tbody></table>
</div>
<div class="line alt2" style="background-color: rgb(248, 248, 248) !important; background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background-image: none !important; border-collapse: collapse !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background-image: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background-image: none !important; border: 0px !important; bottom: auto !important; display: block !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">6</code></td><td class="content" style="background-image: none !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: top !important; white-space: pre !important; width: auto !important;"><code class="spaces" style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> </code><code class="plain" style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">}; </code></td></tr>
</tbody></table>
</div>
<div class="line alt1" style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background-image: none !important; border-collapse: collapse !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background-image: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background-image: none !important; border: 0px !important; bottom: auto !important; display: block !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">7</code></td><td class="content" style="background-image: none !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: top !important; white-space: pre !important; width: auto !important;"><code class="spaces" style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> </code><code class="plain" style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">$(</code><code class="string" style="background-image: none !important; border: 0px !important; bottom: auto !important; color: blue !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">"#date"</code><code class="plain" style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">).datepicker(pickerOpts);</code></td></tr>
</tbody></table>
</div>
<div class="line alt2" style="background-color: rgb(248, 248, 248) !important; background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background-image: none !important; border-collapse: collapse !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background-image: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background-image: none !important; border: 0px !important; bottom: auto !important; display: block !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">8</code></td><td class="content" style="background-image: none !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; float: none !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: top !important; white-space: pre !important; width: auto !important;"><code class="plain" style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 10pt !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: rgb(0, 0, 0) !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">});</code></td></tr>
</tbody></table>
</div>
</div>
</div>
</div>
<a href="http://www.flickr.com/photos/53065506@N02/5007753461/" style="background-color: #f0f6fb; color: #064b8c; font-family: Georgia, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; text-align: left; text-decoration: none;" title="jQuery UI Adding image for trigger button of datepicker tutorial"><img alt="jQuery UI Adding image for trigger button of datepicker tutorial" src="http://farm5.static.flickr.com/4150/5007753461_80995f78cb.jpg" style="border: 0px; margin: 0px; padding: 0px; vertical-align: baseline;" width="400" /></a>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-152858382873702802.post-11087740798514131572012-05-27T23:17:00.000-07:002012-05-27T23:18:46.660-07:00Paging through Records using a Stored Procedure<span style="background-color: white; font-family: Verdana, Helvetica, sans-serif; font-size: 12px; line-height: 18px;"><br /></span><br />
<span style="background-color: white; font-family: Verdana, Helvetica, sans-serif; font-size: 12px; line-height: 18px;">Working with my database administrator, I developed a stored procedure for use with SQL Server that puts the burden on the SQL Server to only return the required number of records to the web server instead of the entire database table. This GREATLY reduces the load factor on the web server when making database requests. The explanation of the code follows the stored procedure. In this example, we are retrieving item pricing information from a table and returning N records.</span>
<br />
<span style="background-color: white; font-family: Verdana, Helvetica, sans-serif; font-size: 12px; line-height: 18px;"><br /></span><br />
<pre style="background-color: #cccccc; font-size: 12px;">CREATE PROCEDURE CREATE PROCEDURE usp_RoomsPagedItems
(
@Page int
)
AS
-- We don't want to return the # of rows inserted
-- into our temporary table, so turn NOCOUNT ON
SET NOCOUNT ON
DECLARE @RecsPerPage int
-- Find out where we will start our records from
DECLARE @RecCount int
SET @RecsPerPage = 20
SELECT @RecCount = @RecsPerPage * @Page + 1
--Create a temporary table
CREATE TABLE #TempItems
(
ID int IDENTITY,
ROOMNAME varchar(50),
ROOMID int,
ROOMTYPEID int
)
-- Insert the rows from tblItems into the temp. table
INSERT INTO #TempItems (ROOMNAME, ROOMID,ROOMTYPEID)
SELECT 'ROOM ' + ROOM.ROOMNO AS ROOMNAME,
ROOM.ID AS ROOMID,
ROOMTYPE.ID AS ROOMTYPEID
FROM DBO.ROOMTYPE INNER JOIN DBO.ROOM ON ROOM.ROOMTYPEID = ROOMTYPE.ID
--ORDER BY CAST(ROOM.ROOMNO AS NUMERIC)
ORDER BY ROOM.ROOMNO
-- Find out the first and last record we want
DECLARE @FirstRec int, @LastRec int
SELECT @FirstRec = (@Page - 1) * @RecsPerPage
SELECT @LastRec = (@Page * @RecsPerPage + 1)
-- Now, return the set of paged records, plus, an indiciation of we
-- have more records or not!
SELECT *,
MoreRecords =
(
SELECT COUNT(*)
FROM #TempItems TI
WHERE TI.ID > @LastRec
)
FROM #TempItems
WHERE ID > @FirstRec AND ID < @LastRec
-- Turn NOCOUNT back OFF
SET NOCOUNT OFF</pre>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-152858382873702802.post-46543703716199375412012-05-24T04:04:00.003-07:002012-05-24T04:04:38.537-07:00Highlight Polygon on google map<br />
var everythingElse = [<br />
new google.maps.LatLng(0, -90),<br />
new google.maps.LatLng(0, 90),<br />
new google.maps.LatLng(90, -90),<br />
new google.maps.LatLng(90, 90),<br />
];<br />
<br />
<br />
<br />
var triangleCoords = [<br />
new google.maps.LatLng(25.774252, -80.190262),<br />
new google.maps.LatLng(18.466465, -66.118292),<br />
new google.maps.LatLng(32.321384, -64.75737),<br />
new google.maps.LatLng(25.774252, -80.190262)<br />
];<br />
<br />
<br />
<br />
<br />
bermudaTriangle = new google.maps.Polygon({<br />
paths: [everythingElse, triangleCoords],<br />
strokeColor: "#000000",<br />
strokeOpacity: 0.8,<br />
strokeWeight: 2,<br />
fillColor: "#000000",<br />
fillOpacity: 0.5<br />
});<br />
<br />
bermudaTriangle.setMap(map);<br />Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-152858382873702802.post-50849266156590012002012-03-29T02:36:00.001-07:002012-03-29T02:38:59.505-07:00How to get Google Maps API Key for Android. Issues and Errors Solved.<div style="background-color: white; margin-bottom: 1em; text-align: left;"><span style="color: #545454; font-family: Verdana, Helvetica, Arial, sans-serif;"><span style="font-size: 12px; line-height: 1.4;">What's Up Guys. Here I am Let you know How We can </span><span style="font-size: 12px; line-height: 16px;">Generate MD5 Code for Google to generated the Google Map API Key..</span></span></div><div style="background-color: white; margin-bottom: 1em; text-align: left;"><span style="color: #545454; font-family: Verdana, Helvetica, Arial, sans-serif;"><span style="font-size: 12px; line-height: 1.4;">These are Four Easy Step to Do this Task.</span></span></div><div style="background-color: white; margin-bottom: 1em; text-align: left;"><span style="color: #545454; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 12px; line-height: 1.4;">To use Google Maps in Android using MapView Control we need Google Maps API Key. To get the key we have to go through the following steps.</span></div><ol style="background-color: white; color: #545454; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 12px; line-height: 14px; margin-bottom: 1em; margin-left: 2em; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 10px; padding-right: 0px; padding-top: 0px; text-align: left;"><li style="line-height: 1.4; margin-bottom: 0.25em; margin-left: 0px; margin-right: 0px; margin-top: 0px;">Locate debug.keystore file on your system.</li>
<li style="line-height: 1.4; margin-bottom: 0.25em; margin-left: 0px; margin-right: 0px; margin-top: 0px;">Locate keytool.exe file on your system</li>
<li style="line-height: 1.4; margin-bottom: 0.25em; margin-left: 0px; margin-right: 0px; margin-top: 0px;">Generate MD5 fingerprint.</li>
<li style="line-height: 1.4; margin-bottom: 0.25em; margin-left: 0px; margin-right: 0px; margin-top: 0px;">Use that MD5 fingerprint to get the Google Maps API Key</li>
</ol><div style="background-color: white; color: #545454; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 12px; line-height: 1.4; margin-bottom: 1em; text-align: left;">The debug.keystore file can be found at “c:\users\<b>Rahul</b>\.android\debug.keystore”</div><div style="background-color: white; color: #545454; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 12px; line-height: 1.4; margin-bottom: 1em; text-align: left;">Replace “mir nauman tahir” with your current user name.</div><div class="wp-caption aligncenter" id="attachment_233" style="background-color: white; border-bottom-color: rgb(221, 221, 221); border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-bottom-style: solid; border-bottom-width: 1px; border-image: initial; border-left-color: rgb(221, 221, 221); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(221, 221, 221); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(221, 221, 221); border-top-left-radius: 3px; border-top-right-radius: 3px; border-top-style: solid; border-top-width: 1px; color: #545454; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 12px; line-height: 14px; margin-bottom: 10px; margin-left: auto; margin-right: auto; margin-top: 10px; padding-top: 4px; text-align: center; width: 310px;"><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://mirnauman.files.wordpress.com/2012/01/debug-keystore-path.jpg" style="border-bottom-color: rgb(207, 226, 229); border-bottom-style: solid; border-bottom-width: 1px; color: #006a80; margin-left: auto; margin-right: auto; text-decoration: none;"><img alt="www.globalradiant.com" class="size-medium wp-image-233" height="201" src="http://mirnauman.files.wordpress.com/2012/01/debug-keystore-path.jpg?w=300&h=201" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-color: rgb(0, 106, 128); border-left-style: none; border-left-width: 0px; border-right-color: rgb(0, 106, 128); border-right-style: none; border-right-width: 0px; border-top-color: rgb(0, 106, 128); border-top-style: none; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="debug keystore path" width="300" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Add caption</td></tr>
</tbody></table><div class="wp-caption-text" style="font-size: 11px; line-height: 17px; padding-bottom: 5px; padding-left: 4px; padding-right: 4px; padding-top: 0px;">Path to debug.keystore</div></div><div style="background-color: white; color: #545454; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 12px; line-height: 1.4; margin-bottom: 1em; text-align: left;">Now navigate to keytool.exe file. “c:\program files\java\<strong style="font-weight: bold;">jdk1.7.0_02</strong>\bin\keytool.exe”</div><div style="background-color: white; color: #545454; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 12px; line-height: 1.4; margin-bottom: 1em; text-align: left;">Replace the jdk version with the version installed on your system.</div><div class="wp-caption aligncenter" id="attachment_236" style="background-color: white; border-bottom-color: rgb(221, 221, 221); border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-bottom-style: solid; border-bottom-width: 1px; border-image: initial; border-left-color: rgb(221, 221, 221); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(221, 221, 221); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(221, 221, 221); border-top-left-radius: 3px; border-top-right-radius: 3px; border-top-style: solid; border-top-width: 1px; color: #545454; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 12px; line-height: 14px; margin-bottom: 10px; margin-left: auto; margin-right: auto; margin-top: 10px; padding-top: 4px; text-align: center; width: 238px;"><a href="http://mirnauman.files.wordpress.com/2012/01/keytool-path.jpg" style="border-bottom-color: rgb(207, 226, 229); border-bottom-style: solid; border-bottom-width: 1px; color: #006a80; text-decoration: none;"><img alt="" class="size-medium wp-image-236" height="300" src="http://mirnauman.files.wordpress.com/2012/01/keytool-path.jpg?w=228&h=300" style="border-bottom-color: rgb(0, 106, 128); border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-color: rgb(0, 106, 128); border-left-style: none; border-left-width: 0px; border-right-color: rgb(0, 106, 128); border-right-style: none; border-right-width: 0px; border-top-color: rgb(0, 106, 128); border-top-style: none; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="keytool path" width="228" /></a><br />
<div class="wp-caption-text" style="font-size: 11px; line-height: 17px; padding-bottom: 5px; padding-left: 4px; padding-right: 4px; padding-top: 0px;">Path to keytool.exe</div></div><div style="background-color: white; color: #545454; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 12px; line-height: 1.4; margin-bottom: 1em; text-align: left;">Now execute the following command.</div><div style="background-color: white; color: #545454; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 12px; line-height: 1.4; margin-bottom: 1em; text-align: left;">C:\Program Files\Java\jdk1.7.0_02\bin>keytool.exe -list -alias androiddebugkey -keystore “<strong style="font-weight: bold;"><em>c:\users\Rahul\.android\debug.keystore</em></strong>” -storepass android -keypass android</div><div style="background-color: white; color: #545454; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 12px; line-height: 1.4; margin-bottom: 1em; text-align: left;">If prompted for a password, try “changeit” or just press enter key to enter an empty password. This command will return SHA1 fingerprint. jdk1.7 or higher will return SHA1 by default. Remember the bold and italic text is the path to the debug.keystore file. You have to provide the path to debug.keystore file on your system. Secondly the path to the debug.keystore file must be enclosed in double quotes.</div><div class="wp-caption aligncenter" id="attachment_241" style="background-color: white; border-bottom-color: rgb(221, 221, 221); border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-bottom-style: solid; border-bottom-width: 1px; border-image: initial; border-left-color: rgb(221, 221, 221); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(221, 221, 221); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(221, 221, 221); border-top-left-radius: 3px; border-top-right-radius: 3px; border-top-style: solid; border-top-width: 1px; color: #545454; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 12px; line-height: 14px; margin-bottom: 10px; margin-left: auto; margin-right: auto; margin-top: 10px; padding-top: 4px; text-align: center; width: 310px;"><a href="http://mirnauman.files.wordpress.com/2012/01/sha1.jpg" style="border-bottom-color: rgb(207, 226, 229); border-bottom-style: solid; border-bottom-width: 1px; color: #006a80; text-decoration: none;"><img alt="" class="size-medium wp-image-241" height="54" src="http://mirnauman.files.wordpress.com/2012/01/sha1.jpg?w=300&h=54" style="border-bottom-color: rgb(0, 106, 128); border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-color: rgb(0, 106, 128); border-left-style: none; border-left-width: 0px; border-right-color: rgb(0, 106, 128); border-right-style: none; border-right-width: 0px; border-top-color: rgb(0, 106, 128); border-top-style: none; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="sha1" width="300" /></a><br />
<div class="wp-caption-text" style="font-size: 11px; line-height: 17px; padding-bottom: 5px; padding-left: 4px; padding-right: 4px; padding-top: 0px;">jdk1.7 Keytool returning SHA1 fingerprint.</div></div><div style="background-color: white; color: #545454; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 12px; line-height: 1.4; margin-bottom: 1em; text-align: left;">We don’t need SHA1. we need MD5 fingerprint so either we have to use jdk1.6 or we can use the following command to generate MD5 finger print using jdk.17.</div><div style="background-color: white; color: #545454; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 12px; line-height: 1.4; margin-bottom: 1em; text-align: left;">C:\Program Files\Java\jdk1.7.0_02\bin>keytool.exe <strong style="font-weight: bold;">-v</strong> -list -alias androiddebugkey -keystore “<em>c:\users\rahul\.android\debug.keystore</em>” -storepass android -keypass android</div><div style="background-color: white; color: #545454; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 12px; line-height: 1.4; margin-bottom: 1em; text-align: left;">By putting a “-v” in the command it will generate the following output.</div><div class="wp-caption aligncenter" id="attachment_243" style="background-color: white; border-bottom-color: rgb(221, 221, 221); border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-bottom-style: solid; border-bottom-width: 1px; border-image: initial; border-left-color: rgb(221, 221, 221); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(221, 221, 221); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(221, 221, 221); border-top-left-radius: 3px; border-top-right-radius: 3px; border-top-style: solid; border-top-width: 1px; color: #545454; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 12px; line-height: 14px; margin-bottom: 10px; margin-left: auto; margin-right: auto; margin-top: 10px; padding-top: 4px; text-align: center; width: 500px;"><a href="http://mirnauman.files.wordpress.com/2012/01/md51.jpg" style="border-bottom-color: rgb(207, 226, 229); border-bottom-style: solid; border-bottom-width: 1px; color: #006a80; text-decoration: none;"><img alt="" class="size-full wp-image-243" height="235" src="http://mirnauman.files.wordpress.com/2012/01/md51.jpg?w=490&h=235" style="border-bottom-color: rgb(0, 106, 128); border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-color: rgb(0, 106, 128); border-left-style: none; border-left-width: 0px; border-right-color: rgb(0, 106, 128); border-right-style: none; border-right-width: 0px; border-top-color: rgb(0, 106, 128); border-top-style: none; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="md5" width="490" /></a><br />
<div class="wp-caption-text" style="font-size: 11px; line-height: 17px; padding-bottom: 5px; padding-left: 4px; padding-right: 4px; padding-top: 0px;">jdk1.7 keytool generating MD5 fingerprint</div></div><div style="background-color: white; color: #545454; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 12px; line-height: 1.4; margin-bottom: 1em; text-align: left;">Copy the MD5 fingerprint. LogIn to your google account (even signing in to gmail will work). Than navigate to the following url <a href="http://code.google.com/android/maps-api-signup.html" style="border-bottom-color: rgb(207, 226, 229); border-bottom-style: solid; border-bottom-width: 1px; color: #006a80; text-decoration: none;">http://code.google.com/android/maps-api-signup.html</a> . Paste your MD5 fingerprint in field shown in the picture below and click generate api key.</div><div class="wp-caption aligncenter" id="attachment_244" style="background-color: white; border-bottom-color: rgb(221, 221, 221); border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-bottom-style: solid; border-bottom-width: 1px; border-image: initial; border-left-color: rgb(221, 221, 221); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(221, 221, 221); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(221, 221, 221); border-top-left-radius: 3px; border-top-right-radius: 3px; border-top-style: solid; border-top-width: 1px; color: #545454; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 12px; line-height: 14px; margin-bottom: 10px; margin-left: auto; margin-right: auto; margin-top: 10px; padding-top: 4px; text-align: center; width: 500px;"><a href="http://mirnauman.files.wordpress.com/2012/01/generate-google-maps-api-key1.jpg" style="border-bottom-color: rgb(207, 226, 229); border-bottom-style: solid; border-bottom-width: 1px; color: #006a80; text-decoration: none;"><img alt="" class="size-full wp-image-244" height="577" src="http://mirnauman.files.wordpress.com/2012/01/generate-google-maps-api-key1.jpg?w=490&h=577" style="border-bottom-color: rgb(0, 106, 128); border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-color: rgb(0, 106, 128); border-left-style: none; border-left-width: 0px; border-right-color: rgb(0, 106, 128); border-right-style: none; border-right-width: 0px; border-top-color: rgb(0, 106, 128); border-top-style: none; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="generate google maps api key" width="490" /></a><br />
<div class="wp-caption-text" style="font-size: 11px; line-height: 17px; padding-bottom: 5px; padding-left: 4px; padding-right: 4px; padding-top: 0px;">Using our MD5 fingerprint to generate the Google Maps API Key</div></div><div style="background-color: white; color: #545454; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 12px; line-height: 1.4; margin-bottom: 1em; text-align: left;">When you click generate button you will be taken to another screen showing your MD5 fingerprint, your Google Maps API Key and how you can use it in your code to enable Google Maps in Android development.</div><div class="wp-caption aligncenter" id="attachment_250" style="background-color: white; border-bottom-color: rgb(221, 221, 221); border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-bottom-style: solid; border-bottom-width: 1px; border-image: initial; border-left-color: rgb(221, 221, 221); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(221, 221, 221); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(221, 221, 221); border-top-left-radius: 3px; border-top-right-radius: 3px; border-top-style: solid; border-top-width: 1px; color: #545454; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 12px; line-height: 14px; margin-bottom: 10px; margin-left: auto; margin-right: auto; margin-top: 10px; padding-top: 4px; text-align: center; width: 500px;"><a href="http://mirnauman.files.wordpress.com/2012/01/googlemaps-api-key2.jpg" style="border-bottom-color: rgb(207, 226, 229); border-bottom-style: solid; border-bottom-width: 1px; color: #006a80; text-decoration: none;"><img alt="" class="size-full wp-image-250" height="337" src="http://mirnauman.files.wordpress.com/2012/01/googlemaps-api-key2.jpg?w=490&h=337" style="border-bottom-color: rgb(0, 106, 128); border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-color: rgb(0, 106, 128); border-left-style: none; border-left-width: 0px; border-right-color: rgb(0, 106, 128); border-right-style: none; border-right-width: 0px; border-top-color: rgb(0, 106, 128); border-top-style: none; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="googlemaps api key" width="490" /></a><br />
<div class="wp-caption-text" style="font-size: 11px; line-height: 17px; padding-bottom: 5px; padding-left: 4px; padding-right: 4px; padding-top: 0px;">Google API Key generated by using our MD5 fingerprint</div></div><div style="background-color: white; color: #545454; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 12px; line-height: 1.4; margin-bottom: 1em; text-align: left;">Mission Accomplished.</div><div style="background-color: white; color: #545454; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 12px; line-height: 1.4; margin-bottom: 1em; text-align: left;">Note:- Please leave your comments if this article was helpful.</div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-152858382873702802.post-73477714082793334102012-01-30T04:43:00.000-08:002012-01-30T04:43:40.422-08:00Stored Procedures - Output Parameters & Return Values<span style="font-family: 'Courier New', Courier, monospace;"><br />
</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">Besides using input parameters, stored procedures can also return OUTPUT parameters and return values. Output parameters behave similarly to input parameters, but have to be declared with the OUTPUT keyword. In addition, you should specify the OUTPUT keyword when executing a stored procedure containing the output parameter to get the value. The following procedure contains an input parameter of the title type and an output parameter of total quantity of titles sold for the specified type:</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">1.</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">CREATE PROC sales_for_type @type VARCHAR(55), @total_sales INT OUTPUT</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">2.</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">AS</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">3.</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">SELECT SUM(qty) FROM sales a, titles b</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">4.</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">WHERE</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">5.</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">a.title_id = b.title_id</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">6.</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">and</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">7.</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">b.type = @type</span><br />
<span style="font-family: 'Courier New', Courier, monospace;"><br />
</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">This procedure can be executed as follows:</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">1.</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">DECLARE @total_sales_business int</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">2.</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">EXEC sales_for_type business, @total_sales=@total_sales_business OUTPUT</span><br />
<span style="font-family: 'Courier New', Courier, monospace;"><br />
</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">Results:</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">1.</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">-----------</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">2.</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">90</span><br />
<span style="font-family: 'Courier New', Courier, monospace;"><br />
</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">Notice that in order to use the output parameter, we have to declare a variable with the same data type as the output parameter of the called stored procedure. We can easily extend the same procedure to return more than one output parameters:</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">1.</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">ALTER PROC sales_for_type @type VARCHAR(55), @total_sales INT OUTPUT, @avg_sales INT OUTPUT</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">2.</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">AS</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">3.</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">SELECT SUM(qty), AVG(qty) FROM sales a, titles b</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">4.</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">WHERE</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">5.</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">a.title_id = b.title_id</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">6.</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">and</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">7.</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">b.type = @type</span><br />
<span style="font-family: 'Courier New', Courier, monospace;"><br />
</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">Now, we can execute the new procedure as follows:</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">1.</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">DECLARE @total_sales_business INT, @avg_sales_business INT</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">2.</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">EXEC sales_for_type business, @total_sales=@total_sales_business OUTPUT,</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">3.</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">@avg_sales = @avg_sales_business OUTPUT</span><br />
<span style="font-family: 'Courier New', Courier, monospace;"><br />
</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">Results:</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">1.</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">----------- -----------</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">2.</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">90 18</span><br />
<span style="font-family: 'Courier New', Courier, monospace;"><br />
</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">You can execute the stored procedure with an output parameter without the OUTPUT keyword, but you won't be able to use the returned value in the calling program.</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">Return values can be used within stored procedures to provide the stored procedure execution status to the calling program. The return values -99 through 0 are reserved for SQL Server internal use. You can create your own parameters that can be passed back to the calling program. By default, the successful execution of a stored procedure (or any group of SQL statements) will return 0. The syntax of the return command is:</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">1.</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">RETURN integer_value</span><br />
<span style="font-family: 'Courier New', Courier, monospace;"><br />
</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">You can check the result of executing a stored procedures with return values as follows:</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">1.</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">EXEC @return_variable = stored_procedure_name</span><br />
<span style="font-family: 'Courier New', Courier, monospace;"><br />
</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">where @return_variable is a numeric variable used to check the return value.</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">You can optionally enclose the integer value in parenthesis. If you don't supply the integer value, SQL Server will provide a value for you, depending on the state of program execution. RETURN also unconditionally exits the program, so once a RETURN is encountered in your T-SQL code SQL Server will not check any other conditions.</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">The following example demonstrates usage of user-defined return codes; notice that even though multiple conditions are examined within the procedure, a single RETURN will cause the program to stop and return the appropriate value:</span><br />
<span style="font-family: 'Courier New', Courier, monospace;"><br />
</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">01.</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">ALTER PROC sales_for_type @type VARCHAR(55), @total_sales INT OUTPUT, @avg_sales INT OUTPUT</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">02.</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">AS</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">03.</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">IF @type IS NULL</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">04.</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">BEGIN PRINT 'type is required' RETURN (1)</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">05.</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">END</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">06.</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">SELECT @total_sales=SUM(qty), @avg_sales = AVG(qty) FROM sales a, titles b</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">07.</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">WHERE</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">08.</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">a.title_id = b.title_id</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">09.</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">and</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">10.</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">b.type = @type</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">11.</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">IF @total_sales IS NULL</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">12.</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">AND @avg_sales IS NULL</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">13.</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">BEGIN</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">14.</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">RETURN (3) -- both avg and sum are null</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">15.</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">END</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">16.</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">IF @avg_sales IS NULL</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">17.</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">BEGIN</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">18.</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">RETURN (1) -- avg is null</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">19.</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">END</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">20.</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">IF @total_sales IS NULL</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">21.</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">BEGIN</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">22.</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">RETURN (2) -- total is null</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">23.</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">END</span><br />
<span style="font-family: 'Courier New', Courier, monospace;"><br />
</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">Now, we can execute the procedure with intentionally wrong values to check how the RETURN statement works:</span><br />
<span style="font-family: 'Courier New', Courier, monospace;"><br />
</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">1.</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">DECLARE @total_sales_business INT, @avg_sales_business INT, @return_status INT</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">2.</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">EXEC @return_status = sales_for_type tomato, @total_sales=@total_sales_business OUTPUT,</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">3.</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">@avg_sales = @avg_sales_business OUTPUT</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">4.</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">SELECT @return_status</span><br />
<span style="font-family: 'Courier New', Courier, monospace;"><br />
</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">Result:</span><br />
<span style="font-family: 'Courier New', Courier, monospace;"><br />
</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">1.</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">-----------</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">2.</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">3</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">3.</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">DECLARE @total_sales_business INT, @avg_sales_business INT, @return_status INT</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">4.</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">EXEC @return_status = sales_for_type NULL, @total_sales=@total_sales_business OUTPUT,</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">5.</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">@avg_sales = @avg_sales_business OUTPUT</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">6.</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">SELECT @return_status</span><br />
<span style="font-family: 'Courier New', Courier, monospace;"><br />
</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">Result:</span><br />
<span style="font-family: 'Courier New', Courier, monospace;"><br />
</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">1.</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">type is required</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">2.</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">-----------</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">3.</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">1</span>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-152858382873702802.post-86899680744347712352012-01-29T23:21:00.000-08:002012-01-29T23:21:11.066-08:00How to Create Wsdl from the Asmx or Svc filesHere is the code<br />
<br />
<span style="background-color: rgba(255, 255, 255, 0.917969); color: #222222; font-family: arial, sans-serif; font-size: 13px;">wsdl /out:TempConversion.cs </span><a href="http://localhost/TempConversion/TempConversion.asmx" style="background-color: rgba(255, 255, 255, 0.917969); color: #1155cc; font-family: arial, sans-serif; font-size: 13px;" target="_blank">http://localhost/<wbr></wbr>TempConversion/TempConversion.<wbr></wbr>asmx</a> <br />
<br />
file path: C:\Program Files\Microsoft Visual Studio 9.0\VCUnknownnoreply@blogger.com0tag:blogger.com,1999:blog-152858382873702802.post-75612298627874382852012-01-24T05:49:00.000-08:002012-01-24T05:49:20.107-08:00How to Call C# function using json<span style="font-family: 'Courier New', Courier, monospace; font-size: x-small;">Here is the article about how to call asp.net function through javascript</span><br />
<span style="font-family: 'Courier New', Courier, monospace; font-size: x-small;"><%@ Page Language="C#" AutoEventWireup="true" %></span><br />
<span style="font-family: 'Courier New', Courier, monospace; font-size: x-small;"><br />
</span><br />
<span style="font-family: 'Courier New', Courier, monospace; font-size: x-small;"><%@ Import Namespace="System.Collections.ObjectModel" %></span><br />
<span style="font-family: 'Courier New', Courier, monospace; font-size: x-small;"><%@ Import Namespace="System.Web.Services" %></span><br />
<span style="font-family: 'Courier New', Courier, monospace; font-size: x-small;"><br />
</span><br />
<span style="font-family: 'Courier New', Courier, monospace; font-size: x-small;"><script runat="server"></span><br />
<span style="font-family: 'Courier New', Courier, monospace; font-size: x-small;"> [WebMethod]</span><br />
<span style="font-family: 'Courier New', Courier, monospace; font-size: x-small;"> public static Collection<Location> FillDropDownList(int myValue1)</span><br />
<span style="font-family: 'Courier New', Courier, monospace; font-size: x-small;"> {</span><br />
<span style="font-family: 'Courier New', Courier, monospace; font-size: x-small;"> //use myValue1 to fill data</span><br />
<span style="font-family: 'Courier New', Courier, monospace; font-size: x-small;"> var locations = new Collection<Location></span><br />
<span style="font-family: 'Courier New', Courier, monospace; font-size: x-small;"> {</span><br />
<span style="font-family: 'Courier New', Courier, monospace; font-size: x-small;"> new Location {CountryID = 0, CountryName = "Please Select"},</span><br />
<span style="font-family: 'Courier New', Courier, monospace; font-size: x-small;"> new Location {CountryID = 1, CountryName = "Country1"},</span><br />
<span style="font-family: 'Courier New', Courier, monospace; font-size: x-small;"> new Location {CountryID = 2, CountryName = "Country2"},</span><br />
<span style="font-family: 'Courier New', Courier, monospace; font-size: x-small;"> new Location {CountryID = 3, CountryName = "Country3"},</span><br />
<span style="font-family: 'Courier New', Courier, monospace; font-size: x-small;"> new Location {CountryID = 4, CountryName = "Country4"},</span><br />
<span style="font-family: 'Courier New', Courier, monospace; font-size: x-small;"> new Location {CountryID = 5, CountryName = "Country5"}</span><br />
<span style="font-family: 'Courier New', Courier, monospace; font-size: x-small;"> };</span><br />
<span style="font-family: 'Courier New', Courier, monospace; font-size: x-small;"> return locations;</span><br />
<span style="font-family: 'Courier New', Courier, monospace; font-size: x-small;"> }</span><br />
<span style="font-family: 'Courier New', Courier, monospace; font-size: x-small;"> public class Location</span><br />
<span style="font-family: 'Courier New', Courier, monospace; font-size: x-small;"> {</span><br />
<span style="font-family: 'Courier New', Courier, monospace; font-size: x-small;"> public int CountryID { get; set; }</span><br />
<span style="font-family: 'Courier New', Courier, monospace; font-size: x-small;"> public string CountryName { get; set; }</span><br />
<span style="font-family: 'Courier New', Courier, monospace; font-size: x-small;"> }</span><br />
<span style="font-family: 'Courier New', Courier, monospace; font-size: x-small;"> </span><br />
<span style="font-family: 'Courier New', Courier, monospace; font-size: x-small;"></script></span><br />
<span style="font-family: 'Courier New', Courier, monospace; font-size: x-small;"><br />
</span><br />
<span style="font-family: 'Courier New', Courier, monospace; font-size: x-small;"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"></span><br />
<span style="font-family: 'Courier New', Courier, monospace; font-size: x-small;"><html xmlns="http://www.w3.org/1999/xhtml"></span><br />
<span style="font-family: 'Courier New', Courier, monospace; font-size: x-small;"><head runat="server"></span><br />
<span style="font-family: 'Courier New', Courier, monospace; font-size: x-small;"> <title></title></span><br />
<span style="font-family: 'Courier New', Courier, monospace; font-size: x-small;"><br />
</span><br />
<span style="font-family: 'Courier New', Courier, monospace; font-size: x-small;"> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script></span><br />
<span style="font-family: 'Courier New', Courier, monospace; font-size: x-small;"><br />
</span><br />
<span style="font-family: 'Courier New', Courier, monospace; font-size: x-small;"> <script type="text/javascript"></span><br />
<span style="font-family: 'Courier New', Courier, monospace; font-size: x-small;"> $(function() {</span><br />
<span style="font-family: 'Courier New', Courier, monospace; font-size: x-small;"><br />
</span><br />
<span style="font-family: 'Courier New', Courier, monospace; font-size: x-small;"> $('#<%= FillDropDownListButton.ClientID %>').click(function() {</span><br />
<span style="font-family: 'Courier New', Courier, monospace; font-size: x-small;"> doAjaxCall('Default.aspx/FillDropDownList');</span><br />
<span style="font-family: 'Courier New', Courier, monospace; font-size: x-small;"> return false;</span><br />
<span style="font-family: 'Courier New', Courier, monospace; font-size: x-small;"> });</span><br />
<span style="font-family: 'Courier New', Courier, monospace; font-size: x-small;"> function doAjaxCall(url, data) {</span><br />
<span style="font-family: 'Courier New', Courier, monospace; font-size: x-small;"> var param1 = 1;</span><br />
<span style="font-family: 'Courier New', Courier, monospace; font-size: x-small;"> $.ajax({</span><br />
<span style="font-family: 'Courier New', Courier, monospace; font-size: x-small;"> type: 'POST',</span><br />
<span style="font-family: 'Courier New', Courier, monospace; font-size: x-small;"> url: url,</span><br />
<span style="font-family: 'Courier New', Courier, monospace; font-size: x-small;"> data: '{myValue1: ' + param1 + '}',</span><br />
<span style="font-family: 'Courier New', Courier, monospace; font-size: x-small;"> contentType: 'application/json; charset=utf-8',</span><br />
<span style="font-family: 'Courier New', Courier, monospace; font-size: x-small;"> dataType: 'json',</span><br />
<span style="font-family: 'Courier New', Courier, monospace; font-size: x-small;"> success: successHandler</span><br />
<span style="font-family: 'Courier New', Courier, monospace; font-size: x-small;"> });</span><br />
<span style="font-family: 'Courier New', Courier, monospace; font-size: x-small;"> }</span><br />
<span style="font-family: 'Courier New', Courier, monospace; font-size: x-small;"><br />
</span><br />
<span style="font-family: 'Courier New', Courier, monospace; font-size: x-small;"> function successHandler(response) {</span><br />
<span style="font-family: 'Courier New', Courier, monospace; font-size: x-small;"> var myDropDownList = $('#<%= MyDropDownList.ClientID %>');</span><br />
<span style="font-family: 'Courier New', Courier, monospace; font-size: x-small;"> myDropDownList.find('options').remove();</span><br />
<span style="font-family: 'Courier New', Courier, monospace; font-size: x-small;"> var data = response.d;</span><br />
<span style="font-family: 'Courier New', Courier, monospace; font-size: x-small;"> var doc = $('<div></div>');</span><br />
<span style="font-family: 'Courier New', Courier, monospace; font-size: x-small;"> for (var i = 0; i < data.length; i++) {</span><br />
<span style="font-family: 'Courier New', Courier, monospace; font-size: x-small;"> doc.append($('<option></option>').</span><br />
<span style="font-family: 'Courier New', Courier, monospace; font-size: x-small;"> attr('value', data[i].CountryID).text(data[i].CountryName)</span><br />
<span style="font-family: 'Courier New', Courier, monospace; font-size: x-small;"> );</span><br />
<span style="font-family: 'Courier New', Courier, monospace; font-size: x-small;"> }</span><br />
<span style="font-family: 'Courier New', Courier, monospace; font-size: x-small;"> myDropDownList.append(doc.html());</span><br />
<span style="font-family: 'Courier New', Courier, monospace; font-size: x-small;"> doc.remove();</span><br />
<span style="font-family: 'Courier New', Courier, monospace; font-size: x-small;"> }</span><br />
<span style="font-family: 'Courier New', Courier, monospace; font-size: x-small;"><br />
</span><br />
<span style="font-family: 'Courier New', Courier, monospace; font-size: x-small;"> });</span><br />
<span style="font-family: 'Courier New', Courier, monospace; font-size: x-small;"> </script></span><br />
<span style="font-family: 'Courier New', Courier, monospace; font-size: x-small;"><br />
</span><br />
<span style="font-family: 'Courier New', Courier, monospace; font-size: x-small;"></head></span><br />
<span style="font-family: 'Courier New', Courier, monospace; font-size: x-small;"><body></span><br />
<span style="font-family: 'Courier New', Courier, monospace; font-size: x-small;"> <form id="form1" runat="server"></span><br />
<span style="font-family: 'Courier New', Courier, monospace; font-size: x-small;"> <div></span><br />
<span style="font-family: 'Courier New', Courier, monospace; font-size: x-small;"> <asp:DropDownList ID="MyDropDownList" runat="server"></span><br />
<span style="font-family: 'Courier New', Courier, monospace; font-size: x-small;"> </asp:DropDownList></span><br />
<span style="font-family: 'Courier New', Courier, monospace; font-size: x-small;"> <asp:Button ID="FillDropDownListButton" runat="server" Text="Fill DropDownList" /></span><br />
<span style="font-family: 'Courier New', Courier, monospace; font-size: x-small;"> </div></span><br />
<span style="font-family: 'Courier New', Courier, monospace; font-size: x-small;"> </form></span><br />
<span style="font-family: 'Courier New', Courier, monospace; font-size: x-small;"></body></span><br />
<span style="font-family: 'Courier New', Courier, monospace; font-size: x-small;"></html></span>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-152858382873702802.post-8815765699055503272012-01-12T22:45:00.001-08:002012-01-12T22:45:55.710-08:00How To Find Control in gridview on RowCommand event in asp.net<span style="font-family: 'Courier New', Courier, monospace;">protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)</span><br />
<span style="font-family: 'Courier New', Courier, monospace;"><br />
</span><br />
<span style="font-family: 'Courier New', Courier, monospace;"> {</span><br />
<span style="font-family: 'Courier New', Courier, monospace;"><br />
</span><br />
<span style="font-family: 'Courier New', Courier, monospace;"> if (e.Row.RowType == DataControlRowType.DataRow)</span><br />
<span style="font-family: 'Courier New', Courier, monospace;"><br />
</span><br />
<span style="font-family: 'Courier New', Courier, monospace;"> {</span><br />
<span style="font-family: 'Courier New', Courier, monospace;"><br />
</span><br />
<span style="font-family: 'Courier New', Courier, monospace;"> Label lblPrice = (Label)e.Row.FindControl("lblPrice");</span><br />
<span style="font-family: 'Courier New', Courier, monospace;"><br />
</span><br />
<span style="font-family: 'Courier New', Courier, monospace;"> Label lblUnitsInStock = (Label)e.Row.FindControl("lblUnitsInStock");</span><br />
<span style="font-family: 'Courier New', Courier, monospace;"><br />
</span><br />
<span style="font-family: 'Courier New', Courier, monospace;"><br />
</span><br />
<span style="font-family: 'Courier New', Courier, monospace;"><br />
</span><br />
<span style="font-family: 'Courier New', Courier, monospace;"> decimal price = Decimal.Parse(lblPrice.Text);</span><br />
<span style="font-family: 'Courier New', Courier, monospace;"><br />
</span><br />
<span style="font-family: 'Courier New', Courier, monospace;"> decimal stock = Decimal.Parse(lblUnitsInStock.Text);</span><br />
<span style="font-family: 'Courier New', Courier, monospace;"><br />
</span><br />
<span style="font-family: 'Courier New', Courier, monospace;"><br />
</span><br />
<span style="font-family: 'Courier New', Courier, monospace;"><br />
</span><br />
<span style="font-family: 'Courier New', Courier, monospace;"> totalPrice += price;</span><br />
<span style="font-family: 'Courier New', Courier, monospace;"><br />
</span><br />
<span style="font-family: 'Courier New', Courier, monospace;"> totalStock += stock;</span><br />
<span style="font-family: 'Courier New', Courier, monospace;"><br />
</span><br />
<span style="font-family: 'Courier New', Courier, monospace;"><br />
</span><br />
<span style="font-family: 'Courier New', Courier, monospace;"><br />
</span><br />
<span style="font-family: 'Courier New', Courier, monospace;"> totalItems += 1;</span><br />
<span style="font-family: 'Courier New', Courier, monospace;"><br />
</span><br />
<span style="font-family: 'Courier New', Courier, monospace;"> }</span><br />
<span style="font-family: 'Courier New', Courier, monospace;"><br />
</span><br />
<span style="font-family: 'Courier New', Courier, monospace;"><br />
</span><br />
<span style="font-family: 'Courier New', Courier, monospace;"><br />
</span><br />
<span style="font-family: 'Courier New', Courier, monospace;"> if (e.Row.RowType == DataControlRowType.Footer)</span><br />
<span style="font-family: 'Courier New', Courier, monospace;"><br />
</span><br />
<span style="font-family: 'Courier New', Courier, monospace;"> {</span><br />
<span style="font-family: 'Courier New', Courier, monospace;"><br />
</span><br />
<span style="font-family: 'Courier New', Courier, monospace;"> Label lblTotalPrice = (Label)e.Row.FindControl("lblTotalPrice");</span><br />
<span style="font-family: 'Courier New', Courier, monospace;"><br />
</span><br />
<span style="font-family: 'Courier New', Courier, monospace;"> Label lblTotalUnitsInStock = (Label)e.Row.FindControl("lblTotalUnitsInStock");</span><br />
<span style="font-family: 'Courier New', Courier, monospace;"><br />
</span><br />
<span style="font-family: 'Courier New', Courier, monospace;"><br />
</span><br />
<span style="font-family: 'Courier New', Courier, monospace;"><br />
</span><br />
<span style="font-family: 'Courier New', Courier, monospace;"> lblTotalPrice.Text = totalPrice.ToString();</span><br />
<span style="font-family: 'Courier New', Courier, monospace;"><br />
</span><br />
<span style="font-family: 'Courier New', Courier, monospace;"> lblTotalUnitsInStock.Text = totalStock.ToString();</span><br />
<span style="font-family: 'Courier New', Courier, monospace;"><br />
</span><br />
<span style="font-family: 'Courier New', Courier, monospace;"><br />
</span><br />
<span style="font-family: 'Courier New', Courier, monospace;"><br />
</span><br />
<span style="font-family: 'Courier New', Courier, monospace;"> lblAveragePrice.Text = (totalPrice / totalItems).ToString("F");</span><br />
<span style="font-family: 'Courier New', Courier, monospace;"><br />
</span><br />
<span style="font-family: 'Courier New', Courier, monospace;"> }</span><br />
<span style="font-family: 'Courier New', Courier, monospace;"><br />
</span><br />
<span style="font-family: 'Courier New', Courier, monospace;"> }</span>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-152858382873702802.post-80118734848299636262012-01-12T21:43:00.000-08:002012-01-12T21:44:12.764-08:00How to find control on GridView RowCommand Event?<span style="font-family: 'Courier New', Courier, monospace;"><b>Today We Will Learn </b></span><br />
<span style="font-family: 'Courier New', Courier, monospace;"><b>Q1.How to find a control within a gridview to get some data of that control.</b></span><br />
<span style="font-family: 'Courier New', Courier, monospace;"><Columns></span><br />
<span style="font-family: 'Courier New', Courier, monospace;"> <asp:TemplateField HeaderText="Team"></span><br />
<span style="font-family: 'Courier New', Courier, monospace;"> <ItemTemplate></span><br />
<span style="font-family: 'Courier New', Courier, monospace;"> <asp:Label ID="lblTeam" runat="server" Text='<%# Eval("TeamName")%>'></asp:Label></span><br />
<span style="font-family: 'Courier New', Courier, monospace;"> </ItemTemplate></span><br />
<span style="font-family: 'Courier New', Courier, monospace;"> </asp:TemplateField></span><br />
<span style="font-family: 'Courier New', Courier, monospace;"></Columns> </span><br />
<span style="font-family: 'Courier New', Courier, monospace;"><Columns></span><br />
<span style="font-family: 'Courier New', Courier, monospace;"> <asp:TemplateField></span><br />
<span style="font-family: 'Courier New', Courier, monospace;"> <ItemTemplate></span><br />
<span style="font-family: 'Courier New', Courier, monospace;"> <asp:LinkButton ID="lnkEdit" Text="EDIT" runat="server" CssClass="coachEdit" CommandArgument='<%# Eval("TeamId")%>' CommandName="Redirect"></asp:LinkButton></span><br />
<span style="font-family: 'Courier New', Courier, monospace;"> </ItemTemplate></span><br />
<span style="font-family: 'Courier New', Courier, monospace;"> </asp:TemplateField></span><br />
<span style="font-family: 'Courier New', Courier, monospace;"></Columns></span><br />
<span style="font-family: 'Courier New', Courier, monospace;"><br />
</span><br />
<span style="font-family: 'Courier New', Courier, monospace;"><br />
</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">On the Row_command Use this Code to get the value of the control</span><br />
<span style="font-family: 'Courier New', Courier, monospace;"><br />
</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">GridViewRow row = (GridViewRow)(((LinkButton)e.CommandSource).NamingContainer);</span><br />
<span style="font-family: 'Courier New', Courier, monospace;"> Label lblDate = (Label)row.Cells[0].FindControl("lblDate");</span><br />
<span style="font-family: 'Courier New', Courier, monospace;">string teamName= lblDate.Text; </span><br />
<span style="font-family: 'Courier New', Courier, monospace;">int rowindex = row.RowIndex;</span>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-152858382873702802.post-9855896621666360742011-12-30T19:12:00.000-08:002011-12-30T19:12:47.956-08:00The ‘Microsoft.ACE.OLEDB.12.0′ provider is not registered on the local machine.<div dir="ltr" style="text-align: left;" trbidi="on"><span style="color: blue; font-size: large;"><span style="font-family: "Trebuchet MS", sans-serif;"><span style="background-color: yellow;">The ‘Microsoft.ACE.OLEDB.12.0′ provider is not registered on the local </span><span style="background-color: yellow;">machine.</span></span></span><br />
<span style="font-family: "Trebuchet MS", sans-serif;"><br />
</span><br />
<span style="font-family: "Trebuchet MS", sans-serif;">I recently got an error when trying to use Microsoft.ACE.OLEDB.12.0 to connect excel file.I am sure Microsoft.ACE.OLEDB.12.0 is registered on the local machine,but I keep getting on run time error like this.</span><br />
<span style="font-family: "Trebuchet MS", sans-serif;"><br />
</span><br />
<span style="font-family: "Trebuchet MS", sans-serif;">I got this error in the different machine... Have a Look</span><br />
<div class="separator" style="border: 1px gray; clear: both; text-align: center;"><a href="http://3.bp.blogspot.com/-dDvDJc80lq0/Tv57_H2pIBI/AAAAAAAAALU/ZIyWrRreWOc/s1600/Error1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: "Trebuchet MS", sans-serif;"><img border="0" height="344" src="http://3.bp.blogspot.com/-dDvDJc80lq0/Tv57_H2pIBI/AAAAAAAAALU/ZIyWrRreWOc/s640/Error1.jpg" width="640" /></span></a></div><span style="font-family: "Trebuchet MS", sans-serif;">After quite long time goolgling,I found out that it is because I am running 64-bit windows and there are no MS Access drivers that run 64 bit.So to resolve it you need to change the build configuration to x86 found in the programs properties.</span><br />
<span style="font-family: "Trebuchet MS", sans-serif;"><br />
</span><br />
<span style="font-family: "Trebuchet MS", sans-serif;">To do so,right click on the project and click Properties</span><br />
<span style="font-family: "Trebuchet MS", sans-serif;"><br />
</span><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/-IRSeGgFIlCQ/Tv58xnPdJ2I/AAAAAAAAALg/7X-ein85Z88/s1600/sol1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: "Trebuchet MS", sans-serif;"><img border="0" height="400" src="http://2.bp.blogspot.com/-IRSeGgFIlCQ/Tv58xnPdJ2I/AAAAAAAAALg/7X-ein85Z88/s400/sol1.jpg" width="248" /></span></a></div><span style="font-family: "Trebuchet MS", sans-serif;">Then click on Build and change the Platform target from Any CPU to x86.Recompile your program , it works like charm.</span><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://3.bp.blogspot.com/-WqGv02yvA8w/Tv59cJ11poI/AAAAAAAAAL0/4xGtEOO-LkU/s1600/sol2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: "Trebuchet MS", sans-serif;"><img border="0" height="371" src="http://3.bp.blogspot.com/-WqGv02yvA8w/Tv59cJ11poI/AAAAAAAAAL0/4xGtEOO-LkU/s640/sol2.png" width="640" /></span></a></div><div class="separator" style="clear: both; text-align: center;"><span style="font-family: "Trebuchet MS", sans-serif;"></span></div></div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-152858382873702802.post-23606987506272659782011-12-20T08:24:00.001-08:002011-12-20T08:27:34.618-08:00DataGridView in Windows Forms – Tips, Tricks and Frequently Asked Questions(FAQ)<div dir="ltr" style="text-align: left;" trbidi="on"><span style="font-family: Verdana, sans-serif;"><br />
</span><br />
<div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 24pt; text-align: -webkit-auto;"><b><span style="font-size: x-large;"><span style="color: #365f91; font-family: Verdana, sans-serif; font-size: large;">DataGridView in Windows Forms – Tips, Tricks and Frequently Asked Questions(FAQ)</span></span></b></div><div style="background-color: white; font-size: 12px; margin-bottom: 10pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"></div><div align="justify" style="background-color: white; font-size: 12px; margin-bottom: 10pt; margin-left: 0in; margin-right: 0in; margin-top: 0in;"><span style="font-family: Verdana, sans-serif; font-size: x-small;">DataGridView control is a Windows Forms control that gives you the ability to customize and edit tabular data. It gives you number of properties, methods and events to customize its appearance and behavior. In this article, we will discuss some frequently asked questions and their solutions. These questions have been collected from a variety of sources including some newsgroups, MSDN site and a few, answered by me at the MSDN forums.</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 10pt; text-align: -webkit-auto;"><b><span style="font-size: large;"><span style="color: #4f81bd; font-family: Verdana, sans-serif; font-size: medium;">Tip 1 – Populating a DataGridView</span></span></b></div><div style="background-color: white; font-size: 12px; margin-bottom: 10pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"></div><div align="justify" style="background-color: white; font-size: 12px; margin-bottom: 10pt; margin-left: 0in; margin-right: 0in; margin-top: 0in;"><span style="font-family: Verdana, sans-serif; font-size: x-small;">In this short snippet, we will populate a DataGridView using the LoadData() method. This method uses the SqlDataAdapter to populate a DataSet. The table ‘Orders’ in the DataSet is then bound to the BindingSource component which gives us the flexibility to choose/modify the data location.</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 10pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;">C#</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"><span style="color: blue;">public</span> <span style="color: blue;">partial</span> <span style="color: blue;">class</span> <span style="color: #2b91af;">Form1</span> : <span style="color: #2b91af;">Form</span></span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> {</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> <span style="color: blue;">private</span> <span style="color: #2b91af;">SqlDataAdapter</span> da;</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> <span style="color: blue;">private</span> <span style="color: #2b91af;">SqlConnection</span> conn;</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> <span style="color: #2b91af;">BindingSource</span> bsource = <span style="color: blue;">new</span> <span style="color: #2b91af;">BindingSource</span>();</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> <span style="color: #2b91af;">DataSet</span> ds = <span style="color: blue;">null</span>;</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> <span style="color: blue;">string</span> sql;</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> <span style="color: blue;">public</span> Form1()</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> {</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> InitializeComponent();</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> }</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> <span style="color: blue;">private</span> <span style="color: blue;">void</span> btnLoad_Click(<span style="color: blue;">object</span> sender, <span style="color: #2b91af;">EventArgs</span> e)</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> {</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> LoadData();</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> }</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> <span style="color: blue;">private</span> <span style="color: blue;">void</span> LoadData()</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> {</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 1in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"><span style="color: blue;">string</span> connectionString = <span style="color: #a31515;">"Data Source=localhost;Initial Catalog=Northwind;"</span> +<span style="color: #a31515;">"Integrated Security=SSPI;"</span>;</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> conn = <span style="color: blue;">new</span> <span style="color: #2b91af;">SqlConnection</span>(connectionString);</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 1in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;">sql = <span style="color: #a31515;">"SELECT OrderID, CustomerID, EmployeeID, OrderDate, Freight,"</span> + <span style="color: #a31515;">"ShipName, ShipCountry FROM Orders"</span>;</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> da = <span style="color: blue;">new</span> <span style="color: #2b91af;">SqlDataAdapter</span>(sql, conn);</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> conn.Open();</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> ds = <span style="color: blue;">new</span> <span style="color: #2b91af;">DataSet</span>();</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> <span style="color: #2b91af;">SqlCommandBuilder</span> commandBuilder = <span style="color: blue;">new</span> <span style="color: #2b91af;">SqlCommandBuilder</span>(da); </span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> da.Fill(ds, <span style="color: #a31515;">"Orders"</span>);</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> bsource.DataSource = ds.Tables[<span style="color: #a31515;">"Orders"</span>];</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> dgv.DataSource = bsource; </span></div><div style="background-color: white; font-size: 12px; margin-bottom: 10pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> }</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 10pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> }</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 10pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;">VB.NET</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"><span style="color: blue;">Public</span> <span style="color: blue;">Partial</span> <span style="color: blue;">Class</span> Form1</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> <span style="color: blue;">Inherits</span> Form</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> <span style="color: blue;">Private</span> da <span style="color: blue;">As</span> SqlDataAdapter</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> <span style="color: blue;">Private</span> conn <span style="color: blue;">As</span> SqlConnection</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> <span style="color: blue;">Private</span> bsource <span style="color: blue;">As</span> BindingSource = <span style="color: blue;">New</span> BindingSource()</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> <span style="color: blue;">Private</span> ds <span style="color: blue;">As</span> DataSet = <span style="color: blue;">Nothing</span></span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> <span style="color: blue;">Private</span> sql <span style="color: blue;">As</span> <span style="color: blue;">String</span></span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> <span style="color: blue;">Public</span> <span style="color: blue;">Sub</span> <span style="color: blue;">New</span>()</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> InitializeComponent()</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> <span style="color: blue;">End</span> <span style="color: blue;">Sub</span></span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 1in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"><span style="color: blue;">Private</span> <span style="color: blue;">Sub</span> btnLoad_Click(<span style="color: blue;">ByVal</span> sender <span style="color: blue;">As</span> <span style="color: blue;">Object</span>, <span style="color: blue;">ByVal</span> e <span style="color: blue;">As</span> EventArgs)</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> LoadData()</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> <span style="color: blue;">End</span> <span style="color: blue;">Sub</span></span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> <span style="color: blue;">Private</span> <span style="color: blue;">Sub</span> LoadData()</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 1.5in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"><span style="color: blue;">Dim</span> connectionString <span style="color: blue;">As</span> <span style="color: blue;">String</span> = "Data Source=localhost;Initial Catalog=Northwind;" & "Integrated Security=SSPI;"</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> conn = <span style="color: blue;">New</span> SqlConnection(connectionString)</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 1.5in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;">sql = "SELECT OrderID, CustomerID, EmployeeID, OrderDate, Freight," & "ShipName, ShipCountry FROM Orders"</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> da = <span style="color: blue;">New</span> SqlDataAdapter(sql, conn)</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> conn.Open()</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> ds = <span style="color: blue;">New</span> DataSet()</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 1.5in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"><span style="color: blue;">Dim</span> commandBuilder <span style="color: blue;">As</span> SqlCommandBuilder = <span style="color: blue;">New</span> SqlCommandBuilder(da)</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> da.Fill(ds, "Orders")</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> bsource.DataSource = ds.Tables("Orders")</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> dgv.DataSource = bsource</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> <span style="color: blue;">End</span> <span style="color: blue;">Sub</span></span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"><span style="color: blue;">End</span> <span style="color: blue;">Class</span></span></div><div style="background-color: white; font-size: 12px; margin-bottom: 10pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 10pt; text-align: -webkit-auto;"><b><span style="font-size: large;"><span style="color: #4f81bd; font-family: Verdana, sans-serif; font-size: medium;">Tip 2 – Update the data in the DataGridView and save changes in the database</span></span></b></div><div style="background-color: white; font-size: 12px; margin-bottom: 10pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"></div><div align="justify" style="background-color: white; font-size: 12px; margin-bottom: 10pt; margin-left: 0in; margin-right: 0in; margin-top: 0in;"><span style="font-family: Verdana, sans-serif; font-size: x-small;">After editing the data in the cells, if you would like to update the changes permanently in the database, use the following code:</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 10pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;">C#</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> <span style="color: blue;">private</span> <span style="color: blue;">void</span> btnUpdate_Click(<span style="color: blue;">object</span> sender, <span style="color: #2b91af;">EventArgs</span> e)</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> {</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> <span style="color: #2b91af;">DataTable</span> dt = ds.Tables[<span style="color: #a31515;">"Orders"</span>];</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> <span style="color: blue;">this</span>.dgv.BindingContext[dt].EndCurrentEdit();</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> <span style="color: blue;">this</span>.da.Update(dt);</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 10pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> }</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 10pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;">VB.NET</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0.5in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"><span style="color: blue;">Private</span> <span style="color: blue;">Sub</span> btnUpdate_Click(<span style="color: blue;">ByVal</span> sender <span style="color: blue;">As</span> <span style="color: blue;">Object</span>, <span style="color: blue;">ByVal</span> e <span style="color: blue;">As</span> EventArgs)</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> <span style="color: blue;">Dim</span> dt <span style="color: blue;">As</span> DataTable = ds.Tables("Orders")</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> <span style="color: blue;">Me</span>.dgv.BindingContext(dt).EndCurrentEdit()</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> <span style="color: blue;">Me</span>.da.Update(dt)</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 10pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> <span style="color: blue;">End</span> <span style="color: blue;">Sub</span></span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 10pt; text-align: -webkit-auto;"><b><span style="font-size: large;"><span style="color: #4f81bd; font-family: Verdana, sans-serif; font-size: medium;">Tip 3 – Display a confirmation box before deleting a row in the DataGridView</span></span></b></div><div style="background-color: white; font-size: 12px; margin-bottom: 10pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"></div><div align="justify" style="background-color: white; font-size: 12px; margin-bottom: 10pt; margin-left: 0in; margin-right: 0in; margin-top: 0in;"><span style="font-family: Verdana, sans-serif; font-size: x-small;">Handle the UserDeletingRow event to display a confirmation box to the user. If the user confirms the deletion, delete the row. If the user clicks cancel, set e.cancel = true which cancels the row deletion.</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 10pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;">C#</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"><span style="color: blue;">private</span> <span style="color: blue;">void</span> dgv_UserDeletingRow(<span style="color: blue;">object</span> sender, <span style="color: #2b91af;">DataGridViewRowCancelEventArgs</span> e)</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> {</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> <span style="color: blue;">if</span> (!e.Row.IsNewRow)</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> {</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> <span style="color: #2b91af;">DialogResult</span> res = <span style="color: #2b91af;">MessageBox</span>.Show(<span style="color: #a31515;">"Are you sure you want to delete this row?"</span>,<span style="color: #a31515;">"Delete confirmation"</span>,</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> <span style="color: #2b91af;">MessageBoxButtons</span>.YesNo, <span style="color: #2b91af;">MessageBoxIcon</span>.Question);</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> <span style="color: blue;">if</span> (res == <span style="color: #2b91af;">DialogResult</span>.No)</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> e.Cancel = <span style="color: blue;">true</span>;</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> }</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 10pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> }</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 10pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;">VB.NET</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"><span style="color: blue;">Private</span> <span style="color: blue;">Sub</span> dgv_UserDeletingRow(<span style="color: blue;">ByVal</span> sender <span style="color: blue;">As</span> <span style="color: blue;">Object</span>, <span style="color: blue;">ByVal</span> e <span style="color: blue;">As</span> DataGridViewRowCancelEventArgs)</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> <span style="color: blue;">If</span> (<span style="color: blue;">Not</span> e.Row.IsNewRow) <span style="color: blue;">Then</span></span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> <span style="color: blue;">Dim</span> res <span style="color: blue;">As</span> DialogResult = MessageBox.Show("Are you sure you want to delete this row?", "Delete confirmation", MessageBoxButtons.YesNo, MessageBoxIcon.Question)</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> <span style="color: blue;">If</span> res = DialogResult.No <span style="color: blue;">Then</span></span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> e.Cancel = <span style="color: blue;">True</span></span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> <span style="color: blue;">End</span> <span style="color: blue;">If</span></span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> <span style="color: blue;">End</span> <span style="color: blue;">If</span></span></div><div style="background-color: white; font-size: 12px; margin-bottom: 10pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"><span style="color: blue;">End</span> <span style="color: blue;">Sub</span></span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 10pt; text-align: -webkit-auto;"><b><span style="font-size: large;"><span style="color: #4f81bd; font-family: Verdana, sans-serif; font-size: medium;">Tip 4 – How to autoresize column width in the DataGridView</span></span></b></div><div style="background-color: white; font-size: 12px; margin-bottom: 10pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"></div><div align="justify" style="background-color: white; font-size: 12px; margin-bottom: 10pt; margin-left: 0in; margin-right: 0in; margin-top: 0in;"><span style="font-family: Verdana, sans-serif; font-size: x-small;">The snippet shown below, first auto-resizes the columns to fit its content. Then the AutoSizeColumnsMode is set to the ‘DataGridViewAutoSizeColumnsMode.AllCells’ enumeration value which automatically adjust the widths of the columns when the data changes.</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 10pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;">C#</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"><span style="color: blue;">private</span> <span style="color: blue;">void</span> btnResize_Click(<span style="color: blue;">object</span> sender, <span style="color: #2b91af;">EventArgs</span> e)</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> {</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> dgv.AutoResizeColumns();</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> dgv.AutoSizeColumnsMode = <span style="color: #2b91af;">DataGridViewAutoSizeColumnsMode</span>.AllCells;</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"></div><div style="background-color: white; font-size: 12px; margin-bottom: 10pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> }</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 10pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;">VB.NET</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"><span style="color: blue;">Private</span> <span style="color: blue;">Sub</span> btnResize_Click(<span style="color: blue;">ByVal</span> sender <span style="color: blue;">As</span> <span style="color: blue;">Object</span>, <span style="color: blue;">ByVal</span> e <span style="color: blue;">As</span> EventArgs)</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> dgv.AutoResizeColumns()</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> dgv.AutoSizeColumnsMode = DataGridViewAutoSizeColumnsMode.AllCells</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"><span style="color: blue;">End</span> <span style="color: blue;">Sub</span></span></div><div style="background-color: white; font-size: 12px; margin-bottom: 10pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 10pt; text-align: -webkit-auto;"><b><span style="font-size: large;"><span style="color: #4f81bd; font-family: Verdana, sans-serif; font-size: medium;">Tip 5 - Select and Highlight an entire row in DataGridView</span></span></b></div><div style="background-color: white; font-size: 12px; margin-bottom: 10pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"></div><div style="background-color: white; font-size: 12px; margin-bottom: 10pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;">C#</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"><span style="color: blue;">int</span> rowToBeSelected = 3; <span style="color: green;">// third row</span></span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"><span style="color: blue;">if</span> (dgv.Rows.Count >= rowToBeSelected)</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;">{ </span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> <span style="color: green;">// Since index is zero based, you have to subtract 1</span></span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> dgv.Rows[rowToBeSelected - 1].Selected = <span style="color: blue;">true</span>;</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 10pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;">}</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 10pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;">VB.NET</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"><span style="color: blue;">Dim</span> rowToBeSelected <span style="color: blue;">As</span> <span style="color: blue;">Integer</span> = 3 <span style="color: green;">' third row</span></span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"><span style="color: blue;">If</span> dgv.Rows.Count >= rowToBeSelected <span style="color: blue;">Then</span></span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> <span style="color: green;">' Since index is zero based, you have to subtract 1</span></span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> dgv.Rows(rowToBeSelected - 1).Selected = <span style="color: blue;">True</span></span></div><div style="background-color: white; font-size: 12px; margin-bottom: 10pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"><span style="color: blue;">End</span> <span style="color: blue;">If</span></span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 10pt; text-align: -webkit-auto;"><b><span style="font-size: large;"><span style="color: #4f81bd; font-family: Verdana, sans-serif; font-size: medium;">Tip 6 - How to scroll programmatically to a row in the DataGridView</span></span></b></div><div style="background-color: white; font-size: 12px; margin-bottom: 10pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"></div><div align="justify" style="background-color: white; font-size: 12px; margin-bottom: 10pt; margin-left: 0in; margin-right: 0in; margin-top: 0in;"><span style="font-family: Verdana, sans-serif; font-size: x-small;">The DataGridView has a property called FirstDisplayedScrollingRowIndex that can be used in order to scroll to a row programmatically.</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 10pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;">C#</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"><span style="color: blue;">int</span> jumpToRow = 20;</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"><span style="color: blue;">if</span> (dgv.Rows.Count >= jumpToRow && jumpToRow >= 1)</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;">{ </span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> dgv.FirstDisplayedScrollingRowIndex = jumpToRow;</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> dgv.Rows[jumpToRow].Selected = <span style="color: blue;">true</span>;</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;">}</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 10pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"></div><div style="background-color: white; font-size: 12px; margin-bottom: 10pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;">VB.NET</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"><span style="color: blue;">Dim</span> jumpToRow <span style="color: blue;">As</span> <span style="color: blue;">Integer</span> = 20</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"><span style="color: blue;">If</span> dgv.Rows.Count >= jumpToRow <span style="color: blue;">AndAlso</span> jumpToRow >= 1 <span style="color: blue;">Then</span></span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> dgv.FirstDisplayedScrollingRowIndex = jumpToRow</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> dgv.Rows(jumpToRow).Selected = <span style="color: blue;">True</span></span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"><span style="color: blue;">End</span> <span style="color: blue;">If</span></span></div><div style="background-color: white; font-size: 12px; margin-bottom: 10pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 10pt; text-align: -webkit-auto;"><b><span style="font-size: large;"><span style="color: #4f81bd; font-family: Verdana, sans-serif; font-size: medium;">Tip 7 - Calculate a column total in the DataGridView and display in a textbox</span></span></b></div><div style="background-color: white; font-size: 12px; margin-bottom: 10pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"></div><div align="justify" style="background-color: white; font-size: 12px; margin-bottom: 10pt; margin-left: 0in; margin-right: 0in; margin-top: 0in;"><span style="font-family: Verdana, sans-serif; font-size: x-small;">A common requirement is to calculate the total of a currency field and display it in a textbox. In the snippet below, we will be calculating the total of the ‘Freight’ field. We will then display the data in a textbox by formatting the result (observe the ToString(<span style="color: #a31515;">"c"</span>)) while displaying the data, which displays the culture-specific currency.</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 10pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;">C#</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"><span style="color: blue;">private</span> <span style="color: blue;">void</span> btnTotal_Click(<span style="color: blue;">object</span> sender, <span style="color: #2b91af;">EventArgs</span> e)</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> {</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> <span style="color: blue;">if</span>(dgv.Rows.Count > 0)</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> txtTotal.Text = Total().ToString(<span style="color: #a31515;">"c"</span>);</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> }</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> <span style="color: blue;">private</span> <span style="color: blue;">double</span> Total()</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> {</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> <span style="color: blue;">double</span> tot = 0;</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> <span style="color: blue;">int</span> i = 0;</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> <span style="color: blue;">for</span> (i = 0; i < dgv.Rows.Count; i++)</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> {</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> tot = tot + <span style="color: #2b91af;">Convert</span>.ToDouble(dgv.Rows[i].Cells[<span style="color: #a31515;">"Freight"</span>].Value);</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> }</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> <span style="color: blue;">return</span> tot;</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 10pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> }</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 10pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;">VB.NET</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"><span style="color: blue;">Private</span> <span style="color: blue;">Sub</span> btnTotal_Click(<span style="color: blue;">ByVal</span> sender <span style="color: blue;">As</span> <span style="color: blue;">Object</span>, <span style="color: blue;">ByVal</span> e <span style="color: blue;">As</span> EventArgs)</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> <span style="color: blue;">If</span> dgv.Rows.Count > 0 <span style="color: blue;">Then</span></span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> txtTotal.Text = Total().ToString("c")</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> <span style="color: blue;">End</span> <span style="color: blue;">If</span></span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"><span style="color: blue;">End</span> <span style="color: blue;">Sub</span></span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"><span style="color: blue;">Private</span> <span style="color: blue;">Function</span> Total() <span style="color: blue;">As</span> <span style="color: blue;">Double</span></span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> <span style="color: blue;">Dim</span> tot <span style="color: blue;">As</span> <span style="color: blue;">Double</span> = 0</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> <span style="color: blue;">Dim</span> i <span style="color: blue;">As</span> <span style="color: blue;">Integer</span> = 0</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> <span style="color: blue;">For</span> i = 0 <span style="color: blue;">To</span> dgv.Rows.Count - 1</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> tot = tot + Convert.ToDouble(dgv.Rows(i).Cells("Freight").Value)</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> <span style="color: blue;">Next</span> i</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> <span style="color: blue;">Return</span> tot</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 10pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"><span style="color: blue;">End</span> <span style="color: blue;">Function</span></span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 10pt; text-align: -webkit-auto;"><b><span style="font-size: large;"><span style="color: #4f81bd; font-family: Verdana, sans-serif; font-size: medium;">Tip 8 - Change the Header Names in the DataGridView</span></span></b></div><div style="background-color: white; font-size: 12px; margin-bottom: 10pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"></div><div align="justify" style="background-color: white; font-size: 12px; margin-bottom: 10pt; margin-left: 0in; margin-right: 0in; margin-top: 0in;"><span style="font-family: Verdana, sans-serif; font-size: x-small;">If the columns being retrieved from the database do not have meaningful names, we always have the option of changing the header names as shown in this snippet:</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 10pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;">C#</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"><span style="color: blue;">private</span> <span style="color: blue;">void</span> btnChange_Click(<span style="color: blue;">object</span> sender, <span style="color: #2b91af;">EventArgs</span> e)</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> {</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> dgv.Columns[0].HeaderText = <span style="color: #a31515;">"MyHeader1"</span>;</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> dgv.Columns[1].HeaderText = <span style="color: #a31515;">"MyHeader2"</span>;</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> }</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 10pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"></div><div style="background-color: white; font-size: 12px; margin-bottom: 10pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;">VB.NET</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"><span style="color: blue;">Private</span> <span style="color: blue;">Sub</span> btnChange_Click(<span style="color: blue;">ByVal</span> sender <span style="color: blue;">As</span> <span style="color: blue;">Object</span>, <span style="color: blue;">ByVal</span> e <span style="color: blue;">As</span> EventArgs)</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> dgv.Columns(0).HeaderText = "MyHeader1"</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> dgv.Columns(1).HeaderText = "MyHeader2"</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"><span style="color: blue;">End</span> <span style="color: blue;">Sub</span></span></div><div style="background-color: white; font-size: 12px; margin-bottom: 10pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 10pt; text-align: -webkit-auto;"><b><span style="font-size: large;"><span style="color: #4f81bd; font-family: Verdana, sans-serif; font-size: medium;">Tip 9 - Change the Color of Cells, Rows and Border in the DataGridView</span></span></b></div><div style="background-color: white; font-size: 12px; margin-bottom: 10pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"></div><div style="background-color: white; font-size: 12px; margin-bottom: 10pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;">C#</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"><span style="color: blue;">private</span> <span style="color: blue;">void</span> btnCellRow_Click(<span style="color: blue;">object</span> sender, <span style="color: #2b91af;">EventArgs</span> e)</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> {</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> <span style="color: green;">// Change ForeColor of each Cell</span></span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> <span style="color: blue;">this</span>.dgv.DefaultCellStyle.ForeColor = <span style="color: #2b91af;">Color</span>.Coral;</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> <span style="color: green;">// Change back color of each row</span></span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> <span style="color: blue;">this</span>.dgv.RowsDefaultCellStyle.BackColor = <span style="color: #2b91af;">Color</span>.AliceBlue;</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> <span style="color: green;">// Change GridLine Color</span></span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> <span style="color: blue;">this</span>.dgv.GridColor = <span style="color: #2b91af;">Color</span>.Blue;</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> <span style="color: green;">// Change Grid Border Style</span></span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> <span style="color: blue;">this</span>.dgv.BorderStyle = <span style="color: #2b91af;">BorderStyle</span>.Fixed3D;</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 10pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> }</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 10pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;">VB.NET</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"><span style="color: blue;">Private</span> <span style="color: blue;">Sub</span> btnCellRow_Click(<span style="color: blue;">ByVal</span> sender <span style="color: blue;">As</span> <span style="color: blue;">Object</span>, <span style="color: blue;">ByVal</span> e <span style="color: blue;">As</span> EventArgs)</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> <span style="color: green;">' Change ForeColor of each Cell</span></span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> <span style="color: blue;">Me</span>.dgv.DefaultCellStyle.ForeColor = Color.Coral</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> <span style="color: green;">' Change back color of each row</span></span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> <span style="color: blue;">Me</span>.dgv.RowsDefaultCellStyle.BackColor = Color.AliceBlue</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> <span style="color: green;">' Change GridLine Color</span></span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> <span style="color: blue;">Me</span>.dgv.GridColor = Color.Blue</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> <span style="color: green;">' Change Grid Border Style</span></span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> <span style="color: blue;">Me</span>.dgv.BorderStyle = BorderStyle.Fixed3D</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 10pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"><span style="color: blue;">End</span> <span style="color: blue;">Sub</span></span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 10pt; text-align: -webkit-auto;"><b><span style="font-size: large;"><span style="color: #4f81bd; font-family: Verdana, sans-serif; font-size: medium;">Tip 10 - Hide a Column in the DataGridView</span></span></b></div><div style="background-color: white; font-size: 12px; margin-bottom: 10pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"></div><div align="justify" style="background-color: white; font-size: 12px; margin-bottom: 10pt; margin-left: 0in; margin-right: 0in; margin-top: 0in;"><span style="font-family: Verdana, sans-serif; font-size: x-small;">If you would like to hide a column based on a certain condition, here’s a snippet for that.</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 10pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;">C#</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"><span style="color: blue;">private</span> <span style="color: blue;">void</span> btnHide_Click(<span style="color: blue;">object</span> sender, <span style="color: #2b91af;">EventArgs</span> e)</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> {</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> <span style="color: blue;">this</span>.dgv.Columns[<span style="color: #a31515;">"EmployeeID"</span>].Visible = <span style="color: blue;">false</span>;</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 10pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> }</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 10pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;">VB.NET</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"><span style="color: blue;">Private</span> <span style="color: blue;">Sub</span> btnHide_Click(<span style="color: blue;">ByVal</span> sender <span style="color: blue;">As</span> <span style="color: blue;">Object</span>, <span style="color: blue;">ByVal</span> e <span style="color: blue;">As</span> EventArgs)</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> <span style="color: blue;">Me</span>.dgv.Columns("EmployeeID").Visible = <span style="color: blue;">False</span></span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"><span style="color: blue;">End</span> <span style="color: blue;">Sub</span></span></div><div style="background-color: white; font-size: 12px; margin-bottom: 10pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 10pt; text-align: -webkit-auto;"><b><span style="font-size: large;"><span style="color: #4f81bd; font-family: Verdana, sans-serif; font-size: medium;">Tip 11 - Handle SelectedIndexChanged of a ComboBox in the DataGridView</span></span></b></div><div style="background-color: white; font-size: 12px; margin-bottom: 10pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"></div><div align="justify" style="background-color: white; font-size: 12px; margin-bottom: 10pt; margin-left: 0in; margin-right: 0in; margin-top: 0in;"><span style="font-family: Verdana, sans-serif; font-size: x-small;">To handle the SelectedIndexChanged event of a DataGridViewComboBox, you need to use the DataGridView.EditingControlShowing event as shown below. You can then retrieve the selected index or the selected text of the combobox.</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 10pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;">C#</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"><span style="color: blue;">private</span> <span style="color: blue;">void</span> dataGridView1_EditingControlShowing(<span style="color: blue;">object</span> sender,<span style="color: #2b91af;">DataGridViewEditingControlShowingEventArgs</span> e)</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> {</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> <span style="color: #2b91af;">ComboBox</span> editingComboBox = (<span style="color: #2b91af;">ComboBox</span>)e.Control;</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> <span style="color: blue;">if</span>(editingComboBox != <span style="color: blue;">null</span>)</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> editingComboBox.SelectedIndexChanged += <span style="color: blue;">new</span>System.<span style="color: #2b91af;">EventHandler</span>(<span style="color: blue;">this</span>.editingComboBox_SelectedIndexChanged);</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 10pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> }</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"><span style="color: blue;">private</span> <span style="color: blue;">void</span> editingComboBox_SelectedIndexChanged(<span style="color: blue;">object</span> sender, System.<span style="color: #2b91af;">EventArgs</span> e)</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> {</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> <span style="color: #2b91af;">ComboBox</span> comboBox1 = (<span style="color: #2b91af;">ComboBox</span>)sender;</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> <span style="color: green;">// Display index</span></span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> <span style="color: #2b91af;">MessageBox</span>.Show(comboBox1.SelectedIndex.ToString());</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> <span style="color: green;">// Display value</span></span></div><div style="background-color: white; font-size: 12px; margin-bottom: 10pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> <span style="color: #2b91af;">MessageBox</span>.Show(comboBox1.Text);</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 10pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> }</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 10pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;">VB.NET</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"><span style="color: blue;">Private</span> <span style="color: blue;">Sub</span> dataGridView1_EditingControlShowing(<span style="color: blue;">ByVal</span> sender <span style="color: blue;">As</span> <span style="color: blue;">Object</span>, <span style="color: blue;">ByVal</span> e <span style="color: blue;">As</span>DataGridViewEditingControlShowingEventArgs)</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> <span style="color: blue;">Dim</span> editingComboBox <span style="color: blue;">As</span> ComboBox = <span style="color: blue;">CType</span>(e.Control, ComboBox)</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> <span style="color: blue;">If</span> <span style="color: blue;">Not</span> editingComboBox <span style="color: blue;">Is</span> <span style="color: blue;">Nothing</span> <span style="color: blue;">Then</span></span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> <span style="color: blue;">AddHandler</span> editingComboBox.SelectedIndexChanged, <span style="color: blue;">AddressOf</span>editingComboBox_SelectedIndexChanged</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> <span style="color: blue;">End</span> <span style="color: blue;">If</span></span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"><span style="color: blue;">End</span> <span style="color: blue;">Sub</span></span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"><span style="color: blue;">Private</span> <span style="color: blue;">Sub</span> editingComboBox_SelectedIndexChanged(<span style="color: blue;">ByVal</span> sender <span style="color: blue;">As</span> <span style="color: blue;">Object</span>, <span style="color: blue;">ByVal</span> e <span style="color: blue;">As</span>System.EventArgs)</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> <span style="color: blue;">Dim</span> comboBox1 <span style="color: blue;">As</span> ComboBox = <span style="color: blue;">CType</span>(sender, ComboBox)</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> <span style="color: green;">' Display index</span></span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> MessageBox.Show(comboBox1.SelectedIndex.ToString())</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> <span style="color: green;">' Display value</span></span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> MessageBox.Show(comboBox1.Text)</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 10pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"><span style="color: blue;">End</span> <span style="color: blue;">Sub</span></span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 10pt; text-align: -webkit-auto;"><b><span style="font-size: large;"><span style="color: #4f81bd; font-family: Verdana, sans-serif; font-size: medium;">Tip 12 - Change Color of Alternate Rows in the DataGridView</span></span></b></div><div style="background-color: white; font-size: 12px; margin-bottom: 10pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"></div><div style="background-color: white; font-size: 12px; margin-bottom: 10pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;">C#</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"><span style="color: blue;">private</span> <span style="color: blue;">void</span> btnAlternate_Click(<span style="color: blue;">object</span> sender, <span style="color: #2b91af;">EventArgs</span> e)</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> {</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> <span style="color: blue;">this</span>.dgv.RowsDefaultCellStyle.BackColor = <span style="color: #2b91af;">Color</span>.White;</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> <span style="color: blue;">this</span>.dgv.AlternatingRowsDefaultCellStyle.BackColor = <span style="color: #2b91af;">Color</span>.Aquamarine;</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 10pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> }</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 10pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;">VB.NET</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"><span style="color: blue;">Private</span> <span style="color: blue;">Sub</span> btnAlternate_Click(<span style="color: blue;">ByVal</span> sender <span style="color: blue;">As</span> <span style="color: blue;">Object</span>, <span style="color: blue;">ByVal</span> e <span style="color: blue;">As</span> EventArgs)</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> <span style="color: blue;">Me</span>.dgv.RowsDefaultCellStyle.BackColor = Color.White</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> <span style="color: blue;">Me</span>.dgv.AlternatingRowsDefaultCellStyle.BackColor = Color.Aquamarine</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"><span style="color: blue;">End</span> <span style="color: blue;">Sub</span></span></div><div style="background-color: white; font-size: 12px; margin-bottom: 10pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 10pt; text-align: -webkit-auto;"><b><span style="font-size: large;"><span style="color: #4f81bd; font-family: Verdana, sans-serif; font-size: medium;">Tip 13 - Formatting Data in the DataGridView</span></span></b></div><div style="background-color: white; font-size: 12px; margin-bottom: 10pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"></div><div align="justify" style="background-color: white; font-size: 12px; margin-bottom: 10pt; margin-left: 0in; margin-right: 0in; margin-top: 0in;"><span style="font-family: Verdana, sans-serif; font-size: x-small;">The DataGridView exposes properties that enable you to format data such as displaying a currency column in the culture specific currency or displaying nulls in a desired format and so on.</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 10pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;">C#</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"><span style="color: blue;">private</span> <span style="color: blue;">void</span> btnFormat_Click(<span style="color: blue;">object</span> sender, <span style="color: #2b91af;">EventArgs</span> e)</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> {</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> <span style="color: green;">// display currency in culture-specific currency for</span></span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> <span style="color: blue;">this</span>.dgv.Columns[<span style="color: #a31515;">"Freight"</span>].DefaultCellStyle.Format = <span style="color: #a31515;">"c"</span>;</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> <span style="color: green;">// display nulls as 'NA'</span></span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> <span style="color: blue;">this</span>.dgv.DefaultCellStyle.NullValue = <span style="color: #a31515;">"NA"</span>;</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 10pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> }</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 10pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;">VB.NET</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"><span style="color: blue;">Private</span> <span style="color: blue;">Sub</span> btnFormat_Click(<span style="color: blue;">ByVal</span> sender <span style="color: blue;">As</span> <span style="color: blue;">Object</span>, <span style="color: blue;">ByVal</span> e <span style="color: blue;">As</span> EventArgs)</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> <span style="color: green;">' display currency in culture-specific currency for</span></span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> <span style="color: blue;">Me</span>.dgv.Columns("Freight").DefaultCellStyle.Format = "c"</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> <span style="color: green;">' display nulls as 'NA'</span></span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> <span style="color: blue;">Me</span>.dgv.DefaultCellStyle.NullValue = "NA"</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"><span style="color: blue;">End</span> <span style="color: blue;">Sub</span></span></div><div style="background-color: white; font-size: 12px; margin-bottom: 10pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 10pt; text-align: -webkit-auto;"><b><span style="font-size: large;"><span style="color: #4f81bd; font-family: Verdana, sans-serif; font-size: medium;">Tip 14 – Change the order of columns in the DataGridView</span></span></b></div><div style="background-color: white; font-size: 12px; margin-bottom: 10pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"></div><div align="justify" style="background-color: white; font-size: 12px; margin-bottom: 10pt; margin-left: 0in; margin-right: 0in; margin-top: 0in;"><span style="font-family: Verdana, sans-serif; font-size: x-small;">In order to change the order of columns, just set the DisplayIndex property of the DataGridView to the desired value. Remember that the index is zero based.</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 10pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;">C#</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"><span style="color: blue;">private</span> <span style="color: blue;">void</span> btnReorder_Click(<span style="color: blue;">object</span> sender, <span style="color: #2b91af;">EventArgs</span> e)</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> {</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> dgv.Columns[<span style="color: #a31515;">"CustomerID"</span>].DisplayIndex = 5;</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> dgv.Columns[<span style="color: #a31515;">"OrderID"</span>].DisplayIndex = 3;</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> dgv.Columns[<span style="color: #a31515;">"EmployeeID"</span>].DisplayIndex = 1;</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> dgv.Columns[<span style="color: #a31515;">"OrderDate"</span>].DisplayIndex = 2;</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> dgv.Columns[<span style="color: #a31515;">"Freight"</span>].DisplayIndex = 6;</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> dgv.Columns[<span style="color: #a31515;">"ShipCountry"</span>].DisplayIndex = 0;</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> dgv.Columns[<span style="color: #a31515;">"ShipName"</span>].DisplayIndex = 4;</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 10pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> }</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 10pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;">VB.NET</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"><span style="color: blue;">Private</span> <span style="color: blue;">Sub</span> btnReorder_Click(<span style="color: blue;">ByVal</span> sender <span style="color: blue;">As</span> <span style="color: blue;">Object</span>, <span style="color: blue;">ByVal</span> e <span style="color: blue;">As</span> EventArgs)</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> dgv.Columns("CustomerID").DisplayIndex = 5</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> dgv.Columns("OrderID").DisplayIndex = 3</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> dgv.Columns("EmployeeID").DisplayIndex = 1</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> dgv.Columns("OrderDate").DisplayIndex = 2</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> dgv.Columns("Freight").DisplayIndex = 6</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> dgv.Columns("ShipCountry").DisplayIndex = 0</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"> dgv.Columns("ShipName").DisplayIndex = 4</span></div><div style="background-color: white; font-size: 12px; margin-bottom: 0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;"><span style="color: blue;">End</span> <span style="color: blue;">Sub</span></span></div><div style="background-color: white; font-size: 12px; margin-bottom: 10pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"></div><div style="background-color: white; font-size: 12px; margin-bottom: 10pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: -webkit-auto;"><span style="font-family: Verdana, sans-serif; font-size: x-small;">I hope this article was useful and I thank you for viewing it.</span></div></div>Unknownnoreply@blogger.com1tag:blogger.com,1999:blog-152858382873702802.post-32484442366074601162011-12-15T00:22:00.000-08:002011-12-15T00:22:29.828-08:00How to Validate Textbox using javascript<div dir="ltr" style="text-align: left;" trbidi="on"><br />
<script language="javascript" type="text/javascript"><br />
<br />
function Validate1()<br />
{<br />
if (document.getElementById('<%=txtUserName.ClientID %>').value == '') {<br />
document.getElementById('<%=lblError1.ClientID %>').innerHTML = "Please Enter User Name";<br />
return false;<br />
}<br />
else if(document.getElementById('<%=txtPassword.ClientID %>').value == '') {<br />
document.getElementById('<%=lblError1.ClientID %>').innerHTML = "Please Enter Password";<br />
return false;<br />
}<br />
}<br />
</script><br />
<br />
<div><br />
<asp:Panel ID="pnllogin1" BorderColor="White" BorderStyle="Solid" runat="server"><br />
<table><br />
<tr><br />
<td><br />
<asp:Label ID="lblEmail" Font-Size="Small" runat="server" Text="User Name"></asp:Label><br />
</td><br />
<td><br />
<asp:TextBox ID="txtUserName" runat="server" EnableViewState="true"></asp:TextBox><br />
</td><br />
<br />
</tr><br />
<tr><br />
<td><asp:Label ID="lblPassword" Font-Size="Small" runat="server" Text="Password" EnableViewState="true"></asp:Label> </td><br />
<td><br />
<asp:TextBox ID="txtPassword" TextMode="Password" runat="server"></asp:TextBox> </td><br />
</tr><br />
<tr><br />
<td><br />
<asp:LinkButton ID="LinkButton1" runat="server" OnClientClick="return Validate1();" onclick="LinkButton1_Click">Login</asp:LinkButton><br />
<br />
</td><br />
<td><br />
<asp:Label ID="lblError1" Font-Size="Small" runat="server" Text="lblmsg"></asp:Label><br />
<br />
</td><br />
</tr><br />
<br />
</table><br />
</asp:Panel><br />
<br />
</div><br />
</div>Unknownnoreply@blogger.com0