-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathadd-ajax-effect-to-aspnet-webforms-postbacks.html
155 lines (138 loc) · 8.97 KB
/
add-ajax-effect-to-aspnet-webforms-postbacks.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
<!DOCTYPE html>
<html lang="en">
<head>
<link href='//fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700,400italic' rel='stylesheet' type='text/css'>
<link rel="stylesheet" type="text/css" href="http://www.emadmokhtar.com/theme/stylesheet/style.min.css">
<link rel="stylesheet" type="text/css" href="http://www.emadmokhtar.com/theme/stylesheet/pygments.min.css">
<link rel="stylesheet" type="text/css" href="http://www.emadmokhtar.com/theme/stylesheet/font-awesome.min.css">
<link href="http://www.emadmokhtar.com/feeds/all.atom.xml" type="application/atom+xml" rel="alternate" title="Emad Mokhtar's Framework Atom">
<link href="http://www.emadmokhtar.com/feeds/all.rss.xml" type="application/rss+xml" rel="alternate" title="Emad Mokhtar's Framework RSS">
<link rel="shortcut icon" href="http://www.emadmokhtar.com/images/favicon.ico" type="image/x-icon">
<link rel="icon" href="http://www.emadmokhtar.com/images/favicon.ico" type="image/x-icon">
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="robots" content="" />
<meta name="author" content="EmadMokhtar" />
<meta name="description" content="If you want to add AJAX effect to ASP.NET webforms full postbacks, add this meta tags to your page, or even better add it the your master page. <meta content="blendTrans(Duration=0.2)" http-equiv="Page-Enter" /></meta> <meta content="blendTrans(Duration=0.2)" http-equiv="Page-Exit" /></meta> This effect will remove the blinking effect from ASP.NET pages, and they call it fajax aka the fake alternative to AJAX" />
<meta name="keywords" content="ajax, asp.net, aspnet, postback, tips, tricks">
<meta property="og:site_name" content="Emad Mokhtar's Framework"/>
<meta property="og:title" content="Add AJAX effect to ASP.NET Webforms postbacks"/>
<meta property="og:description" content="If you want to add AJAX effect to ASP.NET webforms full postbacks, add this meta tags to your page, or even better add it the your master page. <meta content="blendTrans(Duration=0.2)" http-equiv="Page-Enter" /></meta> <meta content="blendTrans(Duration=0.2)" http-equiv="Page-Exit" /></meta> This effect will remove the blinking effect from ASP.NET pages, and they call it fajax aka the fake alternative to AJAX"/>
<meta property="og:locale" content="en_US"/>
<meta property="og:url" content="http://www.emadmokhtar.com/add-ajax-effect-to-aspnet-webforms-postbacks.html"/>
<meta property="og:type" content="article"/>
<meta property="article:published_time" content="2012-01-01 15:28:00+03:00"/>
<meta property="article:modified_time" content=""/>
<meta property="article:author" content="http://www.emadmokhtar.com/author/emadmokhtar.html">
<meta property="article:section" content="ASP.NET"/>
<meta property="article:tag" content="ajax"/>
<meta property="article:tag" content="asp.net"/>
<meta property="article:tag" content="aspnet"/>
<meta property="article:tag" content="postback"/>
<meta property="article:tag" content="tips"/>
<meta property="article:tag" content="tricks"/>
<meta property="og:image" content="http://www.emadmokhtar.com/images/profile.jpg">
<title>Emad Mokhtar's Framework – Add AJAX effect to ASP.NET Webforms postbacks</title>
</head>
<body>
<aside>
<div>
<a href="http://www.emadmokhtar.com">
<img src="http://www.emadmokhtar.com/images/profile.jpg" alt="" title="">
</a>
<h1><a href="http://www.emadmokhtar.com"></a></h1>
<p>Geek developer who's in search of code perfection.</p>
<nav>
<ul class="list">
<li><a href="http://www.emadmokhtar.com">Blog</a></li>
<li><a href="http://www.emadmokhtar.com/pages/podcasts.html#podcasts">Podcasts</a></li>
<li><a href="http://www.emadmokhtar.com/pages/projects.html#projects">Projects</a></li>
<li><a href="https://emadmokhtar.github.io/resume" target="_blank">Resume</a></li>
</ul>
</nav>
<ul class="social">
<li><a class="sc-envelope-o" href="mailto:emad@emadmokhtar.com" target="_blank"><i class="fa fa-envelope-o"></i></a></li>
<li><a class="sc-github" href="https://www.github.com/EmadMokhtar" target="_blank"><i class="fa fa-github"></i></a></li>
<li><a class="sc-linkedin" href="https://www.linkedin.com/in/emadmokhtar/" target="_blank"><i class="fa fa-linkedin"></i></a></li>
<li><a class="sc-stack-overflow" href="http://stackoverflow.com/users/373051/emad-mokhtar" target="_blank"><i class="fa fa-stack-overflow"></i></a></li>
<li><a class="sc-facebook" href="https://www.facebook.com/emadmokhtarframework/" target="_blank"><i class="fa fa-facebook"></i></a></li>
<li><a class="sc-twitter" href="https://twitter.com/emadmokhtar" target="_blank"><i class="fa fa-twitter"></i></a></li>
</ul>
</div>
</aside>
<main>
<nav>
<a href="http://www.emadmokhtar.com">Home</a>
<a href="https://emadmokhtar.github.io/resume">Resume</a>
<a href="http://www.emadmokhtar.com/feeds/all.atom.xml">Atom</a>
<a href="http://www.emadmokhtar.com/feeds/all.rss.xml">RSS</a>
</nav>
<article>
<header>
<h1 id="add-ajax-effect-to-aspnet-webforms-postbacks">Add AJAX effect to ASP.NET Webforms postbacks</h1>
<p>Posted on Sun 01 January 2012 in <a href="http://www.emadmokhtar.com/category/aspnet.html">ASP.NET</a> <b>Read in 1 min.</b></p>
</header>
<div>
<p>If you want to add AJAX effect to ASP.NET webforms full postbacks, add
this meta tags to your page, or even better add it the your master page.</p>
<div class="highlight"><pre><span></span><span class="nt"><meta</span> <span class="na">content=</span><span class="s">"blendTrans(Duration=0.2)"</span> <span class="na">http-equiv=</span><span class="s">"Page-Enter"</span> <span class="nt">/></meta></span>
<span class="nt"><meta</span> <span class="na">content=</span><span class="s">"blendTrans(Duration=0.2)"</span> <span class="na">http-equiv=</span><span class="s">"Page-Exit"</span> <span class="nt">/></meta></span>
</pre></div>
<p>This effect will remove the blinking effect from ASP.NET pages, and
they call it <a href="http://secretgeek.net/fajax.asp">fajax</a> aka the fake
alternative to AJAX</p>
</div>
<div class="tag-cloud">
<p>
<a href="http://www.emadmokhtar.com/tag/ajax.html">ajax</a>
<a href="http://www.emadmokhtar.com/tag/aspnet.html">asp.net</a>
<a href="http://www.emadmokhtar.com/tag/aspnet.html">aspnet</a>
<a href="http://www.emadmokhtar.com/tag/postback.html">postback</a>
<a href="http://www.emadmokhtar.com/tag/tips.html">tips</a>
<a href="http://www.emadmokhtar.com/tag/tricks.html">tricks</a>
</p>
</div>
<div id="disqus_thread"></div>
<script type="text/javascript">
var disqus_shortname = 'emadmokhtarsframework';
(function() {
var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
})();
</script>
<noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript" rel="nofollow">comments powered by Disqus.</a></noscript>
</article>
<footer>
<p>© Emad Mokhtar </p>
<p>Built using <a href="http://getpelican.com" target="_blank">Pelican</a> - <a href="https://github.com/alexandrevicenzi/flex" target="_blank">Flex</a> theme by <a href="http://alexandrevicenzi.com" target="_blank">Alexandre Vicenzi</a></p> </footer>
</main>
<!-- Google Analytics -->
<script type="text/javascript">
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-11401860-2', 'auto');
ga('send', 'pageview');
</script>
<!-- End Google Analytics -->
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "BlogPosting",
"name": "Add AJAX effect to ASP.NET Webforms postbacks",
"headline": "Add AJAX effect to ASP.NET Webforms postbacks",
"datePublished": "2012-01-01 15:28:00+03:00",
"dateModified": "",
"author": {
"@type": "Person",
"name": "EmadMokhtar",
"url": "http://www.emadmokhtar.com/author/emadmokhtar.html"
},
"image": "http://www.emadmokhtar.com/images/profile.jpg",
"url": "http://www.emadmokhtar.com/add-ajax-effect-to-aspnet-webforms-postbacks.html",
"description": "If you want to add AJAX effect to ASP.NET webforms full postbacks, add this meta tags to your page, or even better add it the your master page. <meta content="blendTrans(Duration=0.2)" http-equiv="Page-Enter" /></meta> <meta content="blendTrans(Duration=0.2)" http-equiv="Page-Exit" /></meta> This effect will remove the blinking effect from ASP.NET pages, and they call it fajax aka the fake alternative to AJAX"
}
</script></body>
</html>