Click here to Skip to main content
15,891,785 members
Please Sign up or sign in to vote.
0.00/5 (No votes)
See more:
Hi,

I have a task in my project.In this in my HTML page I have a div which contains some controls and the div and its controls are disabled first time.When a dropdown is choosen for some value we need to enable the controls and after clicking on some ADD button that div should be shown as the popup in the centre of the page as popup.And below that after saving the data that should be shown in the gridview in HTML only.

Here I should not use server controls .Is this possible?

Please help me with an example

Thank You
Posted
Comments
Vasudevan Deepak Kumar 23-Dec-13 0:21am    
Try using a jQuery Dialog.
Peter Leow 23-Dec-13 0:21am    
You just need javascript or jquery to achieve your objective. Ask google and try coding yourself first. Come here if you need further assistance.
[no name] 23-Dec-13 1:16am    
try with the linkl. http://jqueryui.com/dialog/

Yes, this is possible.

You have to use jQuery Dialog[^].

If you view the source in that page, it is just...
HTML
<script>
$(function() {
    $( "#dialog" ).dialog();
});
</script>

Let me explain you the code here.
  • #dialog is ID of the Dialog which we want to show as a Dialog. So, you can put as many as controls you want to put it inside it.
  • dialog() is a function which helps to show it as an popup on the same page.

If you want to explore more on that, check the documentation of Dialog Widget[^].

For your requirements, you will place all the controls inside that div and define the buttons[^] to be shown inside the popup. You can also write code when those buttons are clicked.

So, go on try something. If you face any difficulty, come back on Code Project and add a question.
 
Share this answer
 
Hi,

Please see the below link with example. It will help you..

http://jqueryui.com/dialog/[^]
 
Share this answer
 

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)



CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900