Launching widgets using html / javascript

Question

I have created a simple webpage that launches a widget after a button is pressed. The button press adds an element to the DOM tree:

var div = document.getElementById("loginWidget");
var loginWidget = document.createElement('script');
loginWidget.setAttribute("type", "text/javascript");
loginWidget.setAttribute("src", "http://widgetstore.etc.etc");

div.appendChild(loginWidget);

This launches the login widget in the webpage. How do I get it to open in a new window (preferably resized to the size of the widget? If I do it like this will my original window be able to access values from the login widget? If this is a bad idea what's the best way to style the widget so it stands out more from the original size.

Forgive my n00bness. Would normally research this myself but in a bit of a hurry!

This code simply creates a script element, where is the code for the widget? — Esailija
– Esailija, Commented Aug 23, 2012 at 6:22

Viktor S. · Accepted Answer · 2012-08-23 06:30:46Z

1

Take a look at window.open. It will return a pointer to newly opened window. And you can specify a width and height of that window. But note that you must call window.open in onclick handler. Otherwise, if you will call it in your script block it will be blocked by browser. Also, from widget window you can access initial window using window.parent.

answered Aug 23, 2012 at 6:30

Viktor S.

12.8k1 gold badge30 silver badges57 bronze badges

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

Collectives™ on Stack Overflow

Launching widgets using html / javascript

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related