Azure Websites and ASP.NET

Get started with Azure Websites and ASP.NET

This tutorial shows how to create an ASP.NET web application and deploy it to an Azure Website by using Visual Studio 2013 or Visual Studio 2013 for Web Express. The tutorial assumes that you have no prior experience using Azure or ASP.NET. On completing the tutorial, you'll have a simple web application up and running in the cloud.

You'll learn:

• How to enable your machine for Azure development by installing the Azure SDK.
• How to create a Visual Studio ASP.NET web project and deploy it to an Azure Website.
• How to make a change to the web project and redeploy the application.
• How to use the Azure Management Portal to monitor and manage your website.

You need an Azure account to complete this tutorial:

• You can open an Azure account for free - You get credits you can use to try out paid Azure services, and even after they're used up you can keep the account and use free Azure services, such as Websites.
• You can activate MSDN subscriber benefits - Your MSDN subscription gives you credits every month that you can use for paid Azure services.

NOTE:

If you want to get started with Azure Websites before signing up for an account, go to https://trywebsites.azurewebsites.net, where you can immediately create a short-lived ASP.NET starter site in Azure Websites.

The following illustration shows the completed application:

Tutorial segments

• Sign up for Microsoft Azure (Video)
• Set up the development environment
• Create an ASP.NET web application in Visual Studio
• Deploy the application to Azure
• Make a change and redeploy
• Monitor and manage the site in the management portal
• Next steps

Sign up for Microsoft Azure (Video)

In this video, Scott Hanselman presents how easy it is to sign-up for a free trial of Microsoft Azure. (Duration: 1:58)

08-20-201401 min, 58 sec

Set up the development environment

To start, set up your development environment by installing the Azure SDK for Visual Studio 2013.

If you don't have Visual Studio installed, Visual Studio Express for Web will be installed along with the SDK.

NOTE:

Depending on how many of the SDK dependencies you already have on your machine, installing the SDK could take a long time, from several minutes to a half hour or more.

Create an ASP.NET web application

Your first step is to create a web application project. Visual Studio will automatically create the Azure Website that you'll deploy your project to later. The following diagram illustrates what's happening in these two steps.

1. Open Visual Studio 2013 or Visual Studio 2013 Express for Web.
2. From the File menu, click New Project.
3. In the New Project dialog box, click C# > Web > ASP.NET Web Application. If you prefer, you can choose Visual Basic.
4. Make sure that .NET Framework 4.5 is selected as the target framework.
5. Name the application MyExample and click OK.
   
6. In the New ASP.NET Project dialog box, select the MVC template. If you prefer to work with ASP.NET Web Forms, you can select the Web Formstemplate.
   MVC and Web Forms are ASP.NET frameworks for developing websites. For this tutorial you can choose either one, but if you choose Web Forms, you'll have to edit Default.aspx later where the tutorial instructs you to edit Index.cshtml.
7. Click Change Authentication.
   
8. In the Change Authentication dialog box, click No Authentication, and then click OK.
   
   The sample application you're creating won't enable users to log in. The Next Steps section links to a tutorial that implements authentication and authorization.
9. In the New ASP.NET Project dialog box, leave the settings under Azure unchanged, and then click OK.
   
   The default settings specify that Visual Studio will create an Azure Website for your web project. In the next section of the tutorial you'll deploy the web project to the newly created website.
   (The check box caption might be Host in the cloud or Create remote resources. In either case the effect is the same.)
10. If you haven't already signed in to Azure, Visual Studio prompts you to do so. Click Sign In.
    
11. In the Sign in to Azure dialog box, enter the ID and password of the account that you use to manage your Azure subscription.
    When you're signed in, the Configure Azure Site Settings dialog box asks you what resources you want to create.
    
12. Visual Studio provides a default Site name, which Azure will use as the prefix for your application's URL. If you prefer, enter a different site name.
    The complete URL will consist of what you enter here plus .azurewebsites.net (as shown next to the Site name text box). For example, if the site name isMyExample6442, the URL will be MyExample6442.azurewebsites.net. The URL has to be unique. If someone else has already used the one you entered, you'll see a red exclamation mark to the right instead of a green check mark, and you'll need to enter a different site name.
13. In the Region drop-down list, choose the location that is closest to you.
    This setting specifies which Azure data center your website will run in. For this tutorial you can select any region and it won't make a noticeable difference, but for a production site you want your web server to be as close as possible to the browsers accessing your site in order to minimizelatency.
14. Leave the database fields unchanged.
    For this tutorial you aren't using a database. The Next Steps section at the end of the tutorial links to a tutorial that shows you how to use a database.
15. Click OK.
    In a few seconds, Visual Studio creates the web project in the folder you specified, and it creates the website in the Azure region you specified.
    The Solution Explorer window shows the files and folders in the new project.
    
    The Web Publish Activity window shows that the site has been created.
    
    And you can see the site in Server Explorer.
    

Deploy the application to Azure

1. In the Web Publish Activity window, click Publish MyExample to this site now.
   
   In a few seconds the Publish Web wizard appears.
   Settings that Visual Studio needs to deploy your project to Azure have been saved in a publish profile. The wizard enables you to review and change those settings.
2. In the Connection tab of the Publish Web wizard, click Validate Connection to make sure that Visual Studio can connect to Azure in order to deploy the web project.
   
   When the connection has been validated, a green check mark is shown next to the Validate Connection button.
3. Click Next.
   
4. In the Settings tab, click Next.
   
   You can accept the default values for Configuration and File Publish Options.
   The Configuration drop-down enables you to deploy a Debug build for remote debugging. The Next Steps section links to a tutorial that shows how to run Visual Studio in debug mode remotely.
   If you expand File Publish Options you'll see several settings that enable you to handle scenarios that don't apply to this tutorial:
   • Remove additional files at destination.
     Deletes any files at the server that aren't in your project. You might need this if you were deploying a project to a site that you had deployed a different project to earlier.
   • Precompile during publishing.
     Can reduce first-request warm up times for large sites.
   • Exclude files from the App_Data folder.
     For testing you sometimes have a SQL Server database file in App_Data which you don't want to deploy to production.
5. In the Preview tab, click Start Preview.
   
   The tab displays a list of the files that will be copied to the server. Displaying the preview isn't required to publish the application but is a useful function to be aware of.
6. Click Publish.
   
   Visual Studio begins the process of copying the files to the Azure server.
   The Output and Web Publish Activity windows show what deployment actions were taken and report successful completion of the deployment.
   
   Upon successful deployment, the default browser automatically opens to the URL of the deployed website, and the application that you created is now running in the cloud. The URL in the browser address bar shows that the site is being loaded from the Internet.
   
7. Close the browser.

Make a change and redeploy

In this section of the tutorial, you change the h1 heading of the home page, run the project locally on your development computer to verify the change, and then deploy the change to Azure.

1. Open the Views/Home/Index.cshtml or .vbhtml file in Solution Explorer, change the h1 heading from "ASP.NET" to "ASP.NET and Azure", and save the file.
   
   
2. Press CTRL+F5 to see the updated heading by running the site on your local computer.
   
   The http://localhost URL shows that it's running on your local computer. By default it's running in IIS Express, which is a lightweight version of IIS designed for use during web application development.
3. Close the browser.
4. In Solution Explorer, right-click the project, and choose Publish.
   
   The Preview tab of the Publish Web wizard appears. If you needed to change any publish settings you could choose a different tab, but now all you want to do is redeploy with the same settings.
5. In the Publish Web wizard, click Publish.
   
   Visual Studio deploys the project to Azure and opens the site in the default browser.
   

Tip: You can enable the Web One Click Publish toolbar for even quicker deployment. Click View > Toolbars, and then select Web One Click Publish. The toolbar enables you to select a profile, click a button to publish, or click a button to open the Publish Web wizard.

Monitor and manage the site in the management portal

The Azure Management Portal is a web interface that enables you to manage and monitor your Azure services, such as the website you just created. In this section of the tutorial you look at some of what you can do in the portal.

1. In your browser, go to http://manage.windowsazure.com, and sign in with your Azure credentials.
   The portal displays a list of your Azure services.
2. Click the name of your website.
   
3. Click the Dashboard tab.
   The Dashboard tab displays an overview of usage statistics and link for a number of commonly used site management functions. Under Quick Glanceyou'll also find a link to your application's home page.
   
   At this point your site hasn't had much traffic and may not show anything in the graph. If you browse to your application, refresh the page a few times, and then refresh the portal Dashboard page, you'll see some statistics show up. You can click the Monitor tab for more details.
4. Click the Configure tab.
   The Configure tab enables you to control the .NET version used for the site, enable features such as WebSockets and diagnostic logging, setconnection string values, and more.
   
5. Click the Scale tab.
   For the paid tiers of the Websites service, the Scale tab enables you to control the size and number of machines that service your web application in order to handle variations in traffic.
   You can scale manually or configure criteria or schedules for automatic scaling.
   

These are just a few of the management portal's features. You can also create new websites, delete existing sites, stop and restart sites, and manage other kinds of Azure services, such as databases and virtual machines

© PrasathVel

Read More

IPHONE 8 AND 6

Concept iPhone 6 tripartite display

Here concept of the future smartphone Apple – iPhone 6. Curved displays on mobile phones can be considered a matter resolved, which means, sooner or later, they will all manufacturers. Of course, will be no exception and Apple. The new iPhone 6 concept develops theme the triangular display. AMOLED-panel on flexible plastic substrate extends across the front face and bent on the side faces. 

Continuation of the touch screen on the sidewalls iPhone 6 replaces the traditional mobile phone buttons. Volume control, call the camera and all the other useful tools are now here. Side display is also used to display the quick notifications to control the player. Perhaps the only drawback of this solution is the vulnerability of the display. Side faces are always the most vulnerable area for the phone, installation here the screen  requires reliable protection.

And yet the flexible display looks very nice, even in the original style of the Apple iPhone. Mobilephone attractively lights in room, and would hope, the screen remains readable in sunlight . The concept is amazingly beautiful and impressive. That’s just Apple hardly dare on such an experiment. 

      

Concept incredibly the thin Apple iPhone 6 Air

Even in a world of concepts designers,which too is interested in futuristic ideas,  recall some framework. But this time we see something incredible, if not fantastic. We are talking about a concept called the Apple iPhone 6 Air, the most notable advantage is the incredibly slim body. To our great regret, in the coming years this will be impossible. 

The thickness of conceptual iPhone 6 Air roughly one-fifth the thickness of the actually existing mobile phone Apple. At its thinnest point, the figure is 1.5 mm and the thickest reaches as much as 3 mm. Housing smartphone, of course, the metal,underneath lurked all the necessary filling up 10 – megapixel camera with two flashes.

However,the smartphone also lost the frame on the left and right side of the display, it stretches the entire width of the front panel. Screen size is 5 inches and a resolution of the author does not specify. The handset has a 13 cm long and 6 cm wide. Presumably, iPhone 6 Air received more powerful processor and new generation capacity battery. However, still do not understand how it all fit in the shell thickness of 1.5 to 3 mm. Here’s a concept! Will or will not, time will tell!

    

Beautiful concept iPhone 8

Designer Steel Drake

 

  

Read More

Android L

Android 6.0 Milkshake? 

Android L news and features

Android L is here, and it's brought a raft of new changes, with Sundar Pichai, head of Android, proclaiming it to be one of the biggest upgrades to Android yet.
It's going to have a radical new design, 5000 new APIs, will be available for developer previews soon, and it's going beyond the mobile form factor. Android L will be contextually aware of its surrounding, plus voice is going to me a major input source.
The experience will also be seamless, so Android L devices communicate properly, although Pichai was at pains to point out the mobile phone will always be the priority.
Tech Radar was in attendance to see all the action unfold, so if you're hankering for all the information about Android L, then you've come to the right place. Check out everything you need to know about Google's new mobile platform.

Android L release date

Here's what most of you will be wanting to know: when can I get it on my phone? Well, if you're a developer with a Nexus 5 or Nexus 7 then it will be easiest, as it's available from June 26 to developers.

• The 10 things you really, really should know about Android L

For the rest of the folk in the world, it's coming 'this fall', which means that this is very much a preview to appease those that want to get cracking on development, and launching it at Google IO makes sense.
This also means that as Android L readies itself for a consumer launch we'll find out more about whether it's Android 5, Android 4.5 and which dessert name it will have... we're certain there's one coming.


HTC has already been in contact, giving the following statement about it's forthcoming upgrade to Android L:
"HTC is excited about the new features in Android L and we can't wait to share them with our customers. We are committed to updating our flagship HTC One family as fast as possible.
"We will begin rolling out updates to the HTC One (M8) and HTC One (M7) in regions worldwide within 90 days of receiving final software from Google, followed shortly thereafter by other One family members and select devices."
Remember, this doesn't mean the developer preview, but the final version later in the year. So expect Android L on your HTC One M8 and M7 around Christmas.
We'll update you as soon as we find out any more information from the other manufacturers about their plans for Android L release schedules.

Material Design

The big news for Android L is the change to the way it looks - and it's going well beyond the mobile phone to the tablet, TV screen, watch and even the car.
The new Material Design is strange in that it bucks a trend at the moment - yes, it's flat, but it's heavily based on making every animation, every ripple, every shadow look real, which is something that most brands are shying away from.

Google tells us that this feels more intuitive, which means that there will be shadow gradients, 3D tiles that slide over one another and most importantly: access for developers to use this for themselves on their apps.
The idea of obvious: remove the fragmented way Android looks and bring consistency to the app world not matter what device you're on.
Roboto font has been updated too, so everything from watch to TV to mobile looks the same.

Every animation on screen will be allowed to connect to one another - so there's no 'teleportation between apps'. The home, back and multi-tasking window buttons on Android have been refined too, and overall, this is a massive step forward for a cleaner, more intuitive-looking version of Google's mobile platform.

Notifications and lock screen

Notifications on Android L are getting an overhaul, so only the more relevant information about your apps is being presented. The notification panel is being merged with the lockscreen so you can see what's going on as you pick up the phone, and a simple swipe up takes you into the phone.
Imagine that the lockscreen is similar to the notifications panel now, and you're pretty much there.
Android L will also learn from you, working out what you look at and interact with more often to prioritise that notification.



Another big change is that notifications will flow over the screen at the top - get a call when you're playing a game and it will pop up at the top, asking if you want to take it. This will likely be the same with messages etc too, meaning less intrusion at the wrong times.



The lockscreen is getting smarter too - if you've got a specific location set up, or are wearing a Bluetooth device, the phone will recognise you and unlock without a PIN. Move away or take your watch off and you'll need to tap or swipe in a code when you unlock - or you can even use your voice.

Interlocking apps

Google wants your apps to be able to talk to one another - it used the example of searching for a place, only to have it served up in Google Earth, which is where it originally was being looked at.
The idea goes much deeper than that though - Chrome browsing has an API that other apps can take advantage of, so if you click a link to book a table in the browser you'll be taken to something like OpenTable directly, rather than the mobile site.
This feature depends a lot on app developers taking advantage of the new tools, but all the onboard Google apps will be much more dependent on one another.

Android L is Faster, better looking and more efficient

Whilst Android comes with some nifty new features that make an immediate visual impact, Google has put a lot of work in behind the scenes to ensure that Android L is the fastest yet. If you're not big on codespeak, then this is the upshot: a new way of putting the platform together when you're using the phone makes everything slicker, faster and more efficient.
If you're interested, here are the finer details: ART, an optional runtime in Android KitKat, has now been made the standard for Android L and works with ARM, x86 and MIPS platforms and runs twice as fast as the Dalvik runtime that is found on previous Android iterations.



The biggest benefit to users comes that this won't require apps to be readjusted in order to benefit, instead all apps with benefit from ART right away. ART is also more memory efficient than Dalvik meaning that apps that are running in the background will benefit from megabytes of saved data.
ART is also 64-bit compatible allowing Android L to benefit from the larger number registers, cross platform support and the increased RAM support that 64-bit architecture supports.
Android L also allows mobile devices to further close the gap not only between mobile and console-quality gaming, but also between mobile and PC graphics. Working with Nvidia, Qualcomm, ARM and Imagination Technologies Google has designed the Android Extension Pack with the sole task of closing the gap between mobile and desktop-class graphics, which will result in "more realistic environments, more realistic characters and vastly improved lighting".

Android L battery life

Batteries on phones running Android L are going to become more efficient with Project Volta, Google's new way of showing why and how a phone's power pack is juicing down.
It opens up the battery use to developers so they can see what's ruining the experience, which should in turn help plug the gaps in power leakage. Nothing specific to talk about yet but will help make things look more efficient.
Battery Saver mode is integrated by default too, which can lengthen your use during the day by up to 90 mins. Not extreme power saving like on Samsung or HTC phones, but still useful to have baked in, even if all and sundry already have a likely more efficient version on board.
Even without Battery Saver mode Android L could do wonders for battery life. ArsTechnica put the new OS version to the test and found that a Nexus 5 running Android L had around 36% more battery life than one on Android 4.4 KitKat.

Android Wear gets kicked up a Gear

We saw a lot more about Android Wear - and not only that, but we were introduced to Samsung's Gear Live, the third member of the new smartwatch game Google is trying to put together before Apple throws its hat into the ring.
Android Wear will use the same tools as on Android for phones and tablets, plus square and circular screens will be supported. Sensors will be well integrated for fitness and social interactions, and help reduce the need to check a phone screen. It's basically wearables like the Galaxy Gear 2, really.




However, the design is a lot nicer, and is very similar to Google Now by letting you swipe through cards and for more information. The watch is also contextually aware, so if you ask to be notified about something when you 'get home' it will know.
The watch (whichever you have) is very much voice enabled, allowing you to play music on your phone or other connected devices.
You can even get a boarding pass on your watch... the poor flight attendants. They'd only just got used to the phone being used in this way. Do you really want to take off your watch and hand it over?
Google Maps is going to give turn by turn navigation on your wrist as well now - finally. And the whole thing will be opened up with an SDK, so developers can write code right to the wrist itself, in a very similar environment to what they're used to, so apps should be super-snazzy right from the start.
When a watch is connected to a phone, it will look to see if any apps have watch compatibility and show them right on your wrist - no need for separate apps to download, a la the Samsung Gear range. Which means you can order pizza on your wrist in less than 20 seconds... that's dangerous, right there.
And all the watches announced so far (LG, Samsung and Moto) are water resistant too.
The LG G Watch is available on the Play Store - and it will be joined by the all-new Samsung Gear Live too. The former will retail for $229, LG said at a press event this afternoon. Straight conversions put the watch at about £134 and AU$243.
As for the Gear Live, it will cost $199 (about £117, AU$211). Pre-orders get off the ground straight away via Google Play, and it will start shipping July 7.
As for the Moto 360, well, sadly, it won't be available until later in the summer.

Android TV now baked right in too

Android L is also going to support TV, with information overlaid across the top of the information. It's called Android TV, surprisingly, and after the failure of Google TV the brand is having another go, such was the popularity of the Chromecast.
This means you've got content (games, films, TV shows etc) straight on your big screen and has a home button to get you back to the main display whenever you want.
Search is well-integrated too (through the mobile phone... or even an Android Wear watch), with Android TV very much powered by voice. So say you search for something like 'Breaking Bad' on the phone (when connected to the Android TV) it will show you the option to watch it on Google Play or any other compatible app installed.
The demo showed that Netflix was installed, but didn't appear in the search options - perhaps it was just a dummy app for now, but certainly that would be where the info would show.
And here's the great news: Android TV has been signed up to by some big names - the likes of Sony, Philips and Sharp have whole 4K ranges based on Android TV. Asus and Razer promise to have set top boxes to achieve the same thing too... although surely Google will update Chromecast to achieve the same thing.
This could really ramp up the smart TV game.
Android TV is looking to snap up the mobile gamer too. You can take the games to the bigger screen in the house. It looks like you need a separate gamepad too. With the new Android L-based Android TV, you can even play multiplayer games... or use it like a Chromecast too.
The rumors from before the event:
Android 5 is going to be exciting, there's no doubt about that. Google saves the change to a new number for the big things, and it seems Android L is now on its way, ready to be debuted at Google IO on June 25.
We thought it would have been Key Lime Pie that showed off the next level, but on 31 October 2013, Google officially revealed its next minor update, Android 4.4 KitKat, which now clears the road for Android 5.
The dessert-themed code name that we assume will begin with L is anyone's guess at this stage. Android 5.0 Lemon Cheesecake or Android 5.0 Lemon Meringue Pie, anyone? Though there's talk that it might be called Android Lollipop or even Android Moonshine, as it's apparently internally known.
However, the latest leaks point simply to Android L - given Android head honcho Sundar Pichai said the conference would give the world an early look at the new OS, chances are the name will be held back until closer to launch, which may be later in the year.
Then again, a new screengrab of the KitKat Easter egg shows a new pudding - is that a hark to the possible Key Lime Pie that was usurped by KitKat, or are we looking at Lemon Meringue Pie?







It may not be called Android 5 though, with some rumors suggesting the next major iteration from Google's wheel house could arrive as Android 4.5. That would make sense as we've had 4.0, 4.1, 4.2, 4.3 and 4.4 in recent years.
That said, it appears Google may have just dropped a hint as to the version number of the next iteration of Android. 5.0 is currently looking favorable after the time of "5.00" appeared on screenshots posted on Twitter by the search giant - a signal Google has used before.

As we wait on official news of that name, we're constantly combing the web to see what's going to be happening with this L-powered update, so check back to see what we've uncovered and the level of likelihood each rumor brings.

Cut to the chase

• What is it? The next major upgrade for Android, to follow on from Android 4.4
• When is it out? We're thinking later in 2014, but an early look at Google IO
• What will it cost? Nothing, it'll be a free upgrade, but some handsets will take longer to get it than others.

Android 5.0 release date

Given Android 4.4 KitKat appeared on 31 October, we're looking forward to finally seeing a big step forward for Android. The good news is we're going to get our first taste at Google IO, the search firm's annual two-day developer conference in San Francisco.
That's a year on from when we had originally expected to see Android 5.0, which was at Google IO 2013, but Google has been keeping things within the '4.x' family for a while now.
Sundar Pichai, Google's new head of Android told Wired that 2013's IO was "not a time when we have much in the way of launches of new products or a new operating system"," which makes us wonder when the new software will be coming.
Our take: Android updates are still appeating too slowly for our liking, as while each 0.1-numbered upgrade is good, it's not enough to make us want the native experience.
We're expecting Google to make Android 5 rather special indeed, which means it can only wait a maximum of 6-7 months after KitKat was announced to show it off - so it's a relief to hear it's appearing, in some form at least, at the conference.
More recent reports of Android 4.5 being next in line may mean the update is more iterative than sprawling overhaul, so we're not getting too carried away just yet.
In any case Google I/O is set for June 25-26, so with any luck we should know lots, lots more about what Android Lollipop will be bringing to the table soon.
FutTv : rBeXb3sD39yv4

Android 5.0 phones

The first handset to run Android 5 will either be a Nexus phone or tablet, and given the timing of the announcement we think it might be the latter. The Google Nexus 5 launched Android 4.4 at the tail end of next year, and while we've been waiting for the update to the big-screen tablet, the Nexus 10 (2014) doesn't look like it's appearing any time soon.
HTC looks like the front runner to bring this tablet to the market (if it does exist), but the rumors aren't pointing to an unveil any time soon.
We're also hearing a lot of rumblings about a Nexus 8, a slate which will supposedly launch with Android 4.5, so maybe that's the device that Android Lollipop will make its debut on.
Will it be known as a Nexus though? The scheme is under threat from Android Silver, but it doesn't look like that's launching yet, so we reckon the Nexus name will be kept for at least the next round of devices.





Thank You......
Prasath Vel.,

Read More

JQUERY PLUGINS

JQUERY PLUGINS

Plugins

A jQuery plugin is simply a new method that we use to extend jQuery's prototype object. By extending the prototype object you enable all jQuery objects to inherit any methods that you add. As established, whenever you call jQuery() you're creating a new jQuery object, with all of jQuery's methods inherited.

jQuery is great. It’s cross-browser, easy to learn, and makes adding interactivity to your website a breeze. It also comes with plenty of plugins to do almost whatever you need it to do.

But what if you can’t find just the right plugin to suit your needs? Or you’re just looking to keep your project DRY by combining some oft-used functionality into one nice, neat package? The solution might be to roll your own plugin to meet exactly your needs.

Writing your own jQuery plugin isn’t as hard as it might seem at first. This tutorial will go through the process of writing a simple plugin, adding some options, and even perform a callback.

To Create a simple jQuery plugin as shown below and it should open on clicking the button.

{

The Given session used to knor about the JQuery PlugIns Creation

} 

sample.html

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <script src="jquery-1.11.1.min.js"></script>
    <script src="JavaScript1.js"></script>
    <link href="StyleSheet1.css" rel="stylesheet" />
    <script>
        function formload() {
            $("#container").hide();
            $(".sam").hide();
        }
        function formload() {
            $("#container").servicecharge("destroy").servicecharge();

                      $("#btn1").click(function () {
                $("#container").css("border", "1px solid #333");
                $("#container").css("box-shadow", "#A9A0A0 -13px -5px")              
              });
          }
        $(document).ready(function () {
            $("#btn1").click(function () {
                $("#container").show();
            });
                 });
        $(document).ready(function () {
            $(".class").click(function () {
                $("#container").hide();
            });
        });
    </script>
    <title></title>
    </head>
<body onload="samp()">
    <div id="container">      
    </div>
   <input id="btn1"type="button" value="Click to View" onclick="formload()"/>    
</body>
</html>

JavaScript.js (it's a Plugins Code)

(function ($) {
    var methods = {
        init: function ()
        {       return this.each(function ()
            {
                var $this = $(this);
                var data = $this.data('servicecharge');                             
                if (!data)
                {
                    var html = "<div id='form-container'>" + "<div class='heading'><label>Add/Edit Service Charge and Line of Business<span class='close' id='close' onclick='close()'><a href='HtmlPage1.html'>X</a></span><hr/><label></div>" + "<h1>Sevice Charge</h1>" + "<div id='conn'>" + "<div id='con1'>" +
"Acct System id*" + "<br />" + "Optimiz id" + "<br />" + "Rate Quantity Type*" + "<br />" + "Charge GL Code" + "<br />" + "<input type='checkbox' />" + "<br />"
+ "</div>" + "<div id='con2'>" + " <input type='text' />" + "<br />" + "accessorial" +
                    "<br />" + "<select><option>Option1</option><option>Option2</option></select>" +
                    "<br />" + "<select><option>Option1</option><option>Option2</option></select>" +
                    "<br />" + " <input type='text' />" + "</div>"
                    "</div>" + "</div>" + "</div>";

                $this.append(html);

                }
            });
        }, destroy:function () {
            debugger;
            return this.each(function () {
                var $this = $(this);
                $this.removeData('servicecharge');
                $this.empty();
            })
        }
    }
    $.fn.servicecharge=function(method) {
        debugger;
        if (methods[method]) {
            return methods[method].apply(this, Array.prototype.slice.call(arguments, 1));
        } else if (typeof method === 'object' || !method) {
            return methods.init.apply(this, arguments);
        } else {
            $.error('method ' + method + 'does not exists on querry.servicecharge');
        }
    }
})(jQuery);

stylesheet.css

*{    font-family:Verdana;
    font-size:12.8px;
}
h1{
    margin: 34px 2px 22px 47px;    
    font-size:20px;}
#container {
    height:300px;
    width:500px;
    border:0px solid #333;
    z-index:2000;
    position:absolute;
    margin: 132px 241px;
#close {
    height:auto;
    width:auto;
    margin-left:190px;
    z-index:3000;
font-weight:bold;
text-align:center;
}
a {
    text-decoration:none;
} a:hover {
    cursor:progress;
    }
#form-container {
}
#con1 {
float:left;
text-align:right;line-height: 22px;
}
#con2 {
float:left;
margin-left:15px;
line-height: 21px;
}
#conn {
margin-left: 43px;
}
.heading {
background-color:#EEEEEE;
}

 Thanks For Reading MY Content......
                                                                                                                              

- ©Prasathvel        

Read More

Features Of Dot Net..

The Future of .NET

Microsoft is innovating for the future of .NET. Announcements at Build 2014, Microsoft’s developer conference, previewed updates at the core of .NET – the basis of business applications for the web, Windows desktop, scalable cloud services through Microsoft Azure, or for reaching end users via Windows Store devices or other cross-device development strategies.

Innovation in the .NET ecosystem at Build 2014

Core .NET

Runtime

Starting with the core of .NET, Microsoft is announcing the next generation of the .NET JIT compiler (formerly known as "RyuJIT") which offers benefits for application startup and performance. Related to this JIT compiler, Microsoft is releasing a preview of SIMD-enabled Vector Types Beta, which provides unprecedented performance on graphics’ parallel processing.

Compilers

In addition, preview updates of C# and VB compilers have been released in April, 2014. Officially named .NET Compiler Platform (codename "Roslyn"), it be downloaded and used in Visual Studio 2013. Its final version will be part of the next version of .NET and Visual Studio. The .NET Compiler Platform is an open platform that provides an API so anyone can extend the developer experience enriching the IDE with refactoring, code analysis, and custom diagnostics. Also, "Roslyn" is now open source, which enables a vibrant .NET community to deeply understand how the platform works and how to extend the developer experience. Most excitingly, developers can now take part in the future direction of the .NET compilers through contributions and even fork its code.

.NET in Devices and Services

Windows Convergence

Starting at the Build 2014 conference, there’s great innovation focusing on the convergence of Windows Store and Windows Phone apps development through the new universal Windows apps. For Windows Store or Windows Phone apps developed with .NET, Microsoft is releasing a preview of .NET Native (native code compilation), which offers native compilation optimized with the C++ optimizer, and while taking advantage of the productivity of C#.

Cross-devices

In a fractured development landscape, .NET developers are more relevant than ever before. Developers who want to maximize productivity and ROI when targeting multiple device platforms must have a clear and effective cross-device strategy. Microsoft is strongly partnering with Xamarinwith continuous investment aligned to .NET (portable libraries and compilers). This allows developers to reuse the same C# codebase for iOS, Android, and Windows devices while getting the best value proposition when developing native apps across multiple platforms. This .NET umbrella lets developers re-use their .NET skills.

Cloud Services and Web apps

Microsoft is releasing .NET support and tooling to build Azure Mobile Services as well as releasingASP.NET updates (MVC, Web API, SignalR, ASP.NET Identity 2, Entity Framework 6.1, browser link SSL support, etc.) included in Visual Studio 2013 Update 2. These updates are part of the current ASP.NET final versions. Microsoft will continue innovating on web, services, and cloud development while heading to the next version of .NET and Visual Studio.

Openness

.NET innovation is moving towards open source initiatives through the .NET Foundation organization, in order to foster open development, collaboration, and community engagement on the .NET platform.

.NET is Everywhere

As software development evolves, your .NET skills give you a leg up in building great apps that span from embedded systems, store apps, cross-device, desktop applications and up to web applicationsand services in the cloud.

Read More