Tag | jQuery Posts

En este post, trabajaremos una parte que en ocasiones se nos hace un “mundo”, la creación de menús en nuestras aplicaciones web. Nuestro objetivo será evitar la utilización de elementos que puedan ocasionar que la página se vuelva un poco lenta, para ello utilizaremos jquery que viene siendo una herramienta muy semejante a ajax para crear nuestro menú. Para crear nuestro menús de ejemplo necesitaremos de tres elementos: 1. CSS, para aplicar los estilos. 2. Jquery para realizar las animaciones. 3. ...
Part 1 - Listing Data from Database: Let us now learn ASP.NET MVC 2 from Scratch by actually developing a front end website for the Chinook database, which is an alternative to the traditional Northwind database. You can get the Chinook database from here. As always the best way to learn something is by working on it and doing something. The Chinook database has the following schema, a quick look will help us implementing the application in a efficient way. Let us first implement a grid view table ...
If you are interested in software development including a heap of great open source frameworks, then get over to the DDD9 web site and vote for some sessions for the next DDD conference. It will take place at Microsoft's UK headquarters in Reading on 29th January 2011. http://developerdeveloperde... I've proposed a session on the new Async CTP announced at PDC, but there's loads more interesting stuff such as Ruby, CQRS and jQuery Mobile, so get your votes in now ...
This book is more than just a book about an ASP.NET CMS system - it has much practical advice and examples for the Dot Net web developer. I liked the use of JQuery to detect that JavaScript was not enabled. One chapter was about MemCached - this one chapter could justify the price of the book if you run a server farm and need to improve performance. Some links to get you started are: Windows Memcache at http://code.jellycan.com/me... Dot Net Access Library at http://sourceforge.net/proj... ...
Goal: When loading js or css files, combine all the js files into one and all css files into one file respectively when rendering to improve on performance. Also compress if need be on the fly. In this example we use many css files and even more js files to organize the ASP.Net Mvc web app into manageable pieces. The reason for the separation is mainly because it gives the team the ability to work on different part of the web app by working on the affected css or js files. It also helps to decide ...
Goal: Storing arbitrary data inside the DOM Issue: Storing data : $('selector').attr('alt', 'my data'); Retrieving data: $('selector').attr('alt'); The ALT attribute is designed to be an alternative text description. For images the ALT text displays before the image is loaded. ALT is a required element for images and can only be used for image tags because its specific purpose is to describe images.So therefore, "alt" is an HTML attribute meant to give the tag meaning and not to store data. Also ...
I was lucky enough to attend Visual Studio Live! in Orlando on November 14th-17th. There were so many great speakers and the networking was great. I met a lot of really cool people and we talked about everything .NET (from WP7, Silverlight, C#, ASP.NET WebForms, AJAX, MVC 3.. and so forth). I took a lot of notes during all the sessions and wanted to provide it to those that could not come out. If you follow me on Twitter then you have seen most of these. Most of the authors put slides/source code ...
SharePoint 2010 provides pretty good dialog framework. Throughout SharePoint sites, Dialog framework has been used to avoid page redirections and keep user in same page. In SharePoint 2007 with help of Lightbox/JQuery, dialog framework can be enabled and used. But it has some limitations and time consuming. So how to open a page in Dialog framework? Well, It's pretty simple. Just add Content Editor webpart in the page and add the below code. <script type="text/javascript"> //User Defined Function ...
It takes a short overview of Microsoft development tools and platforms evolvement in order to demonstrate the importance of supporting Web Forms development for ASP.NET Ajax with HTML5 enhancements. In an article that Todd Anglin publishes in Redmond Developers, under the title "Silverlight: What Web Forms Wanted to Be", Todd says that ASP.NET was supposed to be Web Forms. A framework that meant to duplicate VB6 ease of development or rather its more mature successor Window Forms. Asp.Net was expected ...
First, some background information: I have some javascript that requires data from the database to set values so I dynamically generate the script on the server via an action in my controller. I only want to do this generation when the partial view using it is dispalyed. So here is the problem: You have javascript you only want to load when a certain partial view is displayed. Depending on the state of data in the database, the partial view might load on page load or it might only load after an MVC ...
Over the last 3 years, Microsoft has slowly but surely been embracing REST as a programming model for the web in WCF. .NET 3.5 SP1 introduced some REST constructs allowing us to invoke WCF services with HTTP GET/POST/PUT/DELETE verbs in conjunction with UriTemplates. The REST Starter Kit (RSK) was then introduced on CodePlex and this provided many great features including an HTML help page, request interceptors, an HTTP client library, and more. Then WCF 4 was released and some of the features in ...
Before working with MVC, I would claim to be somewhat intimidated by JavaScript development. Not that I did not know how to use it, however I found that is was much more bug prone and harder to develop against. Having the .Net compiler was a nice safety net-I did not have to worry about variable name mismatch, typos, not to mention the .Net framework itself. In a recent ASP.Net project we used the MS AJAX update panel to implement interface changes that could easily be implemented via client side ...
WebMatrix is a free “one stop shop” supporting all developers’ needs when creating web sites based on standard markup technologies (HTML, CSS, Javascript and jQuery). WebMatrix features an intuitive user interface to help minimize the learning curve and ease navigation and access to all application features. For instance, on startup WebMatrix enables the user to select of the following: 1-Existing sites created in WebMatrix 2-Obtain a site from one of the open source packages through Web Platform ...
Sometimes it seems implementing functionality in ‘standard’ asp.net takes several times longer than with MVC. In my case, I wanted to do the following when changing a checkbox on a form page (page uses partial page update). Note that I needed to use both client side and server side functionality, and the page updates only part of the page. On checkbox changed, display an “are you sure” popupup. On ‘Ok’, call server method to modify data on the backend, re-bind part of the page. On ‘Cancel’, close ...
It bugs me when some commecial site gloms onto a perfectly good technology name and shoves irrelevant information down my browser's throat. Clearly www.Ja\/ascript.com (misspelled intentionally so that the assholes that own the domain name won't get a free reference from my blog) are only interested in making money from click throughs. Anyway, I attended the jQuery Conference this past weekend and I'm complying with Alex's directive to promoteJS.com. So, here y'go ...
I had the pleasure of speaking with Joe Homnick today about the Open Data Protocol. I presented an example on consuming OData in an MVC solution using jQuery. Joe presented on consuming OData feeds in SharePoint 2010/Silverlight 4.0 as well as a nice sample on setting up an OData service interface. I appreciate the opportunity to speak at a user group known for consistently bringing in only the very best speakers and content. At the end of the talk, I was presented with a certificate of appreciation ...
As I mentioned in my last post I talked some about how my side project, PiX Eyewear, has given me an opportunity to venture out of the predominantly server-side .NET programming that I’ve been doing at my “day job” for the past several years. In this post I’ll be digging into a simple way that I’ve been able to leverage jQuery to solve a little problem I had with my Shopify site. Before I go any further I want to call out an excellent approach for displaying “related products” on a product page that ...
In this blog post, we will take a quick look at the new MVC 3 project options as well as the pretty sharp Razor View Engine (not suitable for shaving :) ). Based on a nice Stackoverflow post, it seems that MVC 3/Razor will only be supported in Visual Studio 2010/.Net 4.0. This is great as it will give developers yet another good selling point to argue for upgrading to .Net 4.0. Creating a new ASP.Net MVC 3 project Prior to ASP.Net MVC 3 Beta, Selecting “New Project” in VS 2010 yielded two templates ...
I was working with a project that uses the concept of master page. Within the master page I have a bunch of UserControls for some specific purposes and one of the UserControl is for the site dynamic menu. The menu was basically built using JQuery and CSS. The menu works fine if you are using it as an anonymous user but if you logged in as authorize user the menu will no longer work for some odd reasons and produces the following script error below in the browser: Message: Object expected Line: 122 ...
Sam Abraham (Me) will have the privilege of speaking with Joe Homnick at the Gold Coast .Net User Group October 2010 meeting about The Open Data Protocol (OData). For this talk, I plan to demonstrate how the Open Data Protocol can be leveraged in an ASP.Net MVC solution to consume data feeds using JQuery. Speaking at the Gold Coast .Net User Group brings back good memories. It was at the Gold Coast group that I first met Alex Funkhouser, Sherlock Technology’s President a little over a year ago. At ...


jQuery UI - Effects cheat sheet:

blind, clip, drop, explode, fold, puff, slide, scale - pattern1, scale - pattern2,

scale - pattern3, pulsate, bounce, highlight, shake, and transfer.

To check all go to: http://jn.orz.hm/jquery/ui_effect.html

I'm going on tour... talking about WP7 & XNA. (Dates below) XNA Games on Windows Phone 7 DESCRIPTION Chris G. Williams will be presenting 'A Tour of Windows Phone 7 and XNA 4.0'. In this talk, he'll cover what's new in XNA 4.0, especially as it pertains to Windows Phone 7. He'll cover phone features, using the emulator and how to take advantage of the various sensors (like the Accelerometer) and features (MultiTouch, Gestures, Push Notifications, etc) in your games. Rumor has it, he may even ...
I’ve been making my way through a few MVC books recently and was looking forward to reading Stephens book. Stephen does a lot of videos on the Microsoft asp.net site that I like and I was not disappointed by the book. Although not really targeted at MVC2 and VS 2010 all the basics are the same. He does an excellent job of stepping through the components of MVC… controllers, views, models and routing. He also digs into HTML helpers, binding, caching, authentication, testing and jquery. All the examples ...
Recently we had a project where we needed to render certain questions on the screen dynamically based on answers to previous questions on previous screens. For questions that need to dynamically be visible/invisible on the same screen, this can simply be controlled with jQuery. However, in this case, based on the user’s input on previous screens we know there are certain questions that will not be applicable before the current screen even loads. In this case, we could use jQuery to set those questions ...
I have blogged before about using Powershell as a web testing harness before, but recently I started doing something a little different that has made it even more useful and simple before: jQuery. Powershell gives you access to the HTML DOM from IE, but as we all know this is a bit primitive. Essentially, if there are objects on the page with which you want to interact and those objects do not have an id associated with them, you're writing some fragile, painful looping code to traverse the DOM sometimes. ...
Increasingly I find myself building web applications that rarely, if ever, reload the page. Ajax is used to communicate with the server and to update parts of the page as required. After much trial and error I have come upon a technique for organising the javascript on such pages. Consider an application that has three buttons: red, yellow and green. When one of the buttons is clicked an rectangle is coloured according to the selection. The UI design will be as follows: Here is the demo. The basic ...
Normal 0 false false false 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-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;} I had started to write this ...
I was working on a a DWP using Sharepoint Designer and i wanted to get the value of a node using Jquery So i added a <div id="myid"></div> and then on the client did some $(div#miyd) But what i noticed is that anytime i save my page in Sharepoint Designer and open it up again my div id changes to <div id="myid{generate-id()}">... So i came across some solution from Marcs Blog here which suggested you add a variable like so <xsl:variable name="myid/> and then use it ...
I recently re styled my blog. I wanted a new look and something unique. I played with the various themes that you can chose from when customizing your blog. I also saw that you can add custom CSS, so I knew that it was possible to get some unique looks. AI started by adopting the naked skin which applies no style sheets. This gave me a blank slate to work with. It also looks very difficult to read: So I now have a blank slate to work with. I examined the source for the page to look at the structure. ...
I recently published a screencast about jQuery on ShopHighOnCoding. The screencast is 38 minutes long (yup! it is long) and covers different aspects of the jQuery library including jQuery notation, effects, drag and drop, sorting and jQuery Ajax API. The screencast is available with a small price of $4.99 and trust me it is worth it. So, if you are interested in quickly understanding the power of jQuery library then check out the screencast using the link below: Tour of jQuery Library ...
One of my colleagues pointed me at Howard Baines as a recent example of a web consultancy already using Visual Studio 2010 and Entity Framework 4.0 to build web applications. I managed to grab a little time with co-founder Clive Howard (on twitter) to talk through some of the decisions, especially as I was intrigued to learn that they started out on Open Source Software including Ruby on Rails before switching to the .NET Framework. We discuss: Why switch to the .NET Framework? Entity Framework 4.0 ...
I am writing this post in response to David Burela’s ‘What is your preferred technology stack?’ meme. As an independent developer I generally have a lot of flexibility to chose the tools that I think will deliver the best result, with the restriction that my customer is generally looking for a .NET based solution. I favour tools which: are open source. Open source libraries are often designed to facilitate quality practices, not to sell tools. Also, access to the source and the price are bonuses. ...
In this Issue: Paul Sheriff, jbaird, Michael Washington, Shawn Wildermuth, Ben Gracewood, Mohamed Mosallem, Jesse Liberty, Nigel Sampson, Kunal Chowdhury, Vikram Pendse, and Frank LaVigne. Shoutout: I don't know who these Commentsys devs are but they've got a boatload of Silverlight and WP7 tutorials From SilverlightCream.com: Use CollectionViewSource in Silverlight to Sort Data Paul Sheriff has two posts on using the CollectionViewSource to sort your data. This first one is in XAML and the second ...
First of all, sorry for not posting for a quite long time. I have started working on designing and developing a charity website for blood donation. So all my leisure time was diverted into that. I will ensure that going forward, I post at least one post every week. Lets get into the topic of this week, without delaying any more time. I have always been using asp:Menu and asp:Treeview for transforming the sitemaps to super cool menu which are auto generated by ASP.NET for us. But I wanted more and ...
Technorati Tags: ASP.NET MVC,mvcconf I took the day off work today to "attend" mvcConf: the Virtual ASP.NET MVC Conference, and had a great time. Thanks to all of the presenters and organizers of the conference. It was a huge success, and I'm sure that like me, most of the attendees hope there will be another soon. It was amazing how smoothly everything went. There were only one session cancellation and very few technical difficulties (I experienced none, but people in the chat rooms reported a few ...
My boss Marc posted a summary of my team – or in his words “a round up of where our crack team of highly-visible ninjas will be concentrating their efforts on your behalf”. In total we are now eight. Ok, nine if you count Marc. Although IMHO seven is a much nicer number but I digress (thankfully I finally no longer associate the number 7 with the movie Se7en – it has taken a while but the recent run of Magnificent Seven movies has helped!). I have a change of focus as we enter a new Microsoft FY. ...
An article was published at JupiterJS.com (titled “JavaScript vs Silverlight”) arguing that JavaScript is better than Silverlight. Unfortunately, there is no way to post comments on that page (weird, really) so I decided I would post my answer here. Read the rest of this entry » ...
Technorati Tags: jQuery,JavaScript I'm using the jQuery UI Autocomplete plug-in on my current intranet project, and am impressed with how powerful and easy to use it is. It works great on my development PC with Internet Explorer 8, and I was very pleased with myself. …until I tested on one of our "thin client" machines, and my beautiful autocomplete dropdown looked like Swiss cheese: The browser on the thin-client is, you guessed it - everybody's favorite browser - IE6. IE6 has z-index issues that ...
This seminar provides an overview of several in-depth concepts that developers need to learn to bring their jQuery development to the next level. They review six things that you should know, such as: "What Is This?", "Am I Referencing the jQuery Object or a DOM Element?", "Understanding Selectors", "Combine and Minify Your Scripts", "Different Ways of Storing Data", and "The Dos and Don'ts of Events". Along the way, they share several helpful websites and tools to make your job as a jQuery developer ...
Technorati Tags: jQuery,ASP.NET,ASP.NET MVC,conferences I was excited yesterday to learn of two upcoming virtual online conferences about topics in which I'm very interested. The first one I heard about was mvcConf, the Virtual ASP.NET MVC Conference - Thursday, July 22. From the website: mvcConf is a virtual conference focused on one thing. Writing awesome applications on top of the ASP.Net MVC framework. The event will be free to attend, and your brain will explode from taking in so much hard core ...
Few months ago I've been seeing many users in the forums asking how to retain the selected tab in JQuery Tab across postbacks, so I've decided to write this post as reference to others who might encounter this kind of scenario. To describe the scenario, lets go a head and create the HTML mark up and construct the tabs. Here’s the markup below: <html xmlns="http://www.w3.org/19... > <head runat="server"> <title>JQuery Demo</title> <link href="jquery-ui-1.8.1.custo... ...
I was recently tasked with coming up with a way to keep the session alive in ASP.NET as long as the user had the web page open. That way if they started filling out a form, then went to lunch and came back, they wouldn't lose all of the information just because their session timed out. The concept is actually pretty simple. You just need to make a call back to the server every once in a while before the session expires to update the session timeout. We figured as long as the user has the browser ...
When MVC 2 was released, there was a last minute change to use Model Validation instead of Input Validation. Essentially, Model validation means that your entire view model will be validated regardless of which values actually got posted to the server. On the other hand, with Input validation, only the values that get posted to the server will get validated. While this was the right decision by the MVC team for the most mainstream cases, there are still some cases where the previous behavior of Input ...
I've attended Australian Remix10 and below is a list the points, that I've learned and/or want to read more about. The materials of US MIX10 conference are here http://live.visitmix.com/ Windows Azure ( pronounced [azh-er] http://dictionary.reference... - sounds great from hosting costs/redundancy, but how much work is required to change existing asp.net application with SQL backend to support Azure. http://www.azuresupport.com... ...
Goal: Dynamically add an Edit button to an empty column that will NOT trigger an inline edit but rather a jqGrid formedit for the selected row using the modal dialog option. Problem: All examples in the Demo version include editing inline and adding buttons to a column that only does an inline edit and the Demo version's getRowdata does not perform as expected. I tried it an could not get it working and the getRowData did not work as specified. Solution: gridComplete: function() { var rows = $(item).jqGrid('getRowData'); ...

jQuery fundametal online book  is available at http://www.rebeccamurphey.com/jqfundamentals/book/release/html/

Enjoy :)

 

Technorati Tags: jQuery,JavaScript I'm sure I've "invented" a technique that's been done by many others (and I don't doubt that there's a slicker way to do it), but… Sometimes I'll want to have an identical chunk of HTML repeated more than once on a web page, for example: a search page with "Search" and "Clear Fields" buttons both above and below the search field inputs. I'd like to just render that HTML once on the server, than "clone" it on the client. For my site, I established a convention where ...
Many times in the Career advice section at http://www.dotnetfunda.com/... we are asked this question What are the essential skills for a web developer? Rather than posting/reposting time and again, thought of writing a post about it. This post details what according to me and some of the well established people I know think about essential skills that a web developer should posses. You can find similar entry at Essential Skills for Web Developer in 2010 HTTP/TCP protocol from a very high overview ...
Technorati Tags: .NET,Kansas City Thanks to the KC development community for a great free event. The Johnson County Community College provided very nice facilities. I’m the sort of guy who would willingly drive 4+ hours each way for a free XL (or “developer medium”, as Richard Campbell calls it) T-shirt, but got a lot more than that out of the event. Here's a recap of the sessions I attended: Why Kanban? speaker: Troy Tuttle Troy is a “pragmatic agilist” at AdventureTech (not AdventureWorks – I was ...