<system.web>
<urlMappings enabled="true">
<add url="~/home.html" mappedUrl="~/Default.aspx"/>
<add url="~/Gallery" mappedUrl="~/Gallery.aspx"/>
<add url="~/About-us" mappedUrl="~/About-us.aspx"/>
</urlMappings>
</system.web>
Tell name of all the control
of Ajax?
There are 5 controls.
1. ScriptManager
2. UpdatePanel
3. UpdateProgress
4. Timer
5. ScriptManageProxy
=======================================================================
<asp:TextBox ID="txtFirstName" runat="server" CssClass="nonwatermarked"></asp:TextBox>
<asp:TextBoxWatermarkExtender ID="wmtbFirstName" runat="server" Enabled="true"
TargetControlID="txtFirstName" WatermarkText="First Name"
WatermarkCssClass="watermarked">
</asp:TextBoxWatermarkExtender>
<asp:TextBox ID="txtLastName" runat="server" CssClass="nonwatermarked" ></asp:TextBox>
<asp:TextBoxWatermarkExtender ID="wmtbLastName" runat="server" Enabled="true"
TargetControlID="txtLastName" WatermarkText="Last Name"
WatermarkCssClass="watermarked">
</asp:TextBoxWatermarkExtender>
<asp:TextBoxWatermarkExtender ID="wmtbFirstName" runat="server" Enabled="true"
TargetControlID="txtFirstName" WatermarkText="First Name"
WatermarkCssClass="watermarked">
</asp:TextBoxWatermarkExtender>
<asp:TextBox ID="txtLastName" runat="server" CssClass="nonwatermarked" ></asp:TextBox>
<asp:TextBoxWatermarkExtender ID="wmtbLastName" runat="server" Enabled="true"
TargetControlID="txtLastName" WatermarkText="Last Name"
WatermarkCssClass="watermarked">
</asp:TextBoxWatermarkExtender>
<html>
<head>
<style>
.tables,th,td
{
border:1px solid black;
}
</style>
</head>
<body>
<table class="tables">
<tr>
<th>Firstname</th>
<th>Lastname</th>
</tr>
<tr>
<td>Peter</td>
<td>Griffin</td>
</tr>
<tr>
<td>Lois</td>
<td>Griffin</td>
</tr>
</table>
</body>
</html>
======================================================================
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<input type='submit' value='Like' onclick='' id='aa' />
<p style='clear: left;'> <span>0</span> like this. </p>
<script>
$("#aa").click(function () {
var n = parseInt($("span").text(), 10);
var a=0;
n = n + 1;
$("span").text( a = parseInt(a) + parseInt(n));
});
</script>
</body>
</html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<input type='submit' value='Like' onclick='' id='aa' />
<p style='clear: left;'> <span>0</span> like this. </p>
<script>
$("#aa").click(function () {
var n = parseInt($("span").text(), 10);
var a=0;
n = n + 1;
$("span").text( a = parseInt(a) + parseInt(n));
});
</script>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<style>
img
{
position:absolute;
left:0px;
top:0px;
z-index:-1;
}
</style>
</head>
<body>
<h1>This is a heading</h1>
<img src="w3css.gif" width="100"
height="140" />
<p>Because the image has a z-index of -1, it will be
placed behind the text.</p>
</body>
</html>
border-top-left-radius: 10px 5px;
border-bottom-right-radius: 10% 5%;
border-top-right-radius: 10px;
#example1 {
-moz-border-radius: 15px;
border-radius: 15px;
}
#example1 {
border-radius: 15px;
}
Crome Drop Shado
border-radius: 5px; -webkit-box-shadow: 2px 5px 12px #555;
==============================================================
.vikash
{
background-color: #cccccc;
border: solid 1px #E1E1E1;
padding: 2px;
}
.nonvikash
{
border: solid 1px #808080;
padding: 2px;
}
..................................................................................................................................................................
* {
margin:0;
padding:0;
}
html {
}
body {
background:url(../images/mainbody.png) no-repeat center 0px;
margin-top:45px;
min-width:1200px;
}
#wrapper {
width:1200px;
margin:0 auto 50px;
height:342px;
}
padding: 6px 4px;
border: solid 1px #AAA;
display: inline-block;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-o-border-radius: 8px;
-khtml-border-radius: 8px;
-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .1), inset 0 1px 0 rgba(255, 255, 255, .5), inset 0 -1px 0 rgba(255, 255, 255, .3);
-moz-box-shadow: 0 1px 0 rgba(0,0,0,.1), inset 0 1px 0 rgba(255,255,255,.5), inset 0 -1px 0 rgba(255,255,255,.3);
{
width:100px;
height:75px;
background-color:red;
border:1px solid black;
}
div#div2
{
transform:rotate(30deg);
-ms-transform:rotate(30deg); /* IE 9 */
-webkit-transform:rotate(30deg); /* Safari and Chrome */
}
border:2px solid;
border-radius:25px;
border-radius:25px;
box-shadow: 10px 10px 5px #888888;
text-shadow: 5px 5px 5px #FF0000;
- translate()
- rotate()
- scale()
- skew()
- matrix()
·
<cc1:RoundedCornersExtender Corners="All" Radius="6" TargetControlID="MainPanel"
·
ID="RoundedCornersExtender1" runat="server"></cc1:RoundedCornersExtender>
Some of the common methods are :
1. Show()
2. Hide()
3. Toggle()
4. FadeIn()
5. FadeOut()
1. Show()
2. Hide()
3. Toggle()
4. FadeIn()
5. FadeOut()
No comments:
Post a Comment