Pop-up Page

Bannside · #1 (**permalink**) Aug 15th, 2007, 13:29

Hi Guys,
Sorry if this has been posted here before, I dont have time to look as a website I am designing launches on Friday.

Anyway, I was wondering how you get a pop up page similar to if you click on Join the Show (middle right) here - http://www.q972.fm/q97/new/index.php

I know how to get a normal web-browser page to pop-up but my client wants a page similar to the example shown.

Any help would be greatly appreciated.
Chris

karinne · #2 (**permalink**) Aug 15th, 2007, 13:32

Here's a tip. When you see something you like on someone else's site, just View their source and see how they do it.

So ... viewing the source of said url ... you get this

Code: Select all

<a href="javascript:void(window.open('gallery/airshow2005/airshow2005.php','newwindow','height=460,width=550,resizable=no,status=no,scrollbars=yes'))"></a></div></td><script language=""JavaScript" type="text/JavaScript">
					
							function open97player(){
							var popurl="audio.php"
							winpops=window.open(popurl,"","width=446,height=456,status,")
							}
							
							function open97videoplayer(){
							var popurl="video.php"
							winpops=window.open(popurl,"","width=446,height=456,status,")
							}
							
							function goTabby(){
							var popurl="tabby/tabby.html"
							winpops=window.open(popurl,"","width=560,height=690,status,")
							}
							
							</script>

Bannside · #3 (**permalink**) Aug 15th, 2007, 13:41

Quote:

Originally Posted by karinne

Here's a tip. When you see something you like on someone else's site, just View their source and see how they do it.

So ... viewing the source of said url ... you get this

Code: Select all

<a href="javascript:void(window.open('gallery/airshow2005/airshow2005.php','newwindow','height=460,width=550,resizable=no,status=no,scrollbars=yes'))"></a></div></td><script language=""JavaScript" type="text/JavaScript">
 
                            function open97player(){
                            var popurl="audio.php"
                            winpops=window.open(popurl,"","width=446,height=456,status,")
                            }
 
                            function open97videoplayer(){
                            var popurl="video.php"
                            winpops=window.open(popurl,"","width=446,height=456,status,")
                            }
 
                            function goTabby(){
                            var popurl="tabby/tabby.html"
                            winpops=window.open(popurl,"","width=560,height=690,status,")
                            }
 
                            </script>

I tried that but I couldn't find where to insert the text for the user to click on to open the page

karinne · #4 (**permalink**) Aug 15th, 2007, 13:46

well that's pretty much it there.

The important parts in bold

Code: Select all

<a href="javascript:void(window.open('gallery/airshow2005/airshow2005.php','newwindow','height=460,width=550,resizable=no,status=no,scrollbars=yes'))"></a></div></td>

<script language=""JavaScript" type="text/JavaScript">

							function open97player(){
							var popurl="audio.php"
							winpops=window.open(popurl,"","width=446,height=456,status,")
							}
							
							function open97videoplayer(){
							var popurl="video.php"
							winpops=window.open(popurl,"","width=446,height=456,status,")
							}
							
							function goTabby(){
							var popurl="tabby/tabby.html"
							winpops=window.open(popurl,"","width=560,height=690,status,")
							}
							
							</script>

The green section I would put, at the very least, in the <head> of your document.

The red part is the link to the file you want to load in the pop-up.

Bannside · #5 (**permalink**) Aug 15th, 2007, 13:52

http://www.bannsidersforever.com/CFCtv/test.htm

That is what I have done so far. Where do I insert the text in the code e.g. 'Click here to open the media centre' to open the page?

Sorry if I am a bit thick here

karinne · #6 (**permalink**) Aug 15th, 2007, 14:02

See the green below and you can remove the red

Code: Select all

<a href="javascript:void(window.open('CFCtv/media.htm','newwindow','height=460,width=550,resizable=no,status=no,scrollbars=yes'))">Click here to open the media centre</a></div></td>

Bannside · #7 (**permalink**) Aug 15th, 2007, 14:04

Quote:

Originally Posted by karinne

See the green below and you can remove the red

Code: Select all

<a href="javascript:void(window.open('CFCtv/media.htm','newwindow','height=460,width=550,resizable=no,status=no,scrollbars=yes'))">Click here to open the media centre</a></div></td>

That worked a treat. Thanks very much.

karinne · #8 (**permalink**) Aug 15th, 2007, 14:13

No problem.

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Best way to prevent access to page B except via page A?	Donny Bahama	PHP Forum	1	Apr 3rd, 2008 02:15
Green bar of colour at bottom of page gets bigger the more page is extended	pixelgirl	Web Page Design	1	Apr 1st, 2008 01:27
internal navigation, Linking from one page to a specific div in another page.	Oak	Web Page Design	5	Feb 8th, 2008 22:54
Linking an outside page back to previous framed page	MJustison	Starting Out	1	Oct 18th, 2007 17:49
A gap appears beween the Page Title and the Body Content of the page.	sovereign6	Web Page Design	6	Dec 18th, 2006 19:14

		Webforumz.com > Main Forums > Program Your Website > JavaScript Forum
Pop-up Page