Friday, April 30, 2010

Mene External Link Popup Width and Height Modification

Here's how I did it:

1) Create a .php file called popup.php

2) Copy the following code and paste it into popup.php:


* @copyright

Copyright (C) 2005 - 2008 Open Source Matters. All rights reserved.

* @license


* Joomla! is free software. This version may have been modified pursuant

* to the GNU General Public License, and as distributed it includes or

* is derivative of works licensed under the GNU General Public License or

* other free or open source software licenses.

* See COPYRIGHT.php for copyright notices and details.


// no direct access

defined( '_JEXEC' ) or die( 'Restricted access' );


<script type="text/javascript">


Standards Compliant Popup Script

Author : Kevin Cannon

Last Edited: 12.12.2004

Version 1.0

Searches through a document for links with the class popup.

When clicked, this link will open in a popup window.

This means you don't have to add javascript to your code,

and means the links continue to work, for search engines,

and browsers without javascript


function initPopups() {


if (!document.getElementById) return

var aLinks = document.getElementsByTagName('a');

for (var i = 0; i < aLinks.length; i++) {

if (aLinks[i].className == 'popup') {

aLinks[i].onclick = function() {

var url = this.href;


return false;





// popupWindow function

// This is where you set your specific height & width etc... for your popups.

function openPopup(url) {, 'popupwindow', 'width=500,height=500,scrollbars,resizable');

return false;


// Piggy-back fucntion onto onLoad event ............................................

function addLoadEvent(func) {

var oldonload = window.onload;

if (typeof window.onload != 'function') {

window.onload = func;

} else {

window.onload = function() {








* Bookmark site script- © Dynamic Drive DHTML code library (

* This notice MUST stay intact for legal use

* Visit Dynamic Drive at for full source code


/* Modified to support Opera */

function bookmarksite(title,url){

if (window.sidebar) // firefox

window.sidebar.addPanel(title, url, "");

else if(window.opera && window.print){ // opera

var elem = document.createElement('a');





else if(document.all)// ie

window.external.AddFavorite(url, title);



3) Save popup.php in your template folder, ie templates/ja_purity/popup.php, and upload.

4) Include popup.php into your main template by placing the following code before tag:
5. Add class="popup" to any link and you should have a popup window. Then all you need to do is configure the script to customize your popup window.

So, in your Link field, you would literally put: page.html" class="popup

1 comment:

  1. This approach stopped working correctly for me in Chrome - pop up opens, but so does regular window. Any insight?