Tag | Javascript Posts

Normal 0 false false false EN-US X-NONE HE MicrosoftInternetExplorer4 /* Style Definitions */ table.MsoNormalTable {mso-style-name:"Table Normal"; mso-style-parent:""; line-height:115%; font-size:11.0pt;"Calibri",... mso-fareast-"Times New Roman";} I wanted to post back after an auto complete extender did its job. This was the first version (the auto complete extender showed student names). Server-side: protected override void OnPreRender(EventArgs e) { base.OnPreRender(e); if (!Page.ClientScript.IsClien... ...
Summary: In this post we will discuss the tooling that is at our disposal and also some of the benefits or not so beneficial features it brings to the table. Content Introduction Tooling Benefits of using it Introduction ASP.NET MVC is Microsoft's way of getting on the MVC wagon. It offers a lot more control over the application you're building, no more WebControls ( personally I never and hope to never have to use it ), pure XHTML as W3C would have you doing anyways. At this moment, and I suspect ...
This is one way to have up/down or open/close arrows appear on an AJAX AccordionPane. First add a div and an img to the Header of the AccordionPane along with the title (the example uses ‘Add Widget’). <cc1:AccordionPane ID="apTest" runat="server" > <Header> <div id="div1" onclick="UpDownIcons('imgAc... Add Widget&nbsp;&nbsp;&... src="Images/arrow_down.ico" id="imgAcc" alt="expand" /> </div> </Header> Note the onclick function for the div, that ...
This example demonstrates on how to move items between two ListBox using JavaScript. Here are the code blocks below: <html xmlns="http://www.w3.org/19... <head runat="server"> <title>ListBox Demo</title> <script type="text/javascript" language="javascript"> function AddItemInList(fromLeftToRight, isAll) { var list1 = document.getElementById('&l... ListBox1.ClientID %>'); var list2 = document.getElementById('&l... ListBox2.ClientID %>'); if(Boolean(fromLeftToRight) ...
In C# and Ruby we can use the Where() and Select() methods to select elements from a collection by testing each element with a predicate (method that returns a boolean). Unfortunately, javascript does not have this capability. Here is the code to add a where() method to the javascript array class...

Read the full article

 

There are times that we need to use the enter key instead of using the Tab key for moving the focus of the TextBox controls from one to another to perform rapid data entry in the page. This example shows on how to achieve that with the use of JavaScript. Here are the code blocks below: ASPX: <html xmlns="http://www.w3.org/19... > <head id="Head1" runat="server"> <title>Demo</title... </head> <script type="text/javascript" language="javascript"> function controlEnter ...
Flot is a pure Javascript plotting library for jQuery. It produces graphical plots of arbitrary datasets on-the-fly client-side. The focus is on simple usage (all settings are optional), attractive looks and interactive features like zooming and mouse tracking. The plugin is known to work with Internet Explorer 6/7/8, Firefox 2.x+, Safari 3.0+, Opera 9.5+ and Konqueror 4.x+. If you find a problem, please report it. Drawing is done with the canvas tag introduced by Safari and now available on all ...
Both Mobile Safari (in iPhone OS 3.0) and Google Android now both support getting the location of the current user. How cool is that. Finally mobile web-pages can be location aware. The user is prompted for whether they wish to enable this facility on a per site basis. Here’s the HTML/Javascript that does it all. <html> <head> <script> navigator.geolocation.getCu... noLocation); function foundLocation(position){ var lat = position.coords.latitude; var long ...
So, somehow within the past five years I’ve mapped out my life to lead to a point where I’m sitting here blogging on GeeksWithBlogs.net. I never would have guessed it…lol There’s no need for me to sweat it though. I’m a 23 year old IT college graduate that has a full time software development job, an amazing family, a loving girlfriend, and incredible friends. As one of my co-workers recently put it: “I’m livin’ the dream” :) I'm a former employee of iPay Technologies and currently work for Republic ...
Another great opportunity to ask Microsoft engineers your technical questions is coming up on Tuesday, June 30th. These chats are your opportunity to get advice and answers from the engineers at Microsoft. You may want to review the transcripts from previous chats to get an idea what these chats are all about. Title: Windows CE Live Chat! When: Tuesday, June 30, 2009 9:00 - 10:00 A.M. Pacific time Add to Calendar Additional Time Zones: http://www.timeanddate.com/... ...
For anyone interested here are some Silverlight Project Samples (databinding, animation, hello world, plus wcf webservice): http://cid-8e2654c5f01e6069... Overall I had a pretty good time and it sounds like I projected pretty good. Some people said they could hear me in the hallway that's a good sign. I'll just keep on trying to project just as good each time. It was a pretty long weekend, but well worth meeting the people I did. I met so many and hung out ...
While building a new website I stumbled upon a problem with the ASP.NET Menu Control. In all browsers, except IE8 the control works just fine. But in IE8 the dynamic parts of the menu are generated as blanks. Some investigation on the net learned me that this in normal behaviour build into IE8 by Microsoft. (????) There seems to be a problem with compatibility. luckily the solution is fairly simple. just make sure that your page(s) get rendered in IE7 compatibility mode. To do this add the following ...
After a short break Visual WebGui is back to present a live Webcast on MSDN this Tuesday, June 16th at 9:30 AM PST. The upcoming webcast: Designing Creative DHTML, Silverlight UIs: Simple, Visualized & Intuitive will show off the new point and click Visual WebGui Control & Theme Web Design Tool and demonstrate its fastest, most intuitive way of developing and designing without Javascript, HTML, CSS, or XAML. Join us tomorrow for a short hour that can potentially save you a lot of time! Click ...
You just finished that BSP, developed all required drivers and low-level code, configured hive-based registry, defined your device's memory layout... and now it's time to develop your application to leverage all that low-level/OS code and provide great services to your device's end users. You may want to use visual languages like C# or VB.Net to develop it, using the power and ease of usage of the .NET Compact Framework or, you want (or need) to use C and C++ but you want to use advanced libraries ...
Wow, been awhile since I last posted....sheesh. Anyway, I've been doing some web service testing lately at work. Nothing to strenuous; just your basic does it do what it is supposed to do type testing. I was introduced to SoapUI in the process of this, and I can honestly say I like it. It's simple to set up and seems to work well. It provides a TestSuite/TestCase paradigm seems natural and normal to anyone who's done some testing. My only complaint so far: it is has a steep learning curve once you ...
The Dashboard Designer in PerformancePoint Server 2007 gives you the ability to set a number of the properties for the font of a given column in a scorecard including the font-family and the font-size. You can see these settings change in the designer and you can preview the scorecard and see how your scorecard will look when it is deployed. I changed the font in the screenshot above to Wingdings so that you could easily see the difference. In practice this is probably not a typical change, but you ...
This demo shows on how to create an "Editable" Label in the page. As we all know, a Label control is intended for displaying read-only data information in the page and thus we cannot make it editable just like the TextBox control. As a workaround we can create a floating Div/Panel with a TextBox. Clicking on the Label will display a Div with a TextBox on it and a Button for updating the Text in the Label. In this demo, i used JavaScript for manipulating the elements in the page and apply a little ...
I’d like to provide you with a SilverBullet™, a small snippet of Silverlight, a class or namespace hidden in the silverlight .NET framework, to help you out in times of need. It’s not to learn, but something to keep in your pocket. Just remember it’s there and you’re safe. The System.Json namespace provides support for Javascript Object Notation or JSON. By using the classes in this namespace you are able to use Json objects in your C# or VB code. These object are often used in JavaScript and to ...
For anybody that bought the SQL Server 2008 Self-Paced Training book for 70-433, if you are running a full version of SQL Server 2008 rather than the express edition, you will have problems attaching the AdventureWorks2008 database (file activation error). The trick is to use a SQL command, like so: USE [master] GO CREATE DATABASE [AdventureWorks2008] ON ( FILENAME = N'C:\Program Files\Microsoft SQL Server\MSSQL10.SQL2008\MSSQ... ), ( FILENAME = N'C:\Program Files\Microsoft ...
Learn how Culpepper and Associates created a Web based Job Maintenance Application from their previous MS Access tool. Read the full article... Culpepper was in need of an easy way to update the job descriptions and job-level hierarchy for all of our jobs and this article explains how Visual WebGui made building this application very easy, while allowing quick development process and ease of use by the management and end users. The initial release took about 2 weeks to develop rather than the 4-6 ...
This is a similar technique to the one outlined in this post. The idea is simple, you have a data value that you want to pass to a Javascript function through a button click on a GridView row. The example below shows how to pass a variable, in this case OtherID, to a Javascript function that opens a new modal window which holds a different aspx page. function ShowOther(OtherID) { window.showModalDialog('Oth... + OtherID, 'dialogHeight:600px;dialogW... } In the GridView ...
Over on InstantShift.com Dkumar M has put together a great list of FireFox add-ons. The add-on range from web-page eyedroppers [link] to tools that will let you get screenshots of your page in IE from FF [link]. Naturally since I have zero artisitic capability, I gravitated towards the the add-ons that were code-centric. The most notable add-ons are listed below. Check out the article [link] and other useful articles by Dkumar M [link]. Name Description ColorZilla Bottom line: This allows you to ...
I own a mac, I'm a fan of macs, but I'm not a mac-fanboy. I think they're bloody great machines, and that OSX is by far the best OS out there, but I appreciate they're not for everyone. Even osx has (cue dramatic pause) .. flaws. Copy a folder somewhere in OSX, and if the folder already exists on the destination it will prompt you to entirely replace that folder - WOT NO MERGE?! Anyway, apart from that minor niggle, OSX is awesome, especially for web development (in rails). So where am I going with ...
The following are the Lists of WYSIWYG Editor that you can pick: RadEditor (Telerik). AJAX-enabled. WebHtmlEditor (Infragistics). Cute Editor (CuteSoft) FreeTextBox (FreeTextBox.com). Free for basic edition. Source code available (for a price). Peter's Textboxes (Peter Blum). Suite of enhanced text box controls. UltimateEditor (Karamasoft) Asbru Web Content Editor (Asbru) ASP.Net XHTML WYSIWYG Editor (MoreNet) AspLib Component library (Astron Digital). Includes a WYSIWYG editor, among other things. ...
We have been working hard on version 2.0.0 of Ra-Ajax and it is now publicly available for download. This release marks very exciting events and changes. Probably not the least of which is the switch of license from LGPL to GPL. We have completely revamped the website design, to make it easy for visitors to find just what they need. We have a new infrastructure that will allow our existing users to get the most out of Ra-Ajax and new users to get up to speed quickly. Many changes and bug fixes were ...
Often when creating web applications, it’s common for us to want to submit or post forms to the server by using a hyperlink rather than an HTML submit button. It might be visually more appealing/consistent or whatever your reason might be to have your buttons look like this: The Cancel button is easy because we can just use a normal Hmtl.ActionLink helper to redirect to whatever our cancel page is. But what to do for the Save link given that we don’t have anything in MVC out of the box that is analogous ...
Introduction The WinPHP challenge is running towards it’s closing time. Only a few days before entering I came with the idea to enter the contest. I had to put a lot of my spare time into it, but it was worth it. I learned a lot from exploring the realm of php. It’s fun to work in a language I normally do not work in. And to find ways to implement some thoughts that have been on my mind for a while. Here’s the story about the what, the where and the how of BlogSnor, my entry for the WinPHP challenge. ...
Recently I have encountered a question at the aspnet forums asking if how to select only one RadioButton vertically and horizontally in a Table.( see this thread). As you can see from that thread, the first solution that I was provided was to use a RadioButtonList Control because it allows you to set the RepeatColumns, RepeatDirection and RepeatLayout attributes. But unfortunately that doesn't actually meets the requirement of the Original Poster (OP). Basically the OP wanted to Select only one RadioButton ...
Recently, i have started my own project to create a new web app. Due to the secrecy of the matter : ) i cannot get into details. But this post is not about my web app, it is about the design process. I am an avid fan of Theme Forest ( www.themeforest.net ) which offers some great website templates at very reasonable prices considering the work and hours put into them. They also offer a category of "Admin Templates", which as many of you know are the back-end products alot of our customers see when ...
After a short break, Gizmox is back to present a live webcast event on MSDN. The upcoming webcast will focus on the new web design tools and will show how to work with it in order to graphically design Web UIs with the same Visual WebGui development simplicity. Title: Designing Creative DHTML, Silverlight UIs: Simple, Visualized & Intuitive Abstract: In this webcast we'll show off the new point and click Visual WebGui Control & Theme Designer. This designer joins the well known drag and drop ...
“Out Of Browser (OOB)” for Silverlight is a possibility to install RIA application on local computer and run it without web browser or even internet connection (occasionally connected applications). That’s why we have in title abbreviation RDA (Rich Desktop Application). In this article I would like to present how it’s working and how to implement it in our application. It also contains demos, descriptions and a lot of images. Demo First we start with already working application, created for MIX09 ...
For a couple of years I have been tracking message-bodies inside BAM but only recently I was asked to make a BAM Portal document link to these message bodies that actually works :-) Strangely enough I couldn't find any solution on Google so I tried to figure this one out myself. Guess what? I had to jump through quite a few hoops. I decided to share those hoops with my other 2 blog readers (yes you). Hoop 1: the 1st and most obvious step is getting the message bodies into the BAM tables using the ...
Learn how CRMCompany created a solution from their existing Windows application based CRM that is available over the Web and answers the requirements of the customer. The article explains why Visual WebGui was chosen for this project. The Roof Vault application includes a roof vault configuration tool in which a 2 dimensional drawing of the roof vault is displayed which can be manipulated by parameters. The Roof Vault is manufactured using this same drawing and parameters. This part was written in ...
At Lansing GiveCamp I was chosen to lead a team tasked with creating a guest registration system for Ronald McDonald House of Mid-Michigan. Ronald McDonald House wanted to get off their current system, paper, to streamline their processes and report on their data. The event started around 7:00PM on Friday and ended with 3:00PM on Sunday. That’s 44 hours. At first it seemed too simple and I wondered if Microsoft Access wouldn’t have been sufficient for their needs. That is until Jay Harris met with ...
Some time ago, I always encountered questions in the forums including this thread and this thread on how execute codes when a user closes the browser. AFAIK, the only events that you can use when the browser is closed is the onunload or the onbeforeunload event. The following code blocks below will simulates the closed button of the browser when the user invoked the button and display an alert message informing the user that the window is about to close.. Using the onunload event in the body element:<!DOCTYPE ...
I usually don’t stray off the .NET path too much but…I listen to Pandora a lot. I also happen to be a nutcase that listens to music throughout the entire night. Well, if you ever listen to Pandora you know that after an hour it times out…and that can be pretty damn annoying even if all you have to do is go find the tab within FireFox that Pandora is living in and click a button. In any case, I created a really old-skool workaround for this. There are probably 900 ways to do this (another one that ...
I am just starting to work with LINQ to XML and tried to find child document similar to the following: xml.Element("client/child"); But it throw exception System.Xml.XmlException: The '/' character, hexadecimal value 0x2F, cannot be included in a name. The reason is that LINQ to XML doesn't directly support XPAth Fortunately there are extensions, that allow to use XPath for XElement search/selection. using System.Xml.XPath; and then var clients = xml.XPathSelectElements ( "client/child" ); Consider, ...
A new interesting tool which allows forms, reports and charts to be created using a powerful WYSIWYG visual editor was developed atop the Visual WebGui platform. The tool is an automated environment (IDE) for developing web systems using the methodology DDD (Domain-Driven Development). Automato allows the creation of complex systems like ERP and CRM on a powerful Web applications platform for using the same concepts of desktop applications. This model maximizes the interactivity with the end-user ...
Introduction For my entry for the WinPHP challenge, my personal Blog Engine “BlogSnor”, I wanted to make use of Ajax to retrieve posts, comments, color data and more from the server. I’ve used Microsoft Ajax in ASP.NET before, so why not try that in PHP too. Here’s how… Installing For the simplicity of this tutorial I make the assumption you have php 5.2 or higher running in iis7 and that your localhost points to c:/wwwroot/inetpub. (If you have not, and you have questions about this, just send me ...
So, it takes too long for me to write this post. even though I completed the coding stuff a week back but it is really hard to manage time these days. In this post, I will explain and demonstrate you how to create custom paging in Grid view control. Paging which works like the Google Paging. Let me elaborate more, say for example you have a record set of 500 items and you want to display 10 items per page. Now what happen to the pages numbers. Either you use the default with “..” sign after 10th ...
After the tremendous amount of interest the VPCs of the Visual Studio 2010 and .NET 4.0 generated, the Beta 1 bits would be available for download for MSDN Subscribers later today. The general public would also be able to download the bits starting this Wednesday. Visual Studio 2010 combines the power of .NET 4.0 and the tremendous enhancements done to areas such as Web Development, WPF as well as native development and provides the best so far platform for developers. While some of the features ...
In this post I will explain you, how can we serialize Datatable to JSON. So that, it can easily pass to JavaScript to get the AJAX done. First of all fill a Datatable with some results. DataTable dt = new DataTable(); SqlConnection objSqlCon = new SqlConnection(System.Config... objSqlCon.Open(); SqlDataAdapter objSqlDa = new SqlDataAdapter("select * from Production.Product", objSqlCon); objSqlDa.Fill(dt); Now ...
And I don't mean the Diet Coke of Evil (only one calorie, not evil enough). I spent most of today finding out the most stupid of things. All I wanted to do was to create a blasted <img /> tag that had its source attribute set dynamically by XSLT. Seems pretty run-of-the-mill, eh? Here's the XSLT (I've even replaced the xpath with hard-wired text to simplify the scenario): <xsl:stylesheet version="1.0" extension-element-prefixes=... exclude-result-prefixes="msxsl js dl" xmlns:xsl="http://www.w3.or... ...
I am fortunate to live on a vast network of trails that start literally in my backyard… there is a trailhead two feet from the end of my driveway. These asphalt trails are plowed in the winter and wind through the backyards and parks, around the lakes, and along the streams of my suburban neighborhood. There are 20+ miles of trails available without ever stepping foot onto a roadway. As I was finishing a run a little over a year ago, it occurred to me to wonder why I was running on the street instead ...

I've found an interesting article where they explain how you can use Firebug (Lite) in IE.

Use firebug in IE

It can come in handy sometimes to fine tune javascript...

I was working with identity tags and byte tags today, and the obvious short-comings of both became apparent to me. The identity tags have an enormous number of unique values possible, but there is no tool to create them right now. The byte tags can be created and printed now quite easily, however there is only 256 different possibilities when using a single byte tag. So I threw together a way to add multiple byte tags onto a single object to create far more possible values. 4 byte tags together will ...
This example shows how to show a bigger Image when the mouse is hover into the original image. The trick here is we are just getting the path of the original image and set the actual size to a bigger size then display it in another Div. Check the code blocks below for your reference. <html xmlns="http://www.w3.org/19... <head runat="server"> <title>Untitled Page</title> <script type="text/javascript" language="ecmascript"> function ShowBiggerImage(obj) { document.getElementById("La... ...
In an attempt to improve the user experience modern websites are using javascript more and more. If you are even remotely serious about performance then you need to merge your script files and minify the result. Minification is the process of removing unnecessary characters from a resource to reduce the size of the file. You need to verify your javascript because javascript tries to tolerate errors. I'm going to go out on a limb and say that this is stupid. It can lead to a situation where invalid ...
Gridview is one of the good controls which enables us to produce Excel like output in the webforms.You can learn more about grid view in the following link GridView Documentation We had a scenario where we are supposed to give freeze pane like feature for Gridview. We had a lengthy Grid with some 20 or 30 columns . We had paging for about 20 records per page. So following were the requirements. 1. Grid must have a Fixed header. 2. it should be scrollable horizontally. 3. it should be scrollable vertically. ...