Page 1 of 1
Menu External Link Popup Width and Height Modification
Posted: Sat Jan 23, 2010 6:34 pm
by GalaxiDesigns
This is a modification I wanted for awhile, and am sharing it with you guys. I wanted to be able to choose the "External Link" option for the menu item, and have some options to choose if it is a lightbox(ajax) popup or regular popup, and to be able to choose the width and height of that popup.
Only two files need to be modified for this on Joomla 1.5.15:
- administer/components/com_menus/models/metadeta/url.xml
- modules/mod_mainmenu/legacy.php
First add this to the url.xml file, under the first "menu_image" parameter:
Code: Select all
<param name="popuptype" type="list" default="popup1" label="Popup Window Type" description="Popup Window Type">
<option value="popup1">Lightbox Popup - Ajax</option>
<option value="popup2">Regular Popup</option>
</param>
<param name="popupwidth" type="text" default="600" label="Popup Width" description="Popup Window Width"></param>
<param name="popupheight" type="text" default="600" label="Popup Height" description="Popup Window Height"></param>
Then in the modules/mod_mainmenu/legacy.php file, around line 121 under this:
Code: Select all
$mitem->name = stripslashes(htmlspecialchars($mitem->name));
ADD
Code: Select all
$popupmethod = $menu_params->def('popuptype');
$popupmethodwidth = $menu_params->def('popupwidth');
$popupmethodheight = $menu_params->def('popupheight');
Then below around line 135 you will see "case 2 :". Everything under case 2, all the way to "case 3 :", replace with this code:
Code: Select all
if ($popupmethod == 'popup1')
{
$txt = "<a href=\"" . $mitem->url . "\" rel=\"width[" . $popupmethodwidth . "];height[" . $popupmethodheight . "];\" class=\"$menuclass jcepopup\" " . $id . ">" . $mitem->name . "</a>\n";
break;
}
if ($popupmethod == 'popup2') {
$txt = "<a href=\"#\" onclick=\"javascript: window.open('" . $mitem->url . "', '', 'toolbar=no,location=no,status=no,menubar=no,scrollbars=yes,resizable=yes,width=" . $popupmethodwidth . ",height=" . $popupmethodheight . "'); return false\" class=\"$menuclass\" " . $id . ">" . $mitem->name . "</a>\n";
break;
}
That is it for that part. For the lightbox to work you need to have a plugin like JCE Utilities installed that applies the lightbox effect to any links that have the class it requires. In the code above the class is "jcepopup" and is at the end of the normal menu class because that is what JCE Utilities requires. But your lightbox script might use something different like "shadowbox" so change it accordingly.
Also the syntax for the lightbox width and height above is for JCE popup, and usually is the same for all lightbox scripts, but it might need to be changed if a different syntax is used by your script.
IMPORTANT NOTE: The "On Click, Open in:" option under the external menu link "Menu Item Details" options needs to be set to "New Window Without Browser Navigation" for it to work also.
Re: Menu External Link Popup Width and Height Modification
Posted: Mon Jan 25, 2010 8:34 pm
by basher91260
This is still not working for me :S
Re: Menu External Link Popup Width and Height Modification
Posted: Mon Jan 25, 2010 8:56 pm
by GalaxiDesigns
You have Joomla 1.5.15?
Re: Menu External Link Popup Width and Height Modification
Posted: Mon Jan 25, 2010 9:39 pm
by basher91260
Yeh, I have version 1.5.15
Re: Menu External Link Popup Width and Height Modification
Posted: Tue Jan 26, 2010 2:37 pm
by GalaxiDesigns
Hmmm, well the only other thing I can think of is you are not setting the link to open in a new window. Did you choose that option? If so then you might want to double check over my instructions, I wrote them while doing it and it works fine for me.
Re: Menu External Link Popup Width and Height Modification
Posted: Thu Feb 25, 2010 1:51 pm
by crudi
Hi,
for me it also doesnt work. I tried different settings in JCE Utilities but nothing works. The external page opens everytime in a new tab...
what do you mean with this:
That is it for that part. For the lightbox to work you need to have a plugin like JCE Utilities installed that applies the lightbox effect to any links that have the class it requires. In the code above the class is "jcepopup" and is at the end of the normal menu class because that is what JCE Utilities requires. But your lightbox script might use something different like "shadowbox" so change it accordingly.
Also the syntax for the lightbox width and height above is for JCE popup, and usually is the same for all lightbox scripts, but it might need to be changed if a different syntax is used by your script.
my english is not the very best and perhaps i have to do something more...
Re: Menu External Link Popup Width and Height Modification
Posted: Thu Feb 25, 2010 2:01 pm
by GalaxiDesigns
A lightbox popup plugin needs to be installed. There are many out their for Joomla, one being JCE Utilities (now replaced by JCE MediaBox). Whichever one you choose, you just need to install the plugin and find out what class needs to be applied to the link for it to open in a lightbox.
For example the JCE Utilities plugin requires the class "jcepopup" to be added to a link that you want to open in a lightbox. If you don't have that class applied to the link, it will NOT open in a lightbox. Whichever one you do choose though, in the modification I have shown above, you need to change the class accordingly.
Is this more clear?
Re: Menu External Link Popup Width and Height Modification
Posted: Thu Feb 25, 2010 2:08 pm
by crudi
Yes! Thanks...
You made this one with the class jcepopup class or do I have do add this anywhere?? Because this normally should work because I use this plugin too.
Re: Menu External Link Popup Width and Height Modification
Posted: Thu Feb 25, 2010 2:18 pm
by GalaxiDesigns
Yep, it is called right their, and that's where it will need to be changed if you ever change your lightbox plugin and the class changes.
Re: Menu External Link Popup Width and Height Modification
Posted: Tue Mar 02, 2010 9:31 am
by crudi
So I tried to find my mistake, but I dont find it. On the Basic Parameters i took Lightbox Popup. Now there are three types at "on click..." and here are the three generated codes:
Case I:
Code: Select all
li class="item101"><a href="http://www.google.de/movies?bielefeld"><span>Kinoprogramm</span></a></li>
Case II:
Code: Select all
<li class="item101"><a href="http://www.google.de/movies?bielefeld" target="_blank"><span>Kinoprogramm</span>
CaseIII:
Code: Select all
<li class="item101"><a href="http://www.google.de/movies?bielefeld" onclick="window.open(this.href,'targetWindow','toolbar=no,location=no,status=no,menubar=no,scrollbars=yes,resizable=yes,');return false;"><span>Kinoprogramm</span></a></li>
So I think, that there is missing the class... any idea where could me my bug??
Re: Menu External Link Popup Width and Height Modification
Posted: Tue Mar 02, 2010 2:41 pm
by GalaxiDesigns
Only case 2 needs to be replaced with the code I showed above. It doesn't look like you did that, so that might be the problem.
Re: Menu External Link Popup Width and Height Modification
Posted: Tue Mar 02, 2010 4:02 pm
by crudi
Here my code in modules/mod_mainmenu/legacy.php
Code: Select all
// cases are slightly different
case 1 :
// open in a new window
$txt = '<a href="' . $mitem->url . '" target="_blank" class="' . $menuclass . '" ' . $id . '>' . $mitem->name . '</a>';
break;
case 2 :
// open in a popup window
if ($popupmethod == 'popup1')
{
$txt = "<a href=\"" . $mitem->url . "\" rel=\"width[" . $popupmethodwidth . "];height[" . $popupmethodheight . "];\" class=\"$menuclass jcepopup\" " . $id . ">" . $mitem->name . "</a>\n";
break;
}
if ($popupmethod == 'popup2') {
$txt = "<a href=\"#\" onclick=\"javascript: window.open('" . $mitem->url . "', '', 'toolbar=no,location=no,status=no,menubar=no,scrollbars=yes,resizable=yes,width=" . $popupmethodwidth . ",height=" . $popupmethodheight . "'); return false\" class=\"$menuclass\" " . $id . ">" . $mitem->name . "</a>\n";
break;
}
case 3 :
// don't link it
$txt = '<span class="' . $menuclass . '" ' . $id . '>' . $mitem->name . '</span>';
break;
default : // formerly case 2
// open in parent window
$txt = '<a href="' . $mitem->url . '" class="' . $menuclass . '" ' . $id . '>' . $mitem->name . '</a>';
break;
}
Re: Menu External Link Popup Width and Height Modification
Posted: Tue Mar 02, 2010 4:09 pm
by GalaxiDesigns
Ok so you also added this to that file where I specified (make sure):
Code: Select all
$popupmethod = $menu_params->def('popuptype');
$popupmethodwidth = $menu_params->def('popupwidth');
$popupmethodheight = $menu_params->def('popupheight');
And this to the url.xml file under /administrator/components/com_menus/models/metadeta/url.xml
Code: Select all
<param name="popuptype" type="list" default="popup1" label="Popup Window Type" description="Popup Window Type">
<option value="popup1">Lightbox Popup - Ajax</option>
<option value="popup2">Regular Popup</option>
</param>
<param name="popupwidth" type="text" default="600" label="Popup Width" description="Popup Window Width"></param>
<param name="popupheight" type="text" default="600" label="Popup Height" description="Popup Window Height"></param>
Re: Menu External Link Popup Width and Height Modification
Posted: Tue Mar 02, 2010 4:18 pm
by crudi
I think so:
Code: Select all
// replace & with amp; for xhtml compliance
// remove slashes from excaped characters
$mitem->name = stripslashes(htmlspecialchars($mitem->name));
$popupmethod = $menu_params->def('popuptype');
$popupmethodwidth = $menu_params->def('popupwidth');
$popupmethodheight = $menu_params->def('popupheight');
switch ($mitem->browserNav)
Code: Select all
<?xml version="1.0" encoding="utf-8"?>
<metadata>
<state>
<name>External Link</name>
<description>External link parameters...</description>
<params>
<param name="menu_image" type="imagelist" directory="/images/stories" hide_default="1" default="" label="Menu Image" description="PARAMMENUIMAGE" />
<param name="popuptype" type="list" default="popup1" label="Popup Window Type" description="Popup Window Type">
<option value="popup1">Lightbox Popup - Ajax</option>
<option value="popup2">Regular Popup</option>
</param>
<param name="popupwidth" type="text" default="600" label="Popup Width" description="Popup Window Width"></param>
<param name="popupheight" type="text" default="600" label="Popup Height" description="Popup Window Height"></param>
</params>
<advanced />
</state>
</metadata>
Re: Menu External Link Popup Width and Height Modification
Posted: Tue Mar 02, 2010 4:33 pm
by GalaxiDesigns
Well do you mind checking? All that code is needed for it to work.
Re: Menu External Link Popup Width and Height Modification
Posted: Tue Mar 02, 2010 5:00 pm
by crudi
I checked it twice...
At this time it doesnt matter if I set it to popup1 or to popup2 in the backend - I get everytime the same link code on the page.
Do I need anywhere writing rights?
Can I look anywhere which popup is set to the menue?
Re: Menu External Link Popup Width and Height Modification
Posted: Wed Mar 03, 2010 9:21 pm
by GalaxiDesigns
No, all that is needed is the changes I have shown above. I even went through them again on a fresh installation and got it working just fine. Are you using Joomla 1.5.15 or something else? Also show me the code that is displayed on the front end of your site for that link when you try to use it, and remember it needs to also be set to open in a new window, and it needs to be an external link menu item! It will not work with any other menu item types.
Re: Menu External Link Popup Width and Height Modification
Posted: Thu Mar 04, 2010 9:15 am
by crudi
I attached a link where you can see the settings in the backend:
external_link.jpg
I'm testing with a google link - so its an external link. Here the generated code from the frontend site:
Code: Select all
<li class="item101"><a href="http://www.google.de/movies?bielefeld" onclick="window.open(this.href,'targetWindow','toolbar=no,location=no,status=no,menubar=no,scrollbars=yes,resizable=yes,');return false;"><span>Kinoprogramm</span></a></li></ul>
This seems to be the normal pop methode also I took the Lightbox Popup. During my test I found out, that it doenst matter which methode I take (Lightbox or normal popup). The generated code everytime is the same.
Re: Menu External Link Popup Width and Height Modification
Posted: Thu Mar 04, 2010 2:33 pm
by GalaxiDesigns
I don't see the jcepopup class in the link code. It has to be there for it to work, and if you added everything under case 2 it should be there. You did add the code only under case 2 right? And case 2 is "Open Browser WITH Navigation Bar". The screen shot you took I see you chose to open without navigation. That is case 3, so if you want that option to do it replace the code under case 3 with the case 2 code above.
Re: Menu External Link Popup Width and Height Modification
Posted: Thu Mar 04, 2010 3:22 pm
by crudi
i know - but anywhere seems to be a mistake, but I cannot find it.
external_link.jpg
Code: Select all
<li class="item101"><a href="http://www.google.de/movies?bielefeld" target="_blank"><span>Kinoprogramm</span></a></li></ul>
it is also without lightbox
Re: Menu External Link Popup Width and Height Modification
Posted: Thu Mar 04, 2010 3:32 pm
by GalaxiDesigns
Maybe you can just send me the two files I say that need to be modified, and I can make the mods myself for you? Just let me know if that's okay with you, and I will PM you my email.
Also the problems I find in your files I will post on the forum here for others to see who might have done the same thing, if I find any that is.
Re: Menu External Link Popup Width and Height Modification
Posted: Thu Mar 04, 2010 3:42 pm
by crudi
Yes - sounds good
Re: Menu External Link Popup Width and Height Modification
Posted: Fri Mar 05, 2010 8:57 pm
by GalaxiDesigns
Also Code Under CASE 2 above is now changed to:
Code: Select all
if ($popupmethod == 'popup1')
{
$txt = "<a class=\"$menuclass jcepopup\" " . $id . " href=\"" . $mitem->url . "\">" . $mitem->name . "</a>\n";
break;
}
if ($popupmethod == 'popup2') {
$txt = "<a href=\"#\" onclick=\"javascript: window.open('" . $mitem->url . "', '', 'toolbar=no,location=no,status=no,menubar=no,scrollbars=yes,resizable=yes,width=" . $popupmethodwidth . ",height=" . $popupmethodheight . "'); return false\" class=\"$menuclass\" " . $id . ">" . $mitem->name . "</a>\n";
break;
}
Re: Menu External Link Popup Width and Height Modification
Posted: Mon Apr 12, 2010 7:32 am
by Todesengel
Is there any update on this? I am having similiar issues as crudi. I have followed this thread to the letter, and triple checked my code. No matter what options I select it just opens it up in a new window without navigation. I have jcemediabox installed using jcepopup as the class. I have gotten lightbox to work fine in my articles but I cannot get it to work properly in a menu. I also tried with both pieces of code for Case2. Using joomla 1.5.15
Re: Menu External Link Popup Width and Height Modification
Posted: Mon Apr 12, 2010 7:53 am
by crudi
The author made it working on my test site but only in the top menu. Perhaps it has also sthg. to do with the module or css settings...
Re: Menu External Link Popup Width and Height Modification
Posted: Mon Apr 12, 2010 7:54 am
by Todesengel
Do you happen to know what he did to get it working on your site? I only need it for the top menu, so if thats all that works thats fine by me haha.
Re: Menu External Link Popup Width and Height Modification
Posted: Thu May 20, 2010 8:55 pm
by hymasd
I added these links to the exact files and had no luck? the Menu Items (Edit) show the parameters but they don't work???
Re: Menu External Link Popup Width and Height Modification
Posted: Sun May 23, 2010 2:33 pm
by Van Dzikens
I am a novice with joomla but I can not cope with this alteration Help me to somehow convert the seat just a few days and do not know where my mistakes. I have version 1.5.15 and I do not mean to me is very anxious to start this.
Not open to him in the specified size
Help