TECH6.0

MisawaPlayer · #1 24-09-2008, 02:52 PM

I know how to use the anchor tag, with the target attribute to create a link on my page that will open the URL in a new browser.

What I want to know, is how do you do that, but into a smaller window than that which is currently displayed. I see this all the time, where you click on a link, it opens a new window (often without the toolbars at the top) that is much smaller, custom sized for the content. An example is the "more" link in the Smilies box.

If I am making myself clear, can someone tell me how to do this. Thank you in advance.

Mike

webwizzy · #2 24-09-2008, 03:05 PM

that is simple Mike.. those are Javascript Popup windows.

You can easily create one Using the window.open method, fully customisable.

Or Generate One

Example Code:-

HTML Code:

<SCRIPT>
function openwindow()
{
    window.open("http://tech6.com","mywindow","menubar=1,resizable=1,width=350,height=250");
}
</SCRIPT>
<P>
<A href="javascript: openwindow()">Open the JavaScript Window Example</A>
</P>

MisawaPlayer · #3 24-09-2008, 03:43 PM

Can I pass a parameter to the function? Something like this:

HTML Code:

<SCRIPT>
function openwindow($theURL)
{
    window.open($theURL,"menubar=1,resizable=1,width=350,height=250");
}
</SCRIPT>
<P>
<A href="javascript: openwindow('http://tech6.com')">Open the JavaScript Window Example</A>
</P>

webwizzy · #4 24-09-2008, 04:12 PM

Yes, you can ! But the code above won't work coz you missed a required parameter "mywindow"

HTML Code:

<SCRIPT>
function openwindow($theURL)
{
    window.open($theURL,"mywindow","menubar=1,resizable=1,width=350,height=250");
}
</SCRIPT>
<P>
<A href="javascript: openwindow('http://tech6.com')">Open the JavaScript Window Example</A>
</P>

MisawaPlayer · #5 26-09-2008, 05:21 AM

Thank you, this has worked fine for me. It is almost exactly what I want. The only other thing I am having trouble with is moving the popup to where I want it. I used the following:

Code:

window.open($theURL,"mywindow","menubar=1,resizable=1,width=350,height=250");
mywindow.moveto(a,b)

But this only works in my Mozilla Firefox browser. If I am using IE, it does not move the window at all.

I'd be happy just knowing how to move it regardless of the browser.

What I would REALLY like to know is how to make it popup right where the mouse clicked. Meaning, calculated on the fly depending on screen size, window location, etc.

webwizzy · #6 26-09-2008, 05:30 AM

This would work in both browsers:-

HTML Code:

<SCRIPT>
function openwindow($theURL)
{
    window.open($theURL,"mywindow","menubar=1,resizable=1,width=350,height=250,left=152,top=200");
}
</SCRIPT>
<P>
<A href="javascript: openwindow('http://tech6.com')">Open the JavaScript Window Example</A>
</P>

Note the two new parameters, left and top

MisawaPlayer · #7 26-09-2008, 08:53 AM

You see, now that works great, BUT the information link you sent:

Using the window.open method

Did not list left and top as one of the features and the string tokens you can use.

I thought there might be something like that, but the reference didn't say so.

Thanks. I must be really starting to bother you with all of the questions. Hope you do not mind too much.

webwizzy · #8 26-09-2008, 09:00 AM

ahh... please I do not mind at all. As said earlier, this is what this place is for !

btw if you would have gone through my second referance link (Generate One), you would have got it

MisawaPlayer · #9 26-09-2008, 09:29 AM

Must have looked at the second link too fast. Sorry, and thank you.

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

TECH6.0

Open URL in new "smaller" window