NOTICE: RocketTheme will be releasing templates for Joomla! 1.5 only starting January 2009. Read the thread…
Search:     Advanced search
249853 Posts in 47117 Topics - Latest Member: Kara A Kier-Goering
RocketTheme  |  General  |  The Water Cooler  |  Topic: Pop Up Window in Main Heading « previous next »
Pages: [1] Go Down Print
Author Topic: Pop Up Window in Main Heading  (Read 5045 times)
Melissa Rohr
Jr. Rocketeer
**
Offline Offline

Posts: 34
Pop Up Window in Main Heading
« on: February 21, 2006, 03:45:33 PM »
Hi All,
I am using extremities 2 template. I have a link to an html page in the main menu. The link opens in a new window and the page displays fine. However, I the window to be a pop up window - not a full page.

For instance, I have abc.com as my main domain. In the Main Heading, I have a link to dogs.com/coupon.html. When someone clicks the link in my main heading at my website, the dogs.com/coupon.html page pops up.

I want the dogs.com/coupon.html page to be  100 x 100 - not a full page.

I dont think this is an issue with the code on the dogs.com page but how Joomla opens a new window. Correct? If anyone could answer my question, I would be forever greatful! 

I have the following code in my dogs.com/coupon.html page:

<html>
<head>
<title>Coupon at Dogs.com</title>
<script language="JavaScript" type="text/javascript">
<!--
function open_win(what_link){
var the_url = "http://www.dogs.com/coupon.html"
var the_x = 100;
var the_y = 100;
the_x -= 0;
the_y -= 0;
var how_wide = screen.availWidth;
var how_high = screen.availHeight;
if(what_link != ""){the_url=what_link;}
var the_toolbar = "yes";
var the_addressbar = "yes";
var the_directories = "yes";
var the_statusbar = "yes";
var the_menubar = "yes";
var the_scrollbars = "no";
var the_do_resize =  "yes";
var the_copy_history = "yes";
top_pos = (how_high/2) -  (the_y/2);
left_pos = (how_wide/2) -  (the_x/2);
if (window.outerWidth ){
var option = "toolbar="+the_toolbar+",location="+the_addressbar+",directories="+the_directories+",status="+the_statusbar+",menubar="+the_menubar+",scrollbars="+the_scrollbars+",resizable="+the_do_resize+",outerWidth="+the_x+",outerHeight="+the_y+",copyhistory="+the_copy_history+",left="+left_pos+",top="+top_pos;
site=open(the_url, "DisplayWindow", option);
var Opera = (navigator.userAgent.indexOf('Opera') != -1);
if(Opera){
site.resizeTo(the_x,the_y);
site.moveTo(0,0);
}
}
else
{
var option = "toolbar="+the_toolbar+",location="+the_addressbar+",directories="+the_directories+",status="+the_statusbar+",menubar="+the_menubar+",scrollbars="+the_scrollbars+",resizable="+the_do_resize+",Width="+the_x+",Height="+the_y+",copyhistory="+the_copy_history+",left="+left_pos+",top="+top_pos;
site=open('', "DisplayWindow", option);
site.location=the_url;
if(site.open){site.focus();return false;}
site.resizeTo(the_x,the_y);
}
}
// -->
</script>

</head>

Can someone tell if this is possible with Mambo/Joomla? 

Logged
CHK
Rocketeer
***
Offline Offline

Posts: 55
Re: Pop Up Window in Main Heading
« Reply #1 on: February 21, 2006, 08:36:18 PM »
Hi.
I use this in my Mambo site.

in Index.php:

<script language="JavaScript" type="text/JavaScript">
var popUpWin=0;
function popUpWindow(URLStr, left, top, width, height)
{
  if(popUpWin)
  {
    if(!popUpWin.closed) popUpWin.close();
  }
  popUpWin = open(URLStr, 'popUpWin', 'toolbar=no,location=no,directories=no,status=no,menub ar=no,scrollbar=no,resizable=no,copyhistory=yes,width='+width+',height='+height+',left='+left+', top='+top+',screenX='+left+',screenY='+top+'');
}
</script>


The link:
(as hyperlink in a image, or as a link in the menu)

javascript:popUpWindow('http://www.yoursite.com/filename.php',%20'200px',%20'50px',%20'450px',%20'360px')


Just edit the size of the popup window in the link. (Currently 450px X 360px)
Should work perfectly..Smiley
« Last Edit: February 21, 2006, 08:39:30 PM by CHK » Logged
Melissa Rohr
Jr. Rocketeer
**
Offline Offline

Posts: 34
Re: Pop Up Window in Main Heading
« Reply #2 on: February 22, 2006, 06:34:30 AM »
Thanks for your reply. I add this code above the index of the template above the </head> correct? Or the index.php of the joomla site in the root?

And the pop up needs to = 1 to turn on? 

<script language="JavaScript" type="text/JavaScript">
var popUpWin=1;
function popUpWindow(URLStr, left, top, width, height)
{
  if(popUpWin)
  {
    if(!popUpWin.closed) popUpWin.close();
  }
  popUpWin = open(URLStr, 'popUpWin', 'toolbar=no,location=no,directories=no,status=no,menub ar=no,scrollbar=no,resizable=no,copyhistory=yes,width='100',height='100',left='100', top='100',screenX='100',screenY='100'');
}
</script>

</head>

This will make all windows that open in the new window the same size wont it?
Logged
CHK
Rocketeer
***
Offline Offline

Posts: 55
Re: Pop Up Window in Main Heading
« Reply #3 on: February 22, 2006, 11:26:31 AM »
You put the script above </head> in the document that has the link to the popup window.

1. If you dont add the "javacript link" that calls the javascript, all windows that open will just be standard browser window.

2. If you add the "javascript link" that calls the script, the popup window will be as big as you want, individually set by parameters in the link.

3. you can have as many popup windows as you want on a webpage, and each popup window can have different size.

..you choose the size of the popup window... in the link that opens the popup.. Smiley
Logged
Melissa Rohr
Jr. Rocketeer
**
Offline Offline

Posts: 34
Re: Pop Up Window in Main Heading
« Reply #4 on: February 22, 2006, 11:38:11 AM »
Hm.. Maybe I havent explained myself correctly. It is in the topmenu. Please see image as example. If I want the mini radio which is a link in the top menu, to be a popup of coupon.html and it owuld be 100x100 what would I do?
Logged
CHK
Rocketeer
***
Offline Offline

Posts: 55
Re: Pop Up Window in Main Heading
« Reply #5 on: February 22, 2006, 11:54:26 AM »
Quote from: Melissa Rohr on February 22, 2006, 11:38:11 AM
Hm.. Maybe I havent explained myself correctly. It is in the topmenu. Please see image as example. If I want the mini radio which is a link in the top menu, to be a popup of coupon.html and it owuld be 100x100 what would I do?

1. Put the javascript in the index.php (template file)
2. Put the "javascript link" in the  link adress field when you create the menulink in joomla/mamo

(Take a look at the picture: )
« Last Edit: February 22, 2006, 11:56:24 AM by CHK » Logged
Melissa Rohr
Jr. Rocketeer
**
Offline Offline

Posts: 34
Re: Pop Up Window in Main Heading
« Reply #6 on: February 22, 2006, 02:11:02 PM »
Your last screenshot helped. I was forgetting the javascript:popUpWindow before the url!

Thank you for your persistence, CHK!
Logged
CHK
Rocketeer
***
Offline Offline

Posts: 55
Re: Pop Up Window in Main Heading
« Reply #7 on: February 22, 2006, 02:12:37 PM »
Quote from: Melissa Rohr on February 22, 2006, 02:11:02 PM
Your last screenshot helped. I was forgetting the javascript:popUpWindow before the url!

Thank you for your persistence, CHK!

...any time..  Wink
Logged
Pages: [1] Go Up Print 
RocketTheme  |  General  |  The Water Cooler  |  Topic: Pop Up Window in Main Heading « previous next »
Jump to:  

Want to see some great examples of the kind of sites that can be built on RocketTheme templates? Check out our RocketTheme Community Showcase award page and find out. Have a site of your own that you think is worthy? Submit it in the current Showcase nomination thread in the members forums.
Viagra