Open a popup windows with my own html/javascript code

Question

I'd like to open a popup window, but without given a link : just open it with some HTML and Javascript code (that I pass trought the function).

Tried with :

window.open($('.my_html').html(), "Booking", "width=950,height=680");

How can I do it?

Have you tried anything or would you like us to do your work for you? — Simon
– Simon, Commented Oct 26, 2011 at 8:02

Some Guy · Accepted Answer · 2011-10-26 08:07:36Z

2

writeConsole('Hello from JavaScript!');
function writeConsole(content) {
 top.consoleRef=window.open('','myconsole','width=350,height=250');
 top.consoleRef.document.write(content)
 top.consoleRef.document.close()
}

Source

answered Oct 26, 2011 at 8:07

Some Guy

16.2k10 gold badges61 silver badges68 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

markzzz Over a year ago

It seems to work. But how can I include also the css attribute? :)

markzzz Over a year ago

Ok done. I resolve it including the <head></head> element with the reference of the css (it will load it dinamically). It's nice :)

m90 · Accepted Answer · 2011-10-26 08:03:06Z

2

You can do it like this:

var popup = window.open(#mySettings#);

and then

popup.document.write('#myHTML#');

answered Oct 26, 2011 at 8:03

m90

11.8k16 gold badges69 silver badges120 bronze badges

2 Comments

markzzz Over a year ago

yeah, but what will be #mySettings#? In fact it gets a uri, not an "html source"

m90 Over a year ago

Just leave it (the URI) blank.

Zagor23 · Accepted Answer · 2011-10-26 08:26:25Z

2

function openpopup(content){ 
    winpops=window.open('',"test","fullscreen=no,toolbar=yes,status=yes, " +
    "menubar=yes,scrollbars=yes,resizable=yes,directories=yes,location=yes, " +
    "width=500,height=400,left=100,top=100,screenX=100,screenY=100");
    winpops.document.write(content);
} 
openpopup('<h1>This is some test content</h1>');

You can call function on any event, and supply content you want to show.

edited Oct 26, 2011 at 8:26

answered Oct 26, 2011 at 8:06

Zagor23

1,96312 silver badges14 bronze badges

2 Comments

Some Guy Over a year ago

He says he doesn't want to show a URL. He wants to write custom code to that window.

Zagor23 Over a year ago

I have corrected it. At first I thought he doesn`t want to open it on a link click.

Moin Zaman · Accepted Answer · 2011-10-26 08:12:31Z

1

do you have to use browser popups? They're annoying and can be blocked by ad-blockers.

Why not do it as modal windows instead? like this: http://www.sohtanaka.com/web-design/inline-modal-window-w-css-and-jquery/

or the jQuery plugin jqModal.

answered Oct 26, 2011 at 8:12

Moin Zaman

25.5k6 gold badges74 silver badges74 bronze badges

3 Comments

markzzz Over a year ago

in fact what I need is to print that "popup" (later), so I think windows.print will fail with your method...

Moin Zaman Over a year ago

you can add a print style or styleshhet along with the modal to hide everything except the modal.

markzzz Over a year ago

will be ok for a simple site, not with tons of elements :) I'm ok with popup, thank you

Collectives™ on Stack Overflow

Open a popup windows with my own html/javascript code

4 Answers 4

2 Comments

2 Comments

2 Comments

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

2 Comments

2 Comments

2 Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related