aspx Tutorial

NET Articles,jQuery demo, asp.net with jQuery, online tutorial,Jquery, SilverLight, Javascript, asp.net,JSON, MVC,.NET Articles,demo, Web Services,
Advertise Here

Toolbar

Get our toolbar!

Advertize



{#advanced_dlg.about_title}
by Aamir Hasan   on Saturday, December 10, 2011
This example demonstrates how to use image to trigger button for jQuery UI datepicker plugin in asp.net... More
{#advanced_dlg.about_title}
by Aamir Hasan   on Tuesday, December 6, 2011
In this example, you will learn how to create clone dropdown list with selected option ... More
{#advanced_dlg.about_title}
by Aamir Hasan   on Thursday, August 18, 2011
Here Aamir Hasan has told you how to handle table cellpading and cellspacing with css More
Tags: , ,
All | CSS | HTML
{#advanced_dlg.about_title}
by Aamir Hasan   on Friday, March 4, 2011
how can we disable highlighted border when focus on form controls.

When you focused on form controls, textbox and text areas highlight border is created around it.
.. More
{#advanced_dlg.about_title}
by Aamir Hasan   on Sunday, November 28, 2010
how to add fixed background image using css in asp.net page.. More
{#advanced_dlg.about_title}
by Aamir Hasan   on Sunday, November 7, 2010
A simple solution of toggle multiple div using jQuery, More
{#advanced_dlg.about_title}
by Aamir Hasan   on Sunday, November 7, 2010
CSS grandient effect on div background. More
{#advanced_dlg.about_title}
by Aamir Hasan   on Thursday, November 4, 2010
Normal 0 false false false EN-US X-NONE X-NONE MicrosoftInternetExplorer4 There are lots of factor’s you have to see when you are going to design a website. Website should be human readable and interact the site so user will spend more time on your website. Style is also one big factor of your web site to interact the users. Website should be human readable. In this example I have create a simple form style, when you focus on input text box, jQuery focus event will add CSS class on focus textbox. Here’s an example <html xmlns="http://www.w3.org/1999/xhtml"><head id="Head1" runat="server">    <title>Change style effect on Input form using jQuery</title>    <style type="text/css">        html,body,table        {            font-family: Verdana;            font-size: 12px;        }        h2        {            font-size: 1.5em;            line-height: 1em;        }        input        {            background-color: #f9f9f9;            border: 1px solid #eee;            color: #999;        }        .add-focus        {            border: 1px solid #eaeaea;            background-color: White;            color: #666;        }    </style>    <script src="http://code.jquery.com/jquery-1.4.3.min.js" type="text/javascript"></script>    <script language="javascript">        $(document).ready(function () {            $('input[type="text"]').focus(function () {                $(this).addClass("add-focus");            });            $('input[type="text"]').blur(function () {                $(this).removeClass("add-focus");            });        });       </script></head><body>    <form id="form1" runat="server">    <div>        <h2>            Change style effect on Input form using jQuery        </h2>        <p>            <table width="500" border="0" cellspacing="0" cellpadding="0">                <tr>                    <th width="150" height="25" align="left" valign="top" scope="col">                        Username:                    </th>                    <th width="350" height="25" align="left" valign="top" scope="col">                        <asp:TextBox ID="tbUsername" runat="server" />                    </th>                </tr>                <tr>                    <th height="25" align="left" valign="top" scope="col">                        Email:                    </th>                    <th height="25" align="left" valign="top" scope="col">                        <asp:TextBox ID="tbEmail" runat="server" />                    </th>                </tr>                <tr>                    <th height="25" align="left" valign="top" scope="col">                        Password:                    </th>                    <th height="25" align="left" valign="top" scope="col">                        <asp:TextBox ID="tbpassword" runat="server" TextMode="Password" />                    </th>                </tr>                <tr>                    <th height="25" align="left" valign="top" scope="col">                        Retype password:                    </th>                    <th height="25" align="left" valign="top" scope="col">                        <asp:TextBox ID="tbRpassword" runat="server" TextMode="Password" />                    </th>                </tr>                <tr>                    <th height="25" align="left" valign="top" scope="col">                        &nbsp;                    </th>                    <th height="25" align="left" valign="top" scope="col">                        <input id="btSubmit" type="button" value="Submit" />                    </th>                </tr>            </table>        </p>    </div>    </form></body></html> Output Download FormStyle.zip (1.21 kb) Live demo
{#advanced_dlg.about_title}
by Aamir Hasan   on Monday, August 2, 2010
Microsoft has released a new tool named WebMatrix. It is very easy to use and requires a little programming expertise. The tool is aimed at facilitating those who have little or no programming experience. You can easily create, edit and manage web sites using WebMatrix. You can also manage databases and generate SEO Reports for your websites. You do not need to install Visual Studio on your computer to work with WebMatrix. Let's get started with the first tutorial on WebMatrix. Launch WebMatrix by clicking the shortcut on your system. Three options are displayed. Site from web gallery Site from template Site from folder In this tutorial we will be demonstrating how to work with Site From Template option. Select Site From Template Option by clicking it as shown in figure 1.1.   Figure 1.1 Five templates are displayed, Select Photo Gallery Template and press OK button to continue as shown in figure 1.2 Figure 1.2 WebMatrix will generate a template as shown in figure 1.3 below Figure 1.3 Now you can see a Photo Galley Site is generated as shown in figure 1.4 below Figure 1.4 Now open Index.cshtml file from Gallery Folder. In this file a connection to Photo Gallery Database is established. This is illustrated in the figure 1.5 below Figure 1.5 Now click on the Database tag. You will see Photo Gallery Database. Here you can create new tables and edit them. This is shown in the figure 1.6 below Figure 1.6 There is a built-in SEO toolkit to keep record of errors in your site. Just click the Reports tag and WebMatrix will display a report. This is illustrated in the figure 1.7 below Figure 1.7 Save and check the output in your Browser as shown in Figure 1.8 Figure 1.8 Download You can download WebMatrix Tool from Microsoft site.
{#advanced_dlg.about_title}
by Aamir Hasan   on Tuesday, July 27, 2010
how to optimize the web page, Loading fast page make the client experince. More
Advertizement 1
Advertizement 2
Advertizement 3
Advertizement 4
Advertizement 5