A Pop-Up should be look like Call Out Pop-Up in JavaScript

Question

2.50/5 (2 votes)

See more:

Hi,
Here i am facing the problem of HTML javascript....Can you plz help me out on this,..... I have created one HTML file

C#

function show_popup()
{
var p=window.createPopup()
var pbody=p.document.body
//pbody.style.width:250px; pbody.style.height:130px;
        //pbody.style.background:url(C:/Users/ravi/Desktop/a.png);
pbody.style.backgroundColor="lime"
pbody.style.border="black"
pbody.innerHTML=ravi;

p.show(40,40,200,50,document.body)

}

Create pop-up

I am getting pop-up outside the browser ...up to the mark its ok....but it border should be in Call out pop-up style. Moreover the pop up should come out from the browser..plz help me :)

Posted 1-Feb-11 2:02am

ravikiran_k

Updated 1-Feb-11 17:44pm

v3

Add a Solution

2 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)

Not Active · Answer 1 · 2011-02-01T02:08:00

Solution 1

border takes three parameters: type, color, and size

pbody.style.border = "solid black 1px";

Posted 1-Feb-11 2:08am

Not Active

Manas Bhardwaj · Answer 2 · 2011-02-01T02:11:00

Solution 2

First of all, i would not recommend using the window.createPopup() at all. It is a IE specific thingie and would not work in any other browser.

You should use a div to do this instead.

Next, you seem to have declared pbody, but where has it been used. NOWHERE!

Posted 1-Feb-11 2:11am

Manas Bhardwaj

Comments

fjdiewornncalwe 1-Feb-11 10:15am

I agree with using the div. Note on pbody. It is declared and used to clean up the syntax of the method. It is done correctly as pbody references the p.Document.Body object, so it is initialized and used properly. Cheers.

ravikiran_k 1-Feb-11 23:41pm

<a href="#" id="ravi" type="text" önmouseover="show_popup()">Create pop-up!</a>
this is the border for that.....moreover the tool tip should be come out from the browser....plz help me on this ...!!!!!