Tag | jQuery Posts

OOook, those who know me, or have read my blog probably have a pretty good idea that I’m a silverlight, wpf, wcf, c#, xamly kinda guy. I’ve never really done anything webby, the closest I’ve gotten is doing a bit of backend stuff, well, times change, and quite frankly I wanted to do something new… soooo I’ve opted to go down the MVC route, for two main reasons – 1, I figured I may as well learn a good framework, 2, Matt Abbott told me that MVC lets you get dirty with HTML, and that’s one of the things ...
Microsoft officially released the preview of Vnext i.e. VS 2011, TFS 2011 and TFS Azure (also known as TFS Service) at the Build conference on 13th September 2011 @ California. It wasn’t too long ago I remember helping customers set up ALM processes using TFS 2010, so what are the compelling reasons these customers who have heavily invested in TFS 2010 should consider moving on to TFS 2011. In this blog post I’ll try and answer what exactly is new in TFS 2011, how TFS 2011 is different from TFS 2010. ...
So, what do you get when 7500+ people converge on Anaheim, California from all over the planet to learn and talk about the best darn collaboration platform in the world while attending a host of vendor parties, a night at DisneyLand, and probably giving the Hilton Bartenders nightmares for the next several weeks??? Why, that would be the SharePoint Conference 2011. And it was good. I had the honor of speaking with my good buddy Eric Harlan (@ericharlan). We spoke on Best Practices with jQuery and ...
Sometimes, when working with JavaScript, we need to write a confirm dialog or message box to display some informative data. We can either use JavaScript alert function or confirm function for such operations. But in order to make a nice UI, we can resort to JQuery UI dialog, which gives a nice chrome window. But settings that up is not a one liner task. In this article, I will present a small plugin which will help us display some basic dialog just to get the job done without too much code.Read More ...
Recently I delivered a session at Virtual TechDays on why NuGet is so useful. As a part of the demonstration, I was showcasing how it automatically allows us to update some of the external reference libraries. Point in case, here is jQuery. Starting Visual Studio 2008 SP1, we have been shipping jQuery and intellisense for jQuery thereof. With Visual Studio 2010, out of the box, when we create a “File – New Project – ASP.NET Web Application” (which would create a Webforms application) it would automatically ...
/* 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-priority:99; mso-style-qformat:yes; mso-style-parent:""; mso-padding-alt:0cm 5.4pt 0cm 5.4pt; mso-para-margin-top:0cm; mso-para-margin-right:0cm; mso-para-margin-bottom:10.0pt; mso-para-margin-left:0cm; line-height:115%; mso-pagination:widow-orphan; font-size:11.0pt; font-family:"Calibri","sans... mso-ascii-font-family:Calibri; mso-ascii-theme-font:minor-... ...
The picture says it all. Made possible uisng jQuery Mobile! More on this in the future posts. Cheers ...
For more formatted view .. Goto http://ankitagrawal57.blogs... any web application, performance is basic necessity. Earlier internet speed used to be limited thus users got inclined to pages which load within 3-4 secs. But now the internet speed is no more a constraint but still time does remain a constraint. Imagine yourself visiting a website which takes a lot of time (30 – 60 secs) just to load the page. You would not like to go to that site again.To mitigate this issue, developers and ...
Yesterday I wrote this post but forgot to mention about something that is very close to my heart ASP.NET MVC. ASP.NET MVC has been evolving rapidly and within 2 years, we already have had 4 major releases (MVC 1, MVC 2, MVC 3 & MVC 3 Reloaded ) So, it doesn’t go as a surprise that MVC 4 is on the cards and the developer preview was unveiled at BUILD Conference. What does MVC 4 offer for web developers? Enhanced Default Project Template If you are bored with the vanilla blue template that comes ...
Do you know what happens when you create a new instance of a class? Why do we need a value type and a reference type? Do you know what is meant when the .NET framework is referred to as a “managed” platform? What is managed versus unmanaged code? Why do we need a .NET runtime? What is a memory leak; is that like an oil leak? All of these are questions that you should be able to answer as a Microsoft developer. If you can’t answer them all, then keep reading as the next series of research blogs that ...
Today was Day 0 of the Microsoft Build conference here in Anaheim - a day for attendees to travel, get their registration done early, and set up their session schedule for the remainder of the week.But this conference is quite different. Microsoft is holding its cards very tightly around Windows 8, and no information will really be available until after the initial keynote tomorrow. Normally when you register for a conference you already have access to the sessions - not so here. In fact the Build ...
We want to dynamically show an image below a span html element. The javascript creates a div element, than assigns new offsets using jQuery offset() and then appends the div to document.It worked as expected in FireFox, but moved the new element to the bottom of the page in IE.I found, that if I will call offset after document.body.appendChild, it will assign values correctly.In the test page below if offset is called after document.body.appendChild, new img assigned left: -8, top: 110img left: -8, ...
You ever have an epiphany? Have you ever tried to spell “epiphany” without spell check? So, today I was working on my slide deck for the SharePoint Conference in Anaheim on Best Practices with jQuery and SharePoint and I had a little light bulb moment. jQuery is “Fast Food” development. In those three little words you get an immediate understanding and visual that pretty much hits the nail on the head for what you are getting into with jQuery. I then threw together the following two slides to flesh ...
Recently I implemented a rather complex page allowing the user to input pairs of colors and quantities, with some relatively "odd" validation rules. I knew that I probably wanted to implement the page entirely with javascript and probably jquery templates, but for a demo I just needed a quick prototype of the page, so to get that done I threw together a quick and dirty webforms page using the telerik radgrid to display the data, but not save & validate. Took me maybe 2 hours including some basic ...
Today's $10 Deal of the day from APress at is "jQuery Recipes A Problem-Solution Approach". "jQuery is one of today's most popular JavaScript web application development frameworks and libraries. jQuery Recipes can get you started with jQuery quickly and easily, and it will serve as a valuable long-term reference. " ...
So, I noticed my good buddy Christina Wheeler (@cwheeler76) wrote a little rant post on Twitter and Facebook today: And I thought, here’s a great example where you could use jQuery and SharePoint in the wild. With jQuery you could easily hide the “Upload Multiple Files…” link… well.. I assumed you could.. I mean how hard could it be? Keep in mind that ANYTHING you see on the page that is not Flash, Silverlight, or an Active X control can be manipulated with jQuery. There’s probably a couple of other ...
I recently delivered a Zeollar session on Using HTML5 Local Storage in ASP.NET Applications Following it up with a blog post on the contents, since a few mentioned that the code was not better aligned/readable. Local Storage and Offline Web Applications are 2 promising features of HTML5 going around the web apart from the (already tired of?) Videos. Local Storage (persistent storage) is not entirely new since we had cookies ever since sliced bread (or seems to be so). But, the limitation of 4KB on ...
I am a reformed former JavaScript hater. In the 90s and early 2000s I muddled through JavaScript compatibility issues, poor performance and a lack of development & debugging tools. When ASP.NET came out, promising to hide me from the complexity of browser incompatibilities, I fully embraced server-side web development. This approach may have worked in 2002, but it does not today. The world's expectations have been reset by Ajax, Google Maps, mobile web sites, high performance JavaScript engines, ...
After an incredible trip to Chattanooga, TN (my first trip to Tennessee, by the way), I finally made it back home to Pittsburgh and found some time to upload my two DEVLINK talks (slides and code). I tried something a little different this time by adding my code to GitHub and my slides to SlideShare. We’ll see how that works out – but I’m optimistic. So without further adieu, I present to you my 2011 DEVLINK talks. Talk #1: Greenfield Development with CQRS (and Azure, and MVC, and a bunch of other ...
Official Site | Samples | Download | Documentation | Forum | Twitter Introduction jqChart takes advantages of HTML5 Canvas to deliver high performance client-side charts and graphs across browsers (IE 6+, Firefox, Chrome, Opera, Safari) and devices, including iOS and Android mobile devices. Some of the key features are: High performance rendering. Animaitons. Scrolling/Zoooming. Support for unlimited number of data series and data points. Support for unlimited number of chart axes. True DateTime ...
In this Issue: Sigurd Snørteland, Kunal Chowdhury, Todd Brix, MIke Ormond, XAMLNinja, Ollie Riches(-2-), WindowsPhoneGeek, John Papa, Jesse Liberty, Morten Nielsen, and Gill Cleeren. Above the Fold: Silverlight: "apps portal – a silverlight based app store" Sigurd Snørteland WP7: "Windows Phone: Adding Mango features to a 7.0 WinPhone App" Morten Nielsen Expression Blend: "Expression Blend Drawing Tips" John Papa LightSwitch: "Cleaning a LightSwitch solution" Gill Cleeren Shoutouts: Michael Palermo's ...
JQuery is probably the most popular JavaScript library ever. I was facing a bad "time" requirement change tonight and that was poping up "Terms and Conditions" pop up as a mandatory option for registration. I just picked up fife minute solution: You will need Fancy box (fancybox.net) but just whatch out to not overwriting JQuery references, they need to loaded sequentially and could easily drive you to a horrible nightmare! 1-Set References: <link rel="stylesheet" type="text/css" href="Scripts/jquery.fancyb... ...
I was recently asked to review Studio for Wijmo MVC by Component One and, overall, I am impressed. There are 2 major components of this. The first is Wijmo Complete which is a collection of over 30 UI widgets (very similar to jQuery UI). The second is Wijmo Scaffolding for MVC which builds upon the scaffolding that was released as part of the MVC 3 Tools Update (note: is does *not* build on top of powershell-based MVC Scaffolding which Microsoft released earlier this year). Some of the Wijmo widgets ...
After setting up the Cross Domain parameters properly, using _setDomainName(), _setAllowHash(), and _setAllowLinker(), and making sure to call the _trackPageview() last, using ga_debug.js in Chrome, I was able to see that the AccountID and the SessionID were still changing upon navigating to the other Domain. This meant the cookies were not being shared across the Domains using the _link() method from Google Analytics Asynchronous Library. So what is the [workaround]? After carefully studying how ...
Part 2 of a Dummies Guide blog posts deals with setting SharePoint’s form fields using jQuery. If you haven’t read part 1 and are a dummy like me, then go do that first because I’m going to assume you’ve read it and not go back over those pieces: A Dummies Guide to SharePoint and jQuery–Getting Started So, I have touched on this topic before in a couple of other blogs, but wanted to make it part of this series so that it was more related. One of the most common things you’ll do with jQuery in SharePoint ...
A three day SharePoint Saturday? Yes…a three day SharePoint Saturday. A spawn of speakers, a horde of helpers, A volley of vendors, and an avalanche of attendees converged at a community college in Annandale, VA to create the biggest SharePoint Saturday event to date… and it was good. I don’t think I’ve ever seen attendees so engaged and excited before! I had packed rooms, awesome interaction, and very few dirty looks… Thanks so much to all of those who chose to attend my sessions with so many other ...
I’m a big fan of client-side development using HTML / CSS / JavaScript for about the past 2 or 3 years – really ever since I dug into jQuery and really began to appreciate the power that the technologies on the client-side possess. Nowadays, everything is HTML / CSS / JavaScript – it’s in all the articles, all the techies are talking about it, and it’s on everyones’ resumes. In looking at candidate resumes or listening to presenters speak about web technologies, we constantly hear “HTML / CSS / JavaScript”. ...
Occasionally I write a rant or two and this one has been boiling for ages. First off you need to read Mike Watson’s Blog Post on Silverlight Ambiguity in Office 365: http://jmikewatson.wordpres... So now let’s get started. First off this post has been boiling since I have heard the question in one of my sessions last year “What do you think will happen to Silverlight now that HTML 5 exists?”. I brushed it aside. I ignored it when ...
I'm an Asp.Net web developer, but the truth is, I always preferred the MVC than WebForms. Especially what I hate in WebForms is the update panel control. I have always problems with it when I want to use it in my current scenario, so easier to me is to write some jQuery code and do the controls refresh manually. I know that, there are situatios when I can't skip the update panels, so this post is a reference for my future battles. A simple example of one update panel with button and some labels. ...
Javascript is a very powerful tool to enhance the user experience. However, poorly optimized javascript can have a very negative effect due to increased page load time. This becomes particularly apparent as the number of elements on a page increases thanks to controls bound to increasingly large data sets. For those that are new to jQuery, assuming we have two divs (div_drag and div_drop), we can add drag and drop functionality by registering listeners during our form load: $("#div_drag").draggable(); ...
I am a firm believer that, regardless of the framework you use, if the framework is good it provides you all of the things you need. I believe ASP.Net MVC 2 is good and therefore provides me everything I need. This means I don't need to write a significant amount of custom UI code (jQuery, MVC Ajax, etc.) to do things that should be considered "standard". One of these pretty standard things submitting a form via Ajax. MVC provides for this very well with Ajax.BeginForm. The contents of the form are ...
Now that I've got a few javascript applications under my belt, I'm strating to see a pattern emerge. A javascript app for me always starts with three files. An html, a css, and of course a js file. This is the triangle that makes the base for your application to build upon. The fourth piece that I always include is a reference to jQuery. I wouldn't even try to write a javascript app without it. It's the defacto framework that makes javascript programming tolerable and should be included in any project ...
This blog has been relocated to http://blachniet.com. See this post at it's new home: http://blachniet.com/2011/0... is post is meant to be a more straightforward overview of my previous post. The previous post got a little long and turned into a walthrough. If you need a walkthrough of this, check out that post at http://geekswithblogs.net/b... So in my new exploration ...
After writing this post, I realized that it is obnoxiously long, and maybe includes a little bit too much hand-holding. Nevertheless, I decided to post this very detailed step-by-step walkthrough of implementing a simple AJAX form in MVC3 with Razor. I'm probably going also post a shortened version of this topic for those that don't need a complete walkthrogh. So I've been attempting to dive into ASP.NET MVC 3 lately, and have hit plenty of bumps along the way. This is my first encounter with any ...
Desde que escribí mi primer post sobre como utilizar JqGrid con asp.net (http://geekswithblogs.net/... he recibido varias consultas sobre como realizar un maestro detalle utilizando este control de jquery. Antes de comenzar debo mencionar que para mostrar un maestro detalle con JqGrid tenemos dos opciones: 1. Realizarlo con un subgrid 2. Utilizar dos JqGrid separados Así que, teniendo esto en cuenta, el objetivo de este post será ...
So, this previous weekend was my first trip to New York City in over 15 years and I was not disappointed. I was honored to be accepted to speak at SharePoint Saturday NYC. This event was a blast and a well oiled machine executed by Becky Isserman (@mosslover) Greg Hurlman (@ghurlman) and Jason G (not gonna attempt it, sorry) (@PrincetonSUG) along with an incredible supporting cast of heroes making sure the entire event ran smoothly. You guys did an awesome job. We started off the event with a speaker ...
l will show you what I am doing lately with jquery. I started out using the suckerfish menu for a customer app. All went fine for awhile but suddenly the menu started acting weird with problems indenting and such. I finally figured it must be interacting with other css stuff. So, I thought how the heck do I fix this? What if I could just use jquery and keep all of the action in jquery and put the style in in the menu class and just spit it out. Most of the properties would get put into attributes ...
I have several conferences coming up where I’ll be talking about jQuery and best practices around deployment, maintenance, and performance tuning in SharePoint and I find that I never have enough time to talk about everything I’d like. So I thought I’d write a few blogs about the subject from a complete beginners standpoint. After all, we were all beginners once and nothing frustrates me more than finding a solution to a problem, but then having no idea how to implement it. Also, in subsequent blogs ...
I am working on a project where a series of ranges are to be administered. The ranges are associated with a certain value. Say that a sales associate is at 20% commission when his sales are from 0 to 3 million, and after 3 million, the commission goes up to 25%. This data is stored in tabular format in the database, but administering the data through a tabular grid view was getting very difficult to maintain and administer. It was difficult to prevent the user from creating gaps or overlap in the ...
Official Site | Samples | Download | Documentation | Forum | Twitter With jqChart jQuery Plugin is easy to create real-time web charts using only HTML and JavaScript. Visit our live Live Data Chart sample. Official Site | Samples | Download | Documentation | Forum | Twitter ...
I just surfed on this product called SAIKU is a modular open-source analysis suite offering lightweight OLAP which remains easily embeddable, extendable and configurable. http://analytical-labs.com/ and i must say it rocks its front end is Jquery :) I have just stepped through the demo but i would be giving it a test soon. Go for it Cheers ...
I was working on a MVC3 project using jQuery to populate a text input in an iframe element from the parent. The catch is that the iframe source is on a different domain. When I first tried to do it, the javascript gave me the Permission Denied error for trying to access the iframe document in a different domain. If the domain of the parent and iframe child are the same this Permission Denied error will not be encountered. To get the iframe domain the same as the parent I needed to use a proxy to ...
I have a need for a highly responsive web page that must at least appear to be "pushed" information from the server as it happens, much like you'd see with an HTTP protocol based chat window. The client will utilize JavaScript, and will use JQuery and its UI plugins, and will use its AJAX support to call the requests that will only return when there is data to be "pushed". I know HTML 5 includes support for WebSockets, but I feel it is too soon to rely on them, as the spec is not yet finished and ...
At http://www.mindscapehq.com/... there is a new free Visual Studio 2010 add-on. "You may have noticed that this new-fangled Web thing is getting quite a bit of traction at the moment. And these days you can’t get away with static Web pages built with table-based layouts and presentational markup. It’s all script this and stylesheet that and jQuery the other. Why, even those time-hallowed animated GIFs of little men digging ...
A new release of Microsoft All-In-One Code Framework is available on July 13th. We expect that its 17 new code samples would reduce developers’ efforts in solving the following typical programming tasks. Download address: http://1code.codeplex.com/r... Alternatively, you can download the code samples using Sample Browser or Sample Browser Visual Studio extension. They give you the flexibility to search samples, download samples on demand, manage the downloaded samples in a centralized ...
I noticed while using the jQuery UI Progressbar 1.8.7 that there was some extra space at the bottom of the progress bar. Turns out there was a bug in the jQueryUI/aristo/jquery-ui.css file, and adding a white background fixed the problem. Normal 0 false false false EN-US X-NONE X-NONE MicrosoftInternetExplorer4 /* 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-priority:99; mso-style-qformat:yes; ...
Continuing my short but sweet posts regarding issues I've encountered and corrected during development...... If you are working with the Telerik MVC suite of controls within your ASP.NET MVC application you may encounter a JavaScript error similar to "Object doesn't support this property or method". The problem? Telerik controls make use of jQuery and by default will add a script registrar to your view which then automatically includes the core jQuery JavaScript files. Like many developers you may ...
Official Site | Samples | Download | Documentation | Forum | Twitter In jqChart - HTML5 jQuery Chart Plugin version 1.5.1.0 we added Financial chart types - Stock Chart and Candlestick Chart. Visit our live Stock Chart sample. Visit our live Candlestick Chart sample. Official Site | Samples | Download | Documentation | Forum | Twitter ...
I hope you haven’t come here looking for an answer!!! Because I want one too!!! I have recently been playing with JQM…and initially loved it….but…. I mean, jQuery mobile is fantastic...whats been done here I think is awesome. I'm enjoying working with it. (I know its beta 1!, but the below seems odd for even a beta release) There seems to be some fundamental bugs knocking about. Links for example. I have a fixed footer toolbar...3 buttons, Home, New, Settings. Home - I wanted to be non-ajax, so I ...
String Resources For string resources we will use local/global resources connecting to DB using DbResourceProvider from “Creating a Data Driven ASP.NET Localization Resource Provider and Editor” http://www.west-wind.com/pr... It also has DbResourceControl, that shows controls with Localizable attribute and connect them to editor. From http://guysmithferrier.com/... and http://www.guysmithferrier.... ...