.. You may want to use the usual include line. Uncomment and adjust the path. 
.. include:: ../Includes.txt


===============
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:

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:

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:

Introduction
------------


.. _What-does-it-do:

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/
<http://www.stickmanlabs.com/lightwindow/>`_


.. _Example-use:

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:

Used JS library
^^^^^^^^^^^^^^^

prototype is used for lightwindow


.. _Screenshots:

Screenshots
-----------

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


.. _How-to-use:

How to use
----------


.. _Step-by-step:

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:
  :code:`class="lightwindow"`

- :code:`That's it`


.. _Typoscript:

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:

Integration examples
--------------------


.. _List:

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/
<http://www.stickmanlabs.com/lightwindow/>`_ for integration examples


.. _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:

FAQ
---


.. _It-won-t-work:

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:

Todos
-----

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


.. _Changelog:

Changelog
---------


.. _generated:

((generated))
^^^^^^^^^^^^^

.. _wt-lightwindow-version-0-5-x-beta:

wt\_lightwindow version 0.5.x beta
""""""""""""""""""""""""""""""""""


.. _Initial-Release-to-TER-on-13-04-2008-version-0-5-0:

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:

wt\_lightwindow version 0.1.x alpha
"""""""""""""""""""""""""""""""""""


.. _Initial-Release-to-TER-on-08-04-2008-version-0-1-0:

Initial Release to TER on 08.04.2008 version 0.1.0
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

wt\_lightwindow available in TER


.. _Additional-links:

Additional links
----------------

**You can use one of the following links, to get more informations
about this plugin:**

- Authors (Alex Kellner) homepage: `http://www.einpraegsam.net
  <http://www.einpraegsam.net/>`_

- Tuning parts for your car: `http://www.wunschtacho.de
  <http://www.wunschtacho.de/>`_

- Stuff for snowboarder and skier: `http://www.justpowder.de
  <http://www.justpowder.de/>`_

Do you need help with this plugin: `http://www.typo3.net
<http://www.typo3.net/>`_

|img-3| wt\_lightwindow - 10


.. ######CUTTER_MARK_IMAGES######

.. |img-1| image:: img-1.png
.. :align: left
.. :border: 0
.. :height: 16
.. :id: Grafik3
.. :name: Grafik3
.. :width: 18

.. |img-2| image:: img-2.jpeg
.. :align: left
.. :border: 0
.. :height: 388
.. :id: Grafik2
.. :name: Grafik2
.. :width: 669

.. |img-3| image:: img-3.png
.. :align: left
.. :border: 0
.. :height: 32
.. :id: Graphic1
.. :name: Graphic1
.. :width: 102