panel as pop-up need help

Question

0.00/5 (No votes)

See more:

hi i had one web padge now after submitting the submit button i am saving the values to databse and a pop up shol be shown without using ajax...so i took a panel and by default set visisbility to false and made necessary changes to show as pop up and on button submit click i am enabling the panel...but my panel is appearing along with the old controls also please suggets how to make the panel as pop up not just as appaearing or disappearing.

I had ggolged but i didnt got the right solution please suggest

Posted 23-Dec-13 3:17am

spanner21

Add a Solution

Comments

JoCodes 23-Dec-13 10:09am

Post your code which you have tried

Nelek 23-Dec-13 19:56pm

What have you tried?[^]
How to ask a question?[^]

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

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

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) · Accepted Answer · 2013-12-23T06:59:00

Solution 1

Use jQuery UI Dialog[^].

JavaScript

$( "#panelID" ).dialog();

Make sure you include all the necessary js and CSS files. You can know about that if you click on "View Source" in that link.

If you don't want to use this, then you need to float that panel, then apply absolute positioning.

So, better to go with jQuery Dialog.

Posted 23-Dec-13 6:59am

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ)

Comments

spanner21 23-Dec-13 13:32pm

hi tadit thanks for the help but i cant download the jqury files...could u please elaborate the second suggestion regarding float of panel

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) 24-Dec-13 2:14am

If you can't download, then use the online files. If you Click "View Source" link in that page, you will see the files... just like below.

<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>

Just add these inside head section of page.

spanner21 24-Dec-13 5:20am

means do i need to refer these links in my application without downloading the files...Is my undersatanding correct? will it gives any problem in future if anythging goes wrong eith these files

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) 24-Dec-13 5:42am

No it won't create any problem. If you want to download then open them in browser and press CTRL + S and save it inside your Project folder and refer them in Page.

Else just link the online files.

spanner21 24-Dec-13 5:43am

trhanks tadit

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) 24-Dec-13 6:06am

Most welcome buddy. :)