QuickDown basically creates a link to the Remository page along with a variety of document information formatted within a table. Instead, I am usually interested in having a direct download link inserted inline with the article’s content.

There are 2 files that need to be modified in order to get this working properly. One of them is the Remository core file p-classes/remositoryRepository.php. The other is the plugin file quickdown.php.

Remository core change

The function makeCheck() is the one needing changes in remositoryRepository.php. Below are the original function and the updated function.

// ORIGINAL
function makeCheck ($id, $func) {
  $interface =& remositoryInterface::getInstance();
  return md5($this->Time_Stamp.$interface->getCfg('absolute_path').date('md').$id.$func);
}

// MODIFIED
function makeCheck ($id, $func) {
  $interface =& remositoryInterface::getInstance();
  return md5($interface->getCfg('absolute_path').date('md').$id.$func);
}

Notice that the only change is the removal of a UNIX timestamp. makeCheck() is used in the creation of the direct download link creation and in its verification before allowing download. This is a bit different than the approach I would take but it is effective. If you wanted to make a permanent direct download link, you would remove all references to date or time in the obfuscated check code.

The download link created by the above modified code is good until the next day begins. Is this too long? For your situation perhaps but not for mine. Regardless, please note that the download link duration should outlive your cache.

QuickDown plugin change

Next, I wish to change the formatted output of the plugin and to have it include a proper direct download link. I have taken some shortcuts in order to make my changes to the original files easier to follow and not insert bunches of my code into the original code. All of these modifications are done to the file quickdown.php.

First, I added the makeCheck function.

function makeCheck ($id, $func) {
  $absolute_path = '/my/absolute/path/remdocs';
  return ( $absolute_path . date('md') . $id . $func );
}

Instead of creating a Remository instance, I simply added my absolute path to the remository documents (quick and dirty).

Next, I added a new plugin usage code {inlinedown:ID}. This completely separates my approach from the author’s and allows usage of the plugin as originally intended.

In the botQuickdown() function at line 57, I added:

$row->text = preg_replace('/{inlinedown:.+?}/', '', $row->text);

Then at line 86, I added:

if (preg_match_all('/{inlinedown:.+?}/', $content, $matches, PREG_PATTERN_ORDER)) {
  //Get IDS
  foreach ($matches as $fmatch) {
    foreach ($fmatch as $match) {
      $match = str_replace("{inlinedown:", "", $match);
      $match = str_replace("}", "", $match);
      $output = $this->ggis_createLink($match, $this->params);
      $content = preg_replace("/{inlinedown:$match}/", $output, $content);
    }
  }
  unset($matches);
}

Finally, I added my own create link function named ggis_createLink().

function ggis_createLink($idparam, &$param){
  $inline = TRUE;
  //Getting File-info from Database
  $database =& JFactory::getDBO();
  $id = intval($idparam);
  $database->setQuery("SELECT * FROM #__downloads_files WHERE id=$id");
  $filelist = $database->loadObjectList();
  if ($filelist) {
    $file = $filelist[0];
    $url = 'index.php?option=com_remository&';
    $func = 'download';
    $url .= 'func='.$func;
    $url .= '&id='.$idparam;
    $url .= '&chk=' . $this->makeCheck($idparam,$func) . '&no_html=1';

    if ($inline){
      $output = '<a href="'. $url .'">';
      $output .= '<img src="components/com_remository/images/download_trans.gif" border="0" align="middle">';
      $output .= '<b>'. $file->filetitle .'</b> (' . $file->filetype . ' ' . $file->filesize . ')</a>';
    }else{
      $output = '<table>';
      $output .= '<tr><td><a href="'. $url .'">';
      $output .= '<img src="components/com_remository/images/download_trans.gif"border="0">&nbsp;';
      $output .= '<b>'. _DOWNLOAD .'&nbsp;'. $file->filetitle .'</b></a></td></tr>';
      $output .= '</table>';
    }
  }
  return ($output);
}

Final result

The final result is an inline direct download link. This link shows the download image, the file title, the file type, and the file size. Depending on your styling, it should look similar to the image below.

Hopefully, you may find this modification of Remository and QuickDown useful for your purposes.

It is not required to understand what MooTools and Squeezebox are nor how they work in order to successfully create a wonderful lightbox effect. A lightbox may be used to display a large picture from a thumbnail or any link. Additionally, any web page may be displayed within the lightbox (a great way to display a map or directions).

This article has three parts:

1. Template setup (not required for GGIS clients)
2. Using SqueezeBox

Update:

See comment #6 and #7 for a patch to modal.js that makes this work for multiple images on the same page. Without the patch clicking on the next image displays the first image in the lightbox.

Joomla template setup

The easiest setup is to include the following code in your site’s main template. This makes SqueezeBox available to all pages based on the template.

Include this code within the <head></head> but after the <jdoc:include type=”head” /> tag.

<script type="text/javascript" src="<?php echo $this->baseurl ?>/media/system/js/modal.js"> </script>
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/media/system/css/modal.css" type="text/css" />
<script type="text/javascript">
// <!--
window.addEvent('domready', function(){ var JTooltips = new Tips($$('.hasTip'), { maxTitleChars: 50, fixed: 'false'}); });
// -->
</script>
<script type="text/javascript">
// <!--
window.addEvent('domready', function() {
SqueezeBox.initialize({});
$$('a.modal').each(function(el) {
el.addEvent('click', function(e) {
new Event(e).stop();
SqueezeBox.fromElement(el);
});
});
});
// -->
</script>

Using SqueezeBox

Basically, you are creating a link and the link opens the lightbox content. A link may be created around a thumbnail image or text. For an image, the lightbox is automatically sized . Here are the steps:

1. Open your selected content for editing in Joomla.
2. If you are using the WYSIWYG editor, then click the ‘Edit HTML content’ icon.
3. In the HTML modal box, locate where you would like to insert the link for SqueezeBox. Let’s call this LINKTEXT.

Displaying an image

Surround your LINKTEXT with the following anchor tag.

<a rel="SqueezeBox" href="LOCATION" title="CAPTION" class="modal">
LINKTEXT
</a>

Replace LOCATION with an absolute or relative URL to your image. Replace CAPTION with a caption for your image. Remember, LINKTEXT may be text or a thumbnailed image tag.

Displaying a web page

Surround your LINKTEXT with the following anchor tag.

<a rel="{handler: 'iframe', size: {x: WIDTH, y: HEIGHT}}" href="LOCATION" class="modal">
LINKTEXT
</a>

Replace WIDTH and HEIGHT with your chosen width and height of the lightbox. Replace LOCATION with an absolute or relative URL to web page you would like to display. This is an excellent way to display a Google map to your desired address.

Save your changes

Update your HTML and then save your changes. Finally, test your results.

American Red Cross in Southeastern Wisconsin – Provides relief to victims of disasters and helps people prevent, prepare for, and respond to emergencies in Dodge, Kenosha, Milwaukee, Ozaukee, Racine, Walworth, and Waukesha Counties.

Milwaukee Achiever Literacy Services – Inspires and empowers adult learners to gain the skills necessary to enrich their lives through education and training in an atmosphere of mutual acceptance and respect.

Installation

1. Download the latest version of the plugin here
3. Install via the standard Joomla interface
4. Enable the plugin
5. Minimal parameters may be set by clicking the plugin in the Plugin Manager

Basic usage (either the catid or the secid, not both, is required)

{ggis-scdesc catid=”10″} or
{ggis-scdesc secid=”10″}

Example of usage with parameters

{ggis-scdesc catid=”10″ showtitle=”0″ showname=”0″ showdesc=”1″}

Parameters:

• catid: id of category
• secid: id of section
• showtitle: Show the linked title(0/1, default=0)
• showname: Show the name(0/1, default=0)
• showdesc: Show the description(0/1, default=1)

Where to get it?

This is currently not a public release but if you are interested in it, please drop a comment on this article.

Expected Usage

This module was developed for a very specific usage and has not been developed or tested beyond that. I do however, see a wide variety of applications for this module. A client wished to display offsite class locations by county in a tabbed box. Additionally; the person editing the locations, while familiar with the basic editor interface on the front-end, was not expected to handle much complexity in layout.

Structural setup

1. Create a section named Section Locations
2. Create categories under Section Locations for each class type, ie.
   • Category Lifeguarding Locations
   • Category Lifeguarding Instructor Locations
   • Category Water Safety Instructor Locations
3. Under each category, create an article for each county listing that county’s offsite class locations, ie.
   • Article Dane County
   • Article Dodge County
   • Article Milwaukee County
   • Article Waukesha County
4. Control the display of the county articles by setting the publish flag

The outline of the above should be similar to:

1. Section Locations
   1. Category Lifeguarding Locations
      1. Article Dane County
      2. Article Dodge County
      3. Article Milwaukee County
      4. Article Waukesha County
   2. Category Lifeguarding Instructor Locations
      1. Article Dane County
      2. Article Dodge County
      3. Article Milwaukee County
      4. Article Waukesha County
   3. Category Water Safety Instructor Locations
      1. Article Dane County
      2. Article Dodge County
      3. Article Milwaukee County
      4. Article Waukesha County

Make it easy for the editor

1. Add a menu item to the user’s menu that links directly to Section Locations
   • This gives the editor easy access to the offsite class locations articles

Using the module

1. Use the mod_ggis-tabnews module that pulls all articles in a category and properly formats and outputs them
2. Make a copy of the module for each category
   • For the example’s case, 3 copies
3. Rename the copies
   • Tabbed Lifeguarding
   • Tabbed Lifeguard Instructor
   • Tabbed Water Safety Instructor
4. Assign each copy a unique position. This is easily done by typing your unique position into the Postion dropdown when editing the module.
   • lifeguard_locations
   • lifeguardinstructor_locations
   • watersafetyinstructor_locations
5. Set the module’s parameters as appropriate. Especially set either the Section ID or the Category ID.

Displaying the module

For the example, the module is intended to display in an article. That is why a unique, non-templated position was used in step 4 above. Modules may displaye
d in any article using Joomla’s loadposition plugin. In our example, there are 3 descriptive articles titled;

• Lifeguarding
• Lifeguard Instructor
• Water Safety Instructor

To display the module in the Lifeguarding article, include the plugin text where you wish the module to appear.

• (loadposition lifeguard_locations}

At first glance, the solution seems as though it would be simple and straightforward but it actually requires some tricks. This article will approach the issue in a somewhat backward approach; starting with what is required of the end-user editor, then going to changes required of the administrator, and finally touching on a little of the why.

For the Editor

Simple steps:

1. Create your article and insert your images using the standard methods.
2. Add a caption
   1. Click on the image so that it is highlighted
   2. Click on the ‘Insert/Edit Image’ icon
   3. In the ‘General’ tab, enter a Title (the title is used to become the caption)
   4. In the ‘Appearance’ tab, set the class to caption
3. Add a border
   1. Click on the image so that it is highlighted
   2. Click on the ‘Insert/Edit Attributes’ icon
   3. In the ‘Attributes’ tab, set the class to (value)
   4. Enter border as the class (this is border only, no caption)
   5. Or, enter caption border as the class (the image will have a border and a caption)
4. Save all of your changes

Where is the ‘Insert/Edit Attributes’ icon? Well, if your administrator has set up everything correctly, it should appear as in the image below.

Insert/Edit Attributes

For the Administrator

In the default installation of Joomla, the ‘Insert/Edit Attributes’ icon does not appear in the TinyMCE toolbar. Additionally, the border style is not part of the default CSS. Both of these are easily fixed.

TinyMCE Plugin

The settings for the TinyMCE editor are available from its plugin. The steps are:

1. Click ‘Editor – TinyMCE’ from the Extensions > Plugins Manager.
2. Make certain that ‘Functionality is set to Advanced in the Plugin Parameters
3. Select Show for XHTMLxtras in the Advanced Plugin Parameters
4. Save changes and the icon will appear in the TinyMCE toolbar

CSS for Caption and Border

The CSS for captions are initially set in a system CSS file. These settings may be overridden in your stylesheet. Below is my caption CSS.

/* Caption overrdies */
.img_caption.left {
float: left;
margin-right: 1em;
}

.img_caption.right {
float: right;
margin-left: 1em;
}

.img_caption.left p {
clear: left;
text-align: center;
color: #666;
}

.img_caption.right p {
clear: right;
text-align: center;
color: #666;
}

l also add a short style to set the border around an image.

img.border { border: 1px solid #000; }

Why?

Joomla has taken an interesting and resonable approach for adding captions to images. Joomla simply takes the image’s title, processes it with some javascript, and outputs it with the image. The final display of the caption is controlled by the CSS. The files used are:

• /templates/system/css/general.css
• /media/system/js/caption.js

ggis Iframe gives authors an easy way to insert an iframe into a Joomla content item.

Features and Requirements

• Joomla! 1.5 or greater

Setup

Using ggis_iframe is a very simple matter of performing a short setup and then inserting a simple code in your article.

1. Download and install plugin using standard means. Download here.
2. There are really no plugin options to set, everything is controlled by the insert tag.
3. Publish the ggis_iframe plugin

Usage

The subscription form may be inserted on a post, page, or text widget by including the following code in your text.

{ggis_iframe %param0="val" %param1="val"}

http://iframe.url{/ggis_iframe}

The insert tag starts with {ggis_iframe} and ends with {/ggis_iframe}. A number of parameters may be set in the openning tag. The URL of the iframe to insert goes between the tags.

Another example with all parameters set:

{ggis_iframe id="mine" width="100%" height="650"
frameborder="0" allowtransparency="true"
scrolling="auto"}http://mydomain.com/page{/ggis_iframe}

Parameters

• id – identifies your iframe (text)
  • default = random number
• width -sets the iframe width (% or px)
  • default = 100%
• height – sets iframe height (% or px)
  • default = 650px
• frameborder – border width around iframe (low integer)
  • default = 0
• allowtransparency – iframe background transparency (true or false)
  • default = true
• scrolling – set iframe scrolling (auto, yes, or no)
  • default = auto

To Do

]]> http://dvector.com/oracle/2008/10/03/ggis-iframe-plugin/feed/ 3 http://dvector.com/oracle/2008/06/14/sweet-land/ http://dvector.com/oracle/2008/06/14/sweet-land/#comments Sat, 14 Jun 2008 20:46:52 +0000 one1 http://dvector.com/oracle/?p=45 Join me at the showing of the Sweet Land movie on July 21. This is a ‘Spotlight on Literacy’ fundraiser for Milwaukee Achiever Literacy Services.

Some of my Joomla! sites use Facile Forms to manage their forms. This extension is getting a little aged and the developer has indicated he might not upgrade the code for new versions of Joomla!.

Recently, a Facile Forms user complained they were receiving form spam. (Form spam is similar to email spam only the spammer uses website forms to insure delivery to real users.) Facile Forms has a security code CAPTCHA to block form spam but obviously it was not working. So I removed the Facile Form CAPTCHA and implemented a different CAPTCHA.

This blocked a large portion of the form spam but a few were still trickling through. I found a short post indicating a hack that might help. It seems that Facile Forms does not do a check to ensure that the post is coming from a recently served page on your site and that the fields are validated only by javascript.

Short of replacing Facile Forms, which I shall do shortly, I hacked it. The hack varies slightly from the Meyer hack above.

Oracle Hack of Facile Forms

Add a line to the file components/com_facileforms/facileforms.process.php (at line 3081)

//hack to check referer; 1 line added
if(stripos($_SERVER['HTTP_REFERER'],$_SERVER['HTTP_HOST'])===false) $this->suicide();

There are of course problems with this hack; referrer can be spoofed and not all clients send referrer headers. But it should cover my users until I get the extension replaced.