javascript for pop up window

Question

0.00/5 (No votes)

See more:

i want to make a web page with pop window and background disable..

suppose i click on link "Register NOW" then google Docs form open on same page with pop up and background page disable ......
is there any way??
plz help i m new to web programming..

Posted 25-Aug-12 1:54am

Anand.genius

Add a Solution

3 solutions

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)

Espen Harlinn · Answer 1 · 2012-08-25T02:01:00

Solution 3

If you are new to web programming, consider having a look at: LightSwitch[^]

It will probably save you a lot of effort.

Best regards
Espen Harlinn

Posted 25-Aug-12 2:01am

Espen Harlinn

Comments

Wendelius 25-Aug-12 10:31am

Well worth considering.

Espen Harlinn 25-Aug-12 16:52pm

Thank you, Mika :-D

Christian Graus · Answer 2 · 2012-08-25T01:56:00

Solution 1

This is not a real popup. It's a jquery lightbox. If you include jquery and google 'lightbox' you'll find lots of examples, but overall if you're new to web programming, I'd suggest you learn javascript AFTER you've learned ASP.NET MVC. If you're learning something else, abandon it and learn ASP.NET MVC.

Here[^] is the site for the lightbox plug in. You should be able to just copy the code from the site ( you will need to include the right libraries, and probably download them ). It doesn't need any sort of server side code, you can do it in pure HTML.

Posted 25-Aug-12 1:56am

Christian Graus

Updated 25-Aug-12 2:13am

v2

Comments

Anand.genius 25-Aug-12 7:58am

yes but i have no time to learn now.. only this one is missing project i know CSS and HTML ..is there any sort way ???
because have to complete my work in very limited time ..

Christian Graus 25-Aug-12 8:01am

If you're just using CSS and HTML, you can add a lightbox easily, you don't need server side code for that. How can you 'not have time' when you're 'new to web programming' ? If you're being paid and given a deadline to develop something you don't know how to do, that's basically fraud.

Anand.genius 25-Aug-12 8:08am

no it is not like that i m not paid ..i m a student and want to develop my colleges technical festival web sites ..thats why

Christian Graus 25-Aug-12 8:12am

OK, well, like I said, you can add jquery to a site without having a back end. It all runs on the client. I add a link to my answer

Anand.genius 25-Aug-12 8:21am

thanks i will try it

Kuthuparakkal · Answer 3 · 2012-08-25T02:00:00

It's done by creating an overlaying div on the fly in JS, like:

JavaScript

var gab = document.createElement('div');
  gab.setAttribute('id', 'OVER');
  gab.innerHTML='<div class="overlay"><h1>hello</h1></div>';
  document.body.appendChild(gab);

use a CSS class like

CSS

#OVER{width:100%; height:100%; left:0;/*IE*/ top:0; text-align:center; z-index:5; position:fixed; background-color:#fff;}
.overlay {width:100%; z-index:6; left:0;/*IE*/ top:30%; font-color:#cdcdcd; font-size:0.8em; text-align:center; position:fixed; background-color:#000;}