DEPRECATION WARNING

This documentation is not using the current rendering mechanism and is probably outdated. The extension maintainer should switch to the new system. Details on how to use the rendering mechanism can be found here.

wt_lightwindow

Author:Kasper Skårhøj
Created:2002-11-01T00:32:00
Changed:2009-04-13T12:38:40
Author:Alex Kellner
Email:Alexander.Kellner@einpraegsam.net
Info 3:
Info 4:

wt_lightwindow

Extension Key: wt_lightwindow

img-1

Copyright 2005-2009,

Alex Kellner,

<Alexander.Kellner@einpraegsam.net>

This document is published under the Open Content License

available from http://www.opencontent.org/opl.shtml

The content of this document is related to TYPO3

- a GNU/GPL CMS/Framework available from www.typo3.com

Table of Contents

wt_lightwindow 1

Introduction 2

What does it do? 2

Example use 2

Used JS library 2

Screenshots 3

How to use 4

Step by step: 4

Typoscript 5

Integration examples 6

List 6

Examples 6

FAQ 7

It won't work 7

Todos 8

Changelog 9

Additional links 10

Introduction

What does it do?

wt_lightwindow brings the javascript framework lightwindow to your TYPO3 installation:

Like moodalbox but a little bit better, because you can open content in the lightbox and the lightbox will not close even if you click a link in it!

All information to lightwindow: http://www.stickmanlabs.com/lightwindow/

Example use

  • Open a powermail form in the lightbox and lightbox could be open even if the form was submitted
  • Show tt_content in lightbox
  • Show movies in the lightbox

Used JS library

prototype is used for lightwindow

Screenshots

img-2 Lightbox with extern content (using links in the window will not close it!)

How to use

Step by step:

  • Import and install this extension from TER
  • Add static template
  • To use lightwindow you have to add only a CSS class to your links: class="lightwindow"
  • That's it

Typoscript

If you add the static template of wt_lightwindow, this typoscript lines will be used:

page.includeCSS.file3140 = EXT:wt_lightwindow/files/css/lightwindow.css
page.headerData.3141 = TEXT
page.headerData.3141.value (
        <script type="text/javascript" src="typo3/contrib/prototype/prototype.js"></script>
        <script type="text/javascript" src="typo3/contrib/scriptaculous/scriptaculous.js?load=effects"></script>
        <script type="text/javascript" src="typo3conf/ext/wt_lightwindow/files/js/lightwindow.js"></script>
)

Integration examples

List

You can use such contents in your lightbox:

  • Quicktime, SWF movies
  • Youtube videos
  • Intern content
  • Extern content
  • Iframes
  • Images
  • And so much more...

See http://www.stickmanlabs.com/lightwindow/ for integration examples

Examples

  • Simple example:<a href="index.php?id=4" class="lightwindow">openMe</a>
  • Open page and page should be open even if a link was clicked:<a href="http://www.yourdomain.org/index.php?id=4" class="lightwindow" pa rams="lightwindow_type=external,lightwindow_width=750,lightwindow_h eight=450,lightwindow_show_images=2">openMe</a>

FAQ

It won't work

  • Check if all needed JS/CSS files are loaded in the HTML header:<link rel="stylesheet" type="text/css" href="typo3conf/ext/wt_lightwindow/files/css/lightwindow.css" /><script type="text/javascript" src="typo3/contrib/prototype/prototype.js"></script><script type="text/javascript" src="typo3/contrib/scriptaculous/scriptaculous. js?load=effects"></script><script type="text/javascript" src="typo3conf/ext/wt_lightwindow/files/js/lightwindow.js"></script>
  • Ensure that you don't use mootools and prototype library on the same page

Todos

Do you need a new feature? Maybe we can help you, so just write us!

Changelog

((generated))

wt_lightwindow version 0.5.x beta
Initial Release to TER on 13.04.2008 version 0.5.0

wt_lightwindow with some more documentation and examples

wt_lightwindow version 0.1.x alpha
Initial Release to TER on 08.04.2008 version 0.1.0

wt_lightwindow available in TER