Tag | jQuery Posts
It is quite common to display a loader-image or some kind of progress bar image in a browser when the server is busy serving the request. Before we go deep into page streaming techniques with XMLHTTPRequest call and IFrame, lets look into a simple loader icon implementation – the idea is to display “loading” image until the task completes, display the response in the browser when task ends and hide the loader image. to download the source code please click here Invoke a long task and display loader ...
to download the source code please click here In the earlier post we have discussed little bit about the limited number of worker threads available in the thread pool of ASP.NET and we identified why we should always try to avoid to block those important worker threads. ASP.NET 2.0 introduces Asyn=”true” attribute in the page to handle asynchronous scenarios and under the hood this attribute tells ASP.NET to implement IHttpAsyncHandler in the page. There are more than one ways available in ASP.NET ...
As an ASP.NET developer we frequently deal with long running tasks for example: Making long-lasting webservice calls. Making prolonged calls to database that runs complex queries. Do lengthy file operation Calling remote objects etc. When the server is busy performing the lengthy time consuming task/tasks, the poor user has to wait for the response. The most common technique used to interact with user is to display a loader icon or show some kind of progress bar on the page until the task is complete. ...
So this error stopped my productivity for a good three hours today. Gotta love when that happens. I’m sure there are many different ways to resolve this issue, but I didn’t see anyone with the same problem I was having, so I’m going to go ahead and post my experience and how I fixed it. Background Info: I have a page layout I needed to implement and it uses some rounded corners javascript. My web application uses a masterpage, which I keep in a folder at “~/Resources/MasterPages/”. I’m using themes, ...
Visual Studio 2010 Beta 2 is out and has a slick new UI. Also, this Beta has most of the features that would ship with the final version compared to the earlier Beta. Note that while new features might be added, there are chances that some of the features demonstrated here may also not be a part of the final release. But, for now, lets examine the current Beta 2. The first thing you would notice and probably like, is the UI enhancements. Herebelow, is the launch screen. Also, the start page has been ...
These were some useful links on Microsoft Ajax preview 6 http://weblogs.asp.net/Infi... http://weblogs.asp.net/jimw... http://weblogs.asp.net/Bleroy/ Microsoft Ajax Preview 6 Download Page This post by Scott Guthrie is really amazing http://weblogs.asp.net/scot... This preview is quite inetersting as it supports both two way databinding for clientside Datacontext and JQuery based ...
Imagine some newbie or junior web developer walks up to you and says, “What tools would you suggest I use to become a better web developer?” Assuming they’re already using either Visual Studio or Web Developer Express, what utilities or resources do you find indispensible for working with ASP.NET or just web development in general? Maybe you have a favorite online resource site that you recommend, Stack Overflow for example, or maybe you have a favorite utility like Chris Pederick’s Web Developer ...
I can't believe how long this took to figure out, I think I read every WCF tutorial out there, and now I look at it it's so mind bogglingly simple I don't know what I wasted my time doing! All I wanted was a WCF service that would accept a POST from jQuery with some JSON parameters and return some HTML, but it seems I repeatedly cocked up the JSON string format and the attributes for the contract. Anyway, here's a simple example so you don't have to endure my frustration. I used .NET 4.0 because ...
If you’re a web developer using Microsoft technologies then, unless you’ve been hiding under a rock somewhere, you’ve probably heard of ASP.NET MVC. If you’re not sure what it is, how it works, or why you would want to consider using it, you’ll find three videos on the ASP.NET MVC page that will answer most, if not all, of your questions. Video #1, titled “Why Use ASP.NET MVC?”, is a 3 minute video which provides a high-level overview of ASP.NET MVC for decision-makers. I especially like the motor ...
What is something that is longer than a magazine article and shorter than a book chapter? Give up? It's a Wrox-Blox that Wiley has available online with some going for less than $10.00. Written by the best programmers in the their fields, Wrox Blox are short informational pieces and code that will help get you up-to-speed and keep you up-to-date. Build the knowledge you need quickly on a wide variety of topics. In the DotNetNuke world, there are several of these available for you to review and stay ...
Twitter can be a very useful source for data aggregation on any particular topic. Am building an application that will search twitter using their API and then display the results using jQuery. There are 2 ways of accomplishing something like this. We can either do the processing at the server and then populate the page or talk to Twitters REST based api directly from the client. Methods to retrieve data from the Twitter API require a GET request. Methods that submit, change, or destroy data require ...
Recently I had to code some functionality that required event delegation in JavaScript. After searching I came across this great post by Karl Swedberg about how events can be delegated using jQuery. This can be a very useful approach if you want to add new elements to the DOM and have them react to events without re-binding events handlers or if your page simply has too many elements that need to be wired to an event. The basic concept it simple: Instead of attaching an event to an individual element ...
Yes, I know, the multiple file uploading in ASP.NET issue has been exhaustively covered already elsewhere. There are examples of multiple file uploading using ASP.NET user controls, there are examples using jQuery, there are examples using flash to provide progress feedback, and even examples in Silverlight. However, what I wanted was a simple solution which allows the user to select a variable number of files, didn’t rely on postbacks in order to increase or decrease the number of files selected, ...
Just came across this codeplex project which looks useful: jQuery Library for SharePoint Web Services http://spservices.codeplex.... <quote> Project Description This is a jQuery library which abstracts SharePoint's Web Services and makes them easier to use. It also includes functions which use the various Web Service operations to provide more useful (and cool) capabilities. </quote> ...
The Roanoke Valley SharePoint User Group (RVSPUG) held it's first "event" last Friday (September 25). The group is hopes to grow and increase community awareness by hosting the event during the workday (as opposed to the weeknight monthly meetings). Special thanks to Susan Lennon, SharePoint guru, speaker extraordinaire from Virginia Beach. She delivered two informative presentations back-to-back and answered many questions from a very interactive audience (typical Roanoke!). Susan has posted the ...
Like many ASP.NET developers, I’ve gotten by for years knowing just enough JavaScript to get by. I’ve spent many frustrating hours cursing the language, when the problem was not really JavaScript (although it has more than its share of weirdness), but my assumption that I knew how it worked, just because it looks like C#. Now, thanks in large part to jQuery, I actually enjoy client-side programming. jQuery makes things so much easier (replacing dozens of lines of code that I painstakingly figured ...
The first bug I was asked to fix, here, was a bug in the Q Framework. Our websites use a little pop-up, calendar datepicker (I believe it's the jQuery datepicker, but I'd have to check). The problem we were experiencing is when we added a UK client. As most of you know, the UK displays dates in DD-MM-YYYY format as opposed to the US MM-DD-YYYY format. This trivial detail actually has a wide range of implications. First of all, any US-oriented datepicker is going to have a conniption if you pass it ...
Scenario: Hijack all my save buttons via the script below to override the value, from Save to Saving...., and then also disabling the button so they cannot hit it 1000 times. $(document).ready(function() { form.find(':submit').each(f... { $(this).attr("disabled", "disabled").val("Saving...."); }); }); The Issue: I have several submit type buttons on the page, like Save, Sand and Proceed, Delete, etc, so I use the Request.Form object to see what button was pressed to decide what to do. Well, ...
We’re less than a month away from the Software Development and Evolution conference, and I wanted to send an update on a few things. Student Pricing If you’re a college and university student, we want to make it affordable for you to come out so we’re offering a $75 student rate starting today! Be advised that if you register under the student rate, you must present valid college or university issued identification when you arrive at the event. Visit the event website for more info, or go straight ...
For many customers the ROI on software licences is one of the key factors when purchasing software, so when deploying an e-Commerce solution the level of return for frameworks, and CMS platforms such as Commerce Server and MOSS are quite justifiable, however it is the extra features – such as the Store Locator that is difficult spending licensing money on. The current store locator within CS 2009 is based on a commercial Microsoft Virtual Earth web-service, which is provided for non-developer used ...
Goal: jQuery AutoComplete in ASP.NET MVC Framework with callback to customize result Platform/Environment: Asp.Net Mvc version 1 jQuery 1.3.2 Autocomplete - jQuery plugin 1.0.2 Quick Solution: Here I am simply returning a list of account names: $('#Name').autocomplete( $('#ajaxListMatchingAccount... { delay: 10, minChars: 3, matchSubset: 1, matchContains: 1, cacheLength: 10, autoFill: true, mustMatch: false, selectFirst: true, max: 15 } ); ajaxListMatchingAccountName... - this is a ...
Normal 0 false false false MicrosoftInternetExplorer4 st1\:*{behavior:url(#ieooui) } /* Style Definitions */ table.MsoNormalTable {mso-style-name:"Table Normal"; mso-tstyle-rowband-size:0; mso-tstyle-colband-size:0; mso-style-noshow:yes; mso-style-parent:""; mso-padding-alt:0in 5.4pt 0in 5.4pt; mso-para-margin:0in; mso-para-margin-bottom:.000... mso-pagination:widow-orphan; font-size:10.0pt; font-family:"Times New Roman"; mso-ansi-language:#0400; mso-fareast-language:#0400; mso-bidi-language:#0400;} ...
Issue: I have a grid which I have what I can only describe as containing “Core” data and “Minor” data. What I'd like to be able to do is to show the Core data in the main grid view but to allow the user to add/edit/view the Core and Minor data when they open the relevant dialog. In essence this would be like having hidden columns that were viewable/editable when the dialogs were opened with form editing/viewing. The Minor data is only of interest to some users, so I don't want to show it in the main ...
In a previous post, I showed how to submit an AJAX form in MVC with the jQuery Thickbox and the built-in MVC AJAX helpers. If you read that post first, it will show the complete context for how to simply submit an AJAX form that is being rendered inside a jQuery Thickbox with built-in MVC AJAX helpers. But what if you want to stick to a pure jQuery solution? That is also simple enough to do. Instead of using the Ajax.BeginForm() method, you can use the jQuery Form Plugin. The code is almost identical ...
A relatively common scenario you might want in your application is the ability for a user to click a link that pops up a little dialog to submit some information. For example, let’s say you have this form where the user could click the “Contact this person” link: After clicking this link, it pops up the following dialog where the user can type in their message: Finally, once the user submits their message, it shows a little confirmation: This scenario can be implemented with MVC with very few lines ...
Scenario: You have a drop down box or list box in your jQuery jqGrid plugin and you edit the row via the form edit modal dialog but the form fails to show your selected option(s) in the drop down or list box. The reason: The jqGrid SELECT element binds the selected option(s) innerHTML (not the value) with the name value in the colModel. Example: In the JavaScript file I have a function that I call to setup the grid: function jqGridAccountContact(item, listURL, editURL, $rows, hideGrid) { //get all ...
On October 14th, 2009, Winnipeg will be the site of the first annual SDEC09 – Software Development and Evolution Conference, hosted by Protegra! We’re really excited to put this on and think its going to be an awesome event! The cost of the conference is $100 until September 18th and $150 after that. What do you get for that low admission fee? Three Tracks of Sessions: Development Foundation Skills Learn best practices on how to use developmental skills such as test driven development, SOLID principles, ...
The scenario: You have some text that is too long in for example a textarea and want to be able to truncate it client-side and only display a maximum amount of characters. You also want to add the ability for the user to dynamically expand the text by clicking the "more..." link appended to the text. The concern: This is not Ajax enabled and the entire text is rendered to the client and the text extending beyond the maximum is hidden. If the text you want to hide is very large it may suffice the ...
This is a part of EXT JS Tutorial To successfully carry out everything that has been described in this article you need: Normal 0 21 false false false PL JA X-NONE MicrosoftInternetExplorer4 /* Style Definitions */ table.MsoNormalTable {mso-style-name:Standardowy; mso-tstyle-rowband-size:0; mso-tstyle-colband-size:0; mso-style-noshow:yes; mso-style-priority:99; mso-style-qformat:yes; mso-style-parent:""; mso-padding-alt:0cm 5.4pt 0cm 5.4pt; mso-para-margin:0cm; mso-para-margin-bottom:.000... line-height:115%; ...
In my previous blog post, I have discussed about how to get asynchronous JQuery treevew to work with ASP.NET Webservices, and we identified that, to make a successful ASP.NET webservice call using JQuery the request must be POST request, the content type of the request must be “application/json; charset=utf-8”, and the data parameter of the the $.ajax() method must be passed as a string. We also looked at the tweaks that we need to do to the jquery.treeview.async.js file to get that working. However ...
Was doing some research this morning, as usual, and came across a post from Giulio Bai on jQuery performance tips. A lot of his tips are things I’ve heard elsewhere (no offense!), but one that I haven’t seen anywhere and for some reason surprised me is that using a the JavaScript provided for() loop is considerably faster than using jQuery’s each() function. In fact, it can be several orders of magnitude faster depending on what you’re doing. Interesting. Link to his post Technorati Tags: jQuery,performance ...
I had one of those problems that I had trouble resolving with a search engine this past weekend. Once it was pointed out to me what I did wrong, it was really quite simple. Basically, I needed the enter key to fire a function from a certain input textbox. I wrote up a jquery script, and it worked for IE, Chrome, and Safari, but it did not work for Firefox. Here was the script. $("#Location").keydown(func... { switch (event.keyCode) { case 13: findFresh(); break; } }); Do you see the problem? ...
I didn’t leave work until 8PM this evening. I was wrestling with a JavaScript/JQuery problem and it became a personal battle to bend this application to my will. (Maybe in some future post I’ll talk about how horrible that is.) So I didn’t get it before I left, but I came home and started hitting it here on a test project. There seems like there are probably some scripting conflicts in our project (we have the JQuery stuff and prototype in there), so it didn’t take be but about a half-hour at home ...
I realize I have been quite quiet lately. This is due to three main things: One, I started a new job with AdventureTech Group, Inc.. I am consulting again, and I am liking it much more this time around. AdventureTech is an awesome company and everyone I’ve met has been outstanding. All the developers are top-notch and I can’t wait to get a chance to learn from all of them. Second, I’ve been preparing my presentations for the St. Louis Day of Dot Net. I am totally excited about going to St. Louis ...
So today I poked the proverbial sleeping bear that is the web-dev community by making this statement on Twitter: I'm a day in to using jquery and I'm already questioning why having an abstraction over a script-kiddie language is a good idea. This of course resulted in a flood of tweets in response asking if I was joking, suggesting that I fill my purse for the ensuing fight, and Caleb Jenkins yelling “One Flag”. I think I convinced people to put down the pitchforks and douse the torches (us Canadians ...
Translation of original post by Scott Guthrie: / Tlumaczenie oryginalnego posta napisanego przez Scott’a Guthrie: http://weblogs.asp.net/scot... Zespól ASP.NET wlasnie opublikowal pierwszy preview nowej wersji ASP.NET MVC – MVC Version 2. Mozesz pobrac go tutaj. Preview 1 dziala w srodowisku .NET 3.5 SP1 i VS 2008, i moze byc zainstalowane równolegle z ASP.NET MVC 1.0 (co oznacza, iz nie pojawi sie miedzy nimi konflikt, a dotad dzialajace ...
Yet another internal .NET Team email in my current company, Injazat Data Systems, that I sent yesterday, and am sharing with you as well. jQuery: · Simplify calling ASP.NET AJAX services from jQuery · Use jQuery and ASP.NET AJAX to build a client side Repeater · Reordering invoice lines using jqGrid and TableDND extension · LA.NET jQuery Posts/Articles Agile · Implementing Scrum ASP.NET · Web Development With ASP.NET Learning Material (Course - Source: MSDN Ramp up Learning Program) · ASP.NET Articles ...
ArcSig Meeting 07/21/2009 Ft. Lauderdale at Global Response Don Demsak, Senior Solution Architect at Tellago, gave us an excellent presentation about Architecting Web Applications using ASP.Net Webforms with jQuery and WCF. Don showed us how to avoid some of the architectural pitfalls when moving from a pure server side transformation model to a more client side friendly transformation model. Furthermore, we got important information about how to redesign ASMX web services to WCF web services and ...
Incorporating the jQuery Grid With ASP.NET MVC Scenario: You have an ASP.NET MVC application and don't want to custom build smart controls like the ASP.NET GridView, ListView, etc, that support sorting and paging, as well as filtering and searching for data, and all of this using Ajax. Solution: The jQuery Grid plug-in. What tools/plug-ins do I need? jQuery version 1.3 and up jqGrid version 3 and up (this post references version 3.4.4) A strong cup of coffee In the past you had to also add the jQuery ...
The July meeting will be on 07/21/2009 - 6:30 PM Global Response, Margate: Don Demsak, Senior Solutions Architect at http://www.tellago.com/ Architecting Web Applications using ASP.Net WebForms with jQuery and WCF Signup at: http://www.fladotnet.com/ Learn more about Don and his activities at http://donxml.com Posted: Rainer Habermann ...
Hi all , I recently was working with a client that implemented a telerik navigation control as a quicklaunch. They decided to split up all the sub-sites into their own site collection. They wanted to place quotas on subs sites, and if you don't know, you can only set quotas on site collections and not sub sites. This switch or splitting of sites posed some interesting problems. 1) Telerik Control now needed to be added to each sub site for navigation. The control specifics were added to a master ...
Normal 0 false false false MicrosoftInternetExplorer4 st1\:*{behavior:url(#ieooui) } /* Style Definitions */ table.MsoNormalTable {mso-style-name:"Table Normal"; mso-tstyle-rowband-size:0; mso-tstyle-colband-size:0; mso-style-noshow:yes; mso-style-parent:""; mso-padding-alt:0in 5.4pt 0in 5.4pt; mso-para-margin:0in; mso-para-margin-bottom:.000... mso-pagination:widow-orphan; font-size:10.0pt; font-family:"Times New Roman"; mso-ansi-language:#0400; mso-fareast-language:#0400; mso-bidi-language:#0400;} ...
Normal 0 false false false MicrosoftInternetExplorer4 st1\:*{behavior:url(#ieooui) } /* Style Definitions */ table.MsoNormalTable {mso-style-name:"Table Normal"; mso-tstyle-rowband-size:0; mso-tstyle-colband-size:0; mso-style-noshow:yes; mso-style-parent:""; mso-padding-alt:0in 5.4pt 0in 5.4pt; mso-para-margin:0in; mso-para-margin-bottom:.000... mso-pagination:widow-orphan; font-size:10.0pt; font-family:"Times New Roman"; mso-ansi-language:#0400; mso-fareast-language:#0400; mso-bidi-language:#0400;} ...
Allow me to quote here some emails I sent to the the Dot NET developers group in my company, Injazat, or, as we call ourselves, Ninjazat. I thought it’ll be useful to share some with you as well. · ASP.NET MVC - 20 Hours of FREE Video Tutorials · LINQ FAQ o LINQ FAQ for Newbie’s o LINQ FAQ Part 2 · How we handle application configuration · ScottGu ASPNETMVC Session Video Available Now (Part 1/2 & 2/2) · Web Validation: Best Practices and Tutorials · Building a Single Sign On Provider Using ASPNET ...
Tomorrow I will be giving a presentation at Southern Maryland .NET User Group on WCF 3.5 REST. This demo-heavy presentation will cover both building and consuming WCF 3.5 REST services. We will dive into many of the new APIs available in the WCF REST Starter Kit with a nod to new features on the horizon in WCF 4.0. Consuming REST services will be explored through a pure AJAX jQuery client as well as a Silverlight client. The session will also give a brief introduction to ADO.NET Data Services ...
Recently I had to display some hierarchical data in a treeview. I looked around and found JQuery treeview can transforms an unordered list into an expandable and collapsable tree, and supports both location and cookie based persistence. Fig: JQuery Treeview As I was dealing with a large amount of data I needed something that will allow me to navigate through the data asynchronously, and I found jQuery Treeview fits well for my purpose. I found this demo of Lazy Loading Tree and I needed to implement ...
Normal 0 false false false MicrosoftInternetExplorer4 st1\:*{behavior:url(#ieooui) } /* Style Definitions */ table.MsoNormalTable {mso-style-name:"Table Normal"; mso-tstyle-rowband-size:0; mso-tstyle-colband-size:0; mso-style-noshow:yes; mso-style-parent:""; mso-padding-alt:0in 5.4pt 0in 5.4pt; mso-para-margin:0in; mso-para-margin-bottom:.000... mso-pagination:widow-orphan; font-size:10.0pt; font-family:"Times New Roman"; mso-ansi-language:#0400; mso-fareast-language:#0400; mso-bidi-language:#0400;} ...
A list of my favorite technical books that I found very useful over the years. Most of them are related to CSS, jQuery, DHTML, Ajax, and ASP.NET C#: &amp;amp;lt;A HREF=&amp;quot;http... _fcksavedurl=&amp;q... ...
You are using the jqGrid search option but in one instance you want to enable the search but on another you want to disable the search for the same grid. The problem: This cannot be done, in short, by setting the properties dynamically, like so: gridComplete: function() { setGridParam({ gridModel: true, gridNames: false, gridToolbar: true, autosearch: false, enableClear: true, enableSearch: true, toolbar: [true, "top"] }); } Setting the search option dynamically during a loadComplete, or gridComplete, ...
In a few of my previous blog posts I have used JavaScript to set SharePoint form fields in NewForm.aspx. Using JavaScript to set these fields comes in really handy whether you are setting fields based upon query string variables (see previous posts) or setting a field to some other value. So, I’m going to quickly breakdown the JavaScript I used to set those fields and hopefully make it a little more understandable. Again, I did not “come up” with this JavaScript. I stole it from some of the site ...