Tag | jQuery Posts
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.... ...
Goal: Once you viewmodel has been built and populated with data, at some point it goal of it all is to persist the data to the database (or some other media). Regardless of where you want to save it, your client-side viewmodel needs to be converted to a JSON string and sent back to the server. Environment considerations: jQuery 1.4.3+ Knockoutjs version 1.1.2 How to: So let’s set the stage, you are using Knockoutjs and you have a viewmodel with some Knockout dependencies. You want to make sure it ...
Official Site | Samples | Download | Documentation | Forum | Twitter The render speed of the jqChart- HTML5 jQuery Chart Plugin is optimized for handling a large set of data. Look at our live performance sample. Official Site | Samples | Download | Documentation | Forum | Twitter ...
Much has been talked about the F12 developer toolbar in IE and the support it provides for web developers. Starting IE8, the Developer Toolbar is a menu item that helps you view the page source, scripts, profiling and many other details of the rendered page. It even allows script debugging from within and that makes it a truly powerful web developer tool bar. With IE9, the developer toolbar got even better with the Networking Tab that allows you to inspect the traffic/time taken and drill down into ...
Query Templates, Data Link, and Globalization I am sure you must have read Scott Guthrie’s blog post about jQuery support and officially supporting jQuery's templating, data linking and globalization, if not here it is: jQuery Templating Since we are an open source shop and use jQuery and jQuery plugins extensively to say the least, decided to look into the templating a bit and see what data linking is all about. For those not familiar with those terms here is the summary, plenty of material out ...
Cada vez, utilizó mas Jquery para enriquecer las aplicaciones que desarrollo, pero cada vez me doy cuenta de que siempre debo leer la documentación de los controles para poder recordar todas las funciones. Esto, sumado a la cantidad de código script que debo colocar en las páginas. Es por eso que decidi empezar a trabajar en una pequeña seríe de controles de Jquery para asp.net basado en el framework DJ Jquery. Por supuesto, una serie de controles OpenSource para la comunidad Actualmente los controles ...
Since the demo of Windows 8 given by Microsoft Vice President Julie Larson-Green at the recent D9 conference windows developers have been described in many articles as feeling "Horrified" "Worried" "Deeply Concerned". Why? From the demo it seems that the new Window’s 8 ‘immersive’ applications will be based on HTML5 and JavaScript – which means for experienced win devs who have invested years in learning windows development platforms, they will now have to ‘re-train’ if they want to create these ...
MVC 3 is becoming hugely popular thanks to Razor and the Helpers that make building web applications much easier. One of the common requirements in web development, both with web forms as well as MVC based development, is the cascading dropdownlist. Now, for Web Forms, we can use a variety of options viz. server side programming, jQuery or using the AJAX Control Toolkit’s cascading dropdownlist control for accomplishing this. I saw a few samples on the internet that used the erstwhile Microsoft AJAX ...
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. Real-time chart manipulation. Support for unlimited number of data series and data points. Support for unlimited number ...
I've been working with the jqgrid and have been really impressed with the ease of use. One issue I was having was with the action buttons on the row. If a new row is selected, the action buttons wouldn't toggle back. I had to toggle them myself in the onSelectRow function. Here is a sample jqgrid based on the jqgrid samples http://www.trirand.com/blog... <html xmlns="http://www.w3.org/19... <head> <title></title> <link href="/Content/Site.css" rel="stylesheet" ...
Jquery auto-complete, WCF Services and cross domain nightmares Gone are the days of using the Ajax toolkit, it’s far too bloated and can be very difficult to debug if anything goes wrong. So like many other developers I have made the conscious effort in swapping my attention to jQuery instead. I have recently been working on a project where I needed to implement a simple auto complete dropdown, so instead of reaching for the auto-complete extender from the Ajax toolkit I decided instead to use the ...
I had recently a very interesting problem. I have a single button on my page, which opens a jquery ui dialog with other page containing single textbox control. After pressing the Ok button, using web service the textbox value is sending to the server and a label control on the main page is updating and the update panel containing this label is refreshing. Vary simple solution. Maybe too simple, because I have lost a few hours to investigate, why after pressing the Ok button, full postback occurs ...
As you probably already know Visual WebGui has recently released an HTML5 supported (beta) version of its platform. Needless to say this new .NETHTML5 version generated a lot of buzz and interest which were followed by many inquiries so I want to share more information and the Gizmox vision for the HTML5 version. I would like to start and state that at this point in time (May 2011) .NETHTML5 is functionally equivalent to the classic Visual WebGui WINWEB version. The main current difference is at ...
This is very easy to check, which mouse button was pressed using jQuery. This solution works propertly on IE (tested on 9), Firefox (tested on 4), Chrome. In Opera there doesn't work the middle button and the browser context menu is showing. $('#someElement').mousedown... { switch (e.which) { case 1: alert('Left mouse button pressed'); break; case 2: alert('Middle mouse button pressed'); break; case 3: alert('Right mouse button pressed'); break; default: alert('Unsupported mouse button'); ...
I dug up one of my first jQuery plugins and thought I would share. //thomas gathings //jquery plugin to enable confirmation of unsaved changes on common input elements. //apply to an ancestor, such as fieldset, div, or form. jQuery.fn.confirmUnsavedCha... = function() { var $obj = this; var saving = false; window.onbeforeunload = function() { //if local element data 'dirty' = true, show unload confirmation if (!saving && $obj.data("dirty")) { return "You have unsaved changes."; } }; //for ...
Luego de varios días de intenso trabajo, hoy he tomado un pequeño espacio de tiempo para dedicar un post al trabajo con datos en forma de tablas en asp.net Todos los que hemos trabajado desde hace bastante con asp.net, hemos aprendido a querer al GridView, un excelente control que nos permite mostrar los datos directamente desde una base de datos y trabajar con ellos, llamase trabajar a las operaciones de: editar, buscar, agregar y eliminar. Por supuesto que existen muchas otras opciones que no son ...
A jQuery Plugin for adding IE9 features (site pinning, site mode, etc.) to your websites. Several new features of Internet Explorer 9 are designed to enhance the browsing experience of consumers by enabling sites that leverage certain features to behave like applications on the desktop when those sites are ‘pinned’ to the taskbar in Windows 7. A user pins a site by dragging the site’s tab (or favicon in the address bar) to the taskbar. For all sites, IE9 will create a default experience (called ‘site ...
After HTML 5 Microsoft WebCamp Portugal, I came up with some interest in exploring the Menubar plugin. This plugin transforms a list into a nice menu, and as such, I like to implement it on a project which I use web.sitemap. To this, I needed to use an XSLT to transform the web.sitemap file, which is nothing more an XML, into an unordered list in a format required by Menubar. Here’s an example of web.sitemap file: <?xml version="1.0" encoding="utf-8"?> <siteMap xmlns="http://schemas.micro... ...
Lately, I have been taking some time to learn some new technologies. For me, the best way to learn a new technology is to jump head first into a project: Daily deal websites such as GroupOn, LivingSocial, DealFind, etc. have really taken off over the last 6 months. With so many sites out there, my inbox was being flooded with emails from all these daily deal websites. This seemed like it might be a fun project, so I set out to build a daily deal aggregator. First, I built a Windows Phone 7 app. I ...
This past week the company I work for re-launched our external facing internet site, all powered by SharePoint 2010. I already blogged about it, but have you ever wondered, what does it take to build a great looking site? There are 3 basic levels of Branding in SharePoint 2010: Low Effort Remember the themes in SharePoint 2007? well its incredibly easy to build them in SharePoint 2010.The best examples out there are the ones that use Power Point 2010 to produce color schemes and styles and apply ...
I have lost recently some time to send a json parameter to my web service using jquery. Suppose that we have the data in an javascript array: var attributes=[]; $('#PreviewGroup1_DecisionA... input:checkbox').each(funct... attributes.push({attribute: elem.value, checked: elem.checked}); }); To send that array to web service we simply need to do $.ajax({ url: '../Services/PreviewFormWeb... dataType: "json", data: "attrs="+ JSON.stringify(attributes), ...
So.. SharePoint Saturday St. Louis was this past weekend and I had the honor of presenting my SharePoint & jQuery session. This session is always a lot of fun and seems to always produce some really interesting conversation from the attendees. Seems like I learn something every time I do it. Thanks to all those who attended and contributed and thanks to Matt Bremer (@mattbremer) and crew for putting on a great event! As promised, here’s the link to the slide deck: Also, I’m always looking for ...
Project Silk provides guidance for building cross-browser web applications with a focus on client-side interactivity. These applications take advantage of the latest web standards like HTML5, CSS3 and ECMAScript 5 along with modern web technologies such as jQuery, Internet Explorer 9, and ASP.NET MVC3. To illustrate this guidance, the project includes a reference implementation called Mileage Stats that enables its users to track various metrics about their vehicles and fill-ups. Much of the effort ...
Join us for a special WebMatrix and ASP.NET MVC Web Camp you don’t want to miss. No matter your expertise in web development, these Web Camps are the perfect opportunity to get hands-on experience and 'unleash your coding genius'. Our interactive sessions will: Introduce ASP.NET Web Pages and WebMatrix; discuss possible uses of these Facilitate an in-depth discussion on when to migrate ASP.NET WebPages applications to ASP.NET MVC Explore new features of ASP.NET MVC 3 Take a dive deep into jQuery ...
Only a truly geeky developer can understand the concept that I’ve been working and writing so much code lately they I need to take a break by… well.. writing more code… Anyway! My brain needed a break from my current assignments so I decided to tackle a question I saw posted about populating address fields in SharePoint with a click on a location from a map plugin. It seemed like a nice challenge and something I KNEW could be tackled as long as the proper map API existed… This turned out to be super ...
How doing some asp.net deevelopment and i decided to use one of the asp.net controls. But need to use Jquery to do some extra stuff I had a link in the page i wanted to let popup like a modal dialog like so: <td><a id="mdialog" href="details.aspx?scode=&l... Eval("Code")%>">[..]&... Then refrenced Jquery like so: <script type="text/javascript"> $(document).ready(function () { $("#mdialog]").fancybox({ 'width': '75%', 'height': '100%', 'autoScale': false, 'transitionIn': ...
Ajax enabled data centric applications are getting popular day by day in web development space. While these type of web applications provide rich user experience, building a robust and powerful application quickly is a great challenge for developers. Fortunately Microsoft has started providing great frameworks, plug-ins and APIs to facilitate this process. Last week Microsoft announced a new version of java-script API “datajs”, which is intended to help web developers to build data centric AJAX applications ...
At the recent Mix 2011 conference the datajs team talked about this new cross-browser JavaScript library that makes writing data centric web apps easier. Its fairly simple to use and can be very powerful. Here is a quick application I threw together using the library. The code uses datajs, jQuery, jQuery UI and jQuery templates. Microsoft has an OData Service at http://live.visitmix.com/od... which exposes all Mix sessions. I used this source to get a list of all sessions using the datajs ...
HTML5 introduces markup-level functionality for rich graphics, animation and web multimedia. It also supports a richer web application functionality and extends the client capabilities with local storage. Many pundits see it as the next generation web - web 3.0 if you like - and an open standard replacement for propriety plug-ins, Microsoft Silverlight and Adobe Flash. But, for all its new features, HTML5 is still only the end product. This article looks at HTML5 from the web programmer's point of ...
Recently, while browsing Visual Studio extensions I came across the SharpKit tool. It sparked my curiosity as I'm always looking for ways to improve my jQuery and Javascript in general. Working off the example in my previous post about Updating the Content of a WebGrid async we can generate the same Javascript via the SharpKit project. First, head to theSharpKit site to download and setup your first project (check out the Screencasts). Or search "jQuery" in Visual Studio 2010 extension manager. So ...
So… A while back I had to set a SharePoint Lookup drop down list value with JavaScript and ran into the quirk where SharePoint handles Lookup drop downs differently if there are 20 or more items in the list. I’m not exactly sure why SharePoint does this. The only common sense reason I can think of is to pass less data over the wire, but if this were the case why not just be consistent and do the same thing ALL the time???? I guess that would make too much sense. Anyway, this week I had to do it again, ...
Fellow Techies of the world.. Welcome! In this obligatory first post I want to just tell you a little about myself and what I intend to do with this blog. I’ve worked in fits and starts on a tech blog before so I’m happy to be a part of the GeeksWithBlogs community now and make it my new home. Let’s begin at the beginning… Sometime back in 1995 my dad (who has worked with computer pretty much since there have been computers) brought home 2 books. Visual Basic 4 and Visual C++ 4 (For Beginners). I ...
A simple script you can add to your master page or content editor etc. to hide the “Sign in As a Different User” option that is available in the Personal Actions Menu. <script src="/jQuery/jquery-1.4.1.js" type="text/javascript">&... <script type="text/JavaScript"> jQuery(document).ready(func... { var objects = document.getElementsByTagNa... for (var i = 0; i < objects.length; i++) { itm = objects[i]; if (('#' + itm.id).indexOf("LoginAsDif... ...
Yeah I know I don’t blog much anymore, because life has taken me places that don’t involve the interwebs unfortunately. I am in the midst of planning two events, starting a non for profit, creating more sessions for various conferences, submitting to various conferences, working a 40 hour a week job, attempting to hang out with boyfriend/friends/family. So you can see that list does not include this blog sadly that’s how it goes sometimes. The bottom piece very important over any of the top pieces. ...
Employee Info Starter Kit is an open source ASP.NET project template that is intended to address different types of real world challenges faced by web application developers when performing common CRUD operations. Using a single database table ‘Employee’, it illustrates how to utilize Microsoft ASP.NET 4.0, Entity Framework 4.0 and Visual Studio 2010 effectively in that context. Employee Info Starter Kit is highly influenced by the concept ‘Pareto Principle’ or 80-20 rule. where it is targeted to ...
Front End Developer? Client Side Developer? Middle Tier??? I’m covering all my bases. Regardless, I’m sick and tired of Googling with Bing when I forget where information that I need often is located. I was getting ready to bookmark some of them when it hit me… “Hey Mark… (I don’t actually refer to myself in the third person), Why don’t you put the links in a blog so that it looks like you are being helpful!” I can’t tell you how many times I’ve had to go back to some of my old blogs to remember ...
v\:* {behavior:url(#default#VML);} o\:* {behavior:url(#default#VML);} w\:* {behavior:url(#default#VML);} .shape {behavior:url(#default#VML);} Normal 0 false false false EN-GB 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; mso-style-parent:""; mso-padding-alt:0cm 5.4pt 0cm 5.4pt; mso-para-margin:0cm; mso-para-margin-bottom:.000... ...
Ever wanted to have a simple jQuery menu bound with ASP.NET web site map file? Ever wanted to have cool css design stuffs implemented on your ASP.NET data bound controls? Ever wanted to let Visual Studio generate logical layers for you, which can be easily tested, customized and bound with ASP.NET data controls? If your answers with respect to above questions are ‘yes’, then you will probably happy to try out latest release (v5.0) of Employee Starter Kit, which is intended to address different types ...
There are a million plugins for jQuery and when a web forms developer like myself works in MVC making use of them is par-for-the-course! MVC is the way now, web forms are but a memory!! Grids / tables are my focus at the moment. I don’t want to get in to righting reems of css and html, but it’s not acceptable to simply dump a table on the screen, functionality like sorting, paging, fixed header and perhaps filtering are expected behaviour. What isn’t always required though is the massive functionality ...
Microsoft Tech ed 2010 was a great success. Infact Most of such conferences always provide a great place to meet other technology enthusiasts and ofcourse,whats in the pipeline for future products of a company or field.. And yet again,MS Tech ed India is coming on 23-25 march in Banglore,India.Well,the place is ofcourse right suited for any IT/Computing conference.After all,Its Silicon Valley of India.. From Last year.I remember a session by Harish about “Building pure client side apps with Jquery ...
Goal: Using the jgGrid to enable a selection of a checkbox for row selection - which is easy to set in the jqGrid - but also only allowing a single row to be selectable at a time while adding events based on whether the row was selected or de-selected. Environment: jQuery 1.4.4 jqGrid 3.4.4a Issue: The jqGrid does not support the option to restrict the multi-select to only allow for a single selection. You may ask, why bother with the multi-select checkbox function if you only want to allow for the ...
Yes… another one of these posts. What can I say? I’m a pot stirrer.. a rabble rouser *rabble rabble* jQuery in SharePoint seems to be a fairly polarizing issue with one side thinking it is the most awesome thing since Princess Leia as the slave girl in Return of the Jedi and the other half thinking it is the worst idea since Mannequin 2: On the Move. The correct answer is OF COURSE “it depends”. But what are those deciding factors that make jQuery an awesome fit or leave a bad taste in your mouth? ...
So, I continue to try to come up with diagrams and information to help new SharePoint developers wrap their heads around this SharePoint beast, especially when those newer to development are on my team. To that end, I drew up the below diagram to help some of our junior devs understand where/when code is being executed in SharePoint at a high level. Note that I say “High Level”… This is a simplistic diagram that can get a LOT more complicated if you want to dive in deeper. For my lesson it served ...
Goal: Create a menu widget that does not require any javascript, extremely lightweight, very fast, soley based on CSS, compatible with FireFox and Chrome. Issues: May have some rendering issues in some versions of IE, sorry :-) Instruments: css file html with specific menu format jQuery-ui library - optional if you want to use your own images/colors Implementation Details: HTML: <div id="header"> <div id="header_Menubar"> <ul class="linkList0 ui-tabs-nav ui-helper-reset ui-helper-clearfix ...
So, all you aspiring SharePoint experts out there (especially those of you who put “expert” in your resumes). It’s time for a cold cool splash of reality. More than likely you are NOT an expert (I know I’m not). Yes, you may have some expertise in certain aspects in SharePoint (it’s questionable if I have THAT some days), but make sure you’ve got the basics down before you start throwing that word “expert” around. I know that it becomes frustrating to those looking to hire SharePoint people and having ...
With the release of Internet Explorer 9 RC the browser looks to be in a usable state. So far, my experience has been positive. However, one area where I am having problems is when people are using the jQueryUI library. Versions older than 1.8 cause IE 9.0 to be unable to drag and drop. This is a real pain, especially at sites like Agile Zen, where dragging and dropping is a primary bit of functionality. Now that IE 9 is a release candidate, we’ll see how quickly these things improve. I expect things ...