Showing posts with label ajax tips. Show all posts
Showing posts with label ajax tips. Show all posts
Monday, September 5, 2011
Show/Hide ModalPopup Using Javascript.
The Asp.net Markup :
<asp:panel id="pnlDemo" runat="server" style="display: none;">
<h1> This panel is a test demo</h1> </asp:panel>
<cc1:modalpopupextender backgroundcssclass="modalBlockBackground" behaviorid="ModalPopupExtender" dynamicservicepath="" enabled="True" id="ModalPopupExtender" popupcontrolid="pnlDemo" runat="server" targetcontrolid="linkButton1"> </cc1:modalpopupextender>
If we want to use the javascript to control the popup, we can just simply to write the code like this:
if(!show)
{
$find('ModalPopupExtender').hide();
}
else
{
$find("ModalPopupExtender").show();
}
There is one thing need to be taken care which is the BehavirID, the code in the Javasctipt will look for the BehaviorID property for the ModalPopupExtender.
I hope this can be helpful for you.
<asp:panel id="pnlDemo" runat="server" style="display: none;">
<h1> This panel is a test demo</h1> </asp:panel>
<cc1:modalpopupextender backgroundcssclass="modalBlockBackground" behaviorid="ModalPopupExtender" dynamicservicepath="" enabled="True" id="ModalPopupExtender" popupcontrolid="pnlDemo" runat="server" targetcontrolid="linkButton1"> </cc1:modalpopupextender>
If we want to use the javascript to control the popup, we can just simply to write the code like this:
if(!show)
{
$find('ModalPopupExtender').hide();
}
else
{
$find("ModalPopupExtender").show();
}
There is one thing need to be taken care which is the BehavirID, the code in the Javasctipt will look for the BehaviorID property for the ModalPopupExtender.
I hope this can be helpful for you.
Thursday, August 19, 2010
About AJAX !!
What is Ajax ??
Ajax Acts as an Intermediary
The Ajax engine works within the Web browser (through JavaScript and the DOM) to render the Web application and handle any requests that the customer might have of the Web server. The beauty of it is that because the Ajax engine is handling the requests, it can hold most information in the engine itself, while allowing the interaction with the application and the customer to happen asynchronously and independently of any interaction with the server.
Asynchronous
This is the key. In standard Web applications, the interaction between the customer and the server is synchronous. This means that one has to happen after the other. If a customer clicks a link, the request is sent to the server, which then sends the results back.
With Ajax, the JavaScript that is loaded when the page loads handles most of the basic tasks such as data validation and manipulation, as well as display rendering the Ajax engine handles without a trip to the server. At the same time that it is making display changes for the customer, it is sending data back and forth to the server. But the data transfer is not dependent upon actions of the customer.
Ajax is Not New Technology
Ajax is instead a new way of looking at technology that is already mature and stable. If you're designing Web applications right now, why aren't you using Ajax? Your customers will thank you, and frankly, it's just fun!
That's It ..!!
Ajax is a way of developing Web applications that combines:
* XHTML and CSS standards based presentation
* Interaction with the page through the DOM
* Data interchange with XML and XSLT
* Asynchronous data retrieval with XMLHttpRequest
* JavaScript to tie it all together
In the traditional Web application, the interaction between the customer and the server goes like this:
1. Customer accesses Web application
2. Server processes request and sends data to the browser while the customer waits
3. Customer clicks on a link or interacts with the application
4. Server processes request and sends data back to the browser while the customer waits
5. etc....
There is a lot of customer waiting.
* XHTML and CSS standards based presentation
* Interaction with the page through the DOM
* Data interchange with XML and XSLT
* Asynchronous data retrieval with XMLHttpRequest
* JavaScript to tie it all together
In the traditional Web application, the interaction between the customer and the server goes like this:
1. Customer accesses Web application
2. Server processes request and sends data to the browser while the customer waits
3. Customer clicks on a link or interacts with the application
4. Server processes request and sends data back to the browser while the customer waits
5. etc....
There is a lot of customer waiting.
Ajax Acts as an Intermediary
The Ajax engine works within the Web browser (through JavaScript and the DOM) to render the Web application and handle any requests that the customer might have of the Web server. The beauty of it is that because the Ajax engine is handling the requests, it can hold most information in the engine itself, while allowing the interaction with the application and the customer to happen asynchronously and independently of any interaction with the server.
Asynchronous
This is the key. In standard Web applications, the interaction between the customer and the server is synchronous. This means that one has to happen after the other. If a customer clicks a link, the request is sent to the server, which then sends the results back.
With Ajax, the JavaScript that is loaded when the page loads handles most of the basic tasks such as data validation and manipulation, as well as display rendering the Ajax engine handles without a trip to the server. At the same time that it is making display changes for the customer, it is sending data back and forth to the server. But the data transfer is not dependent upon actions of the customer.
Ajax is Not New Technology
Ajax is instead a new way of looking at technology that is already mature and stable. If you're designing Web applications right now, why aren't you using Ajax? Your customers will thank you, and frankly, it's just fun!
That's It ..!!
Subscribe to:
Posts (Atom)