Pausing up-down Scroller plugin

This is a plugin which allows you to display an up-down scroller that pauses between each message! The scroller is displayed right inside your article or content item.

The original code was written by dynamicdrive.com. What I've done is to wrap the code into a Joomla plugin so that you can use it within your Joomla articles.

Demo

Powered by JoomlaGadgets

You can see a sample scroller on the right of this paragraph.

The look of the scroller is completely styled using external CSS, including the width, height, foreground and background color.


Powered by JoomlaGadgets

You can have multiple scrollers, each with different width, height and alignment (float to left or right).

Note that you can have different pause intervals for each scroller. The first one above scrolls once every 3 seconds. The second one on the left scrolls once every 4 seconds.

You can also easily create a single line scroller just by adjusting the scroller's height appropriately!

Powered by JoomlaGadgets


Latest Version

v1.03 (for Joomla 1.0), v1.53 (for Joomla 1.5), v1.63 (for Joomla 1.6), v1.73 (for Joomla 1.7), v2.53 (for Joomla 2.5)
Released January 31, 2012

Support for Pausing up-down Scroller module for Joomla 2.5!

How to use the "Pausing up-down Scroller" plugin

Important: If you're using Joomla 1.5.8, please refer to the article:
How to enter HTML tags, javascript and PHP codes in Joomla 1.5.8?
Otherwise you might find that all your HTML tags, Javascript and PHP scripts will be removed the moment you click the Save or Apply button.
  1. To insert the Pausing up-down Scroller, use the syntax:
  2. {UpDownScroller}
    ... scroller messages ... 
    {/UpDownScroller}
    


  3. Each scrolling message is delimited by a line containing three dashes '---'
  4. {UpDownScroller}
    message #1
    ---
    message #2
    ---
    message #3
    {/UpDownScroller}
    

  5. The scrolling message can contain any valid HTML text such as links:
  6. {UpDownScroller}
    <a href="http://www.news.com">News.com: Technology and business reports</a>
    ---
    <a href="http://www.cnn.com">CNN: Headline and breaking news 24/7</a>
    ---
    <a href="http://news.bbc.co.uk" target="_new">BBC News: UK and international news</a>
    {/UpDownScroller}
    

  7. Each scrolling message can also contain multiple lines:
  8. {UpDownScroller}
    <a href="http://www.news.com">News.com</a>
    Technology and business reports
    ---
    <a href="http://www.cnn.com">CNN</a>
    Headline and breaking news 24/7
    ---
    <a href="http://news.bbc.co.uk" target="_new">BBC News</a>
    UK and international news
    {/UpDownScroller}
    

  9. Width of the scroller: The default width of the scroller is defined in the Parameters in Plugin Manager. If you want to change the scroller width locally to say, 360px, use the following syntax:
  10. {UpDownScroller width:360}
    message #1
    ---
    message #2
    ---
    message #3
    {/UpDownScroller}
    
  11. Height of the scroller: The default height of the scroller is defined in the Parameters in Plugin Manager. If you want to change the scroller height locally to say, 120px, use the following syntax:
  12. {UpDownScroller width:360 height:120}
    message #1
    ---
    message #2
    ---
    message #3
    {/UpDownScroller}
    
  13. Unique ID of the scroller: If you are using only one scroller in an article, you do not need to specify any ID for the scroller.
  14. However, if you're using more than one scrollers in an article, you will need to specify a unique ID for each scroller. The ID used is similar to a standard variable name, i.e. the first character should be a-z or _, followed by a-z, 0-9 or _.

    {UpDownScroller id:t121 width:360 height:120}
    message #1
    ---
    message #2
    ---
    message #3
    {/UpDownScroller}
    
  15. CSS style of the scroller: The default css style for the scroller is pscroller1 as specified in the css file pausing_up_down_scroller.css in the folder mambots/content/pausing_up_down_scroller (for Joomla 1.0), and plugins/content/pausing_up_down_scroller (for Joomla 1.5).
  16. If you take a look at the css file pausing_up_down_scroller.css, you will see three pre-defined styles: pscroller1, pscroller2 and pscroller3. These are the three css styles used by the three demos you see above. To specify which css style to use for the scroller, use the following syntax:

    {UpDownScroller id:t121 style:pscroller3 width:360 height:120}
    message #1
    ---
    message #2
    ---
    message #3
    {/UpDownScroller}
    

  17. Make the scroller float left: To make the scroller float left, use the following syntax. The 10 following the keyword left will set a margin of 10px between the scroller and the text flowing around it.
  18. {UpDownScroller id:t121 style:pscroller3 width:360 height:120 float:left10}
    message #1
    ---
    message #2
    ---
    message #3
    {/UpDownScroller}
    

  19. Make the scroller float right: To make the scroller float right, use the following syntax. The 16 following the keyword left will set a margin of 16px between the scroller and the text flowing around it.
  20. {UpDownScroller id:t121 style:pscroller3 width:360 height:120 float:right16}
    message #1
    ---
    message #2
    ---
    message #3
    {/UpDownScroller}
    

  21. The pause between each message: The default pause between the display of each message is 3000 milli-seconds.
  22. To specify this pause value to, say 2.5 seconds, use the following syntax. The value is specified in milli-seconds.

    {UpDownScroller id:t121 style:pscroller3 width:360 height:120 float:left pause:2500}
    message #1
    ---
    message #2
    ---
    message #3
    {/UpDownScroller}
    

  23. CSS file: The default css file is pausing_up_down_scroller.css. However, you can also specify a different css files for different scrollers with the following syntax:
  24. {UpDownScroller id:t121 style:pscroller3 float:left pause:2500 css:your_css_file.css}
    message #1
    ---
    message #2
    ---
    message #3
    {/UpDownScroller}
    

Download


How to install (Joomla 1.0.x)

  1. Download the plugin and unzip it into a folder.
  2. From the Installers menu, select mambots. In the field "Install directory", enter the folder location (where you unzipped the file) and click Install.
  3. From the Mambots menu, select Site Mambots.
  4. Make sure the plugin "Pausing up-down Scroller" is published. If you see a cross in the Published column, just click on it. It will turn into a green tick.

You are now ready to use this plugin!

How to install (Joomla 1.5.x)

  1. Download the plugin and unzip it into a folder.
  2. From the Extensions menu, select Install/Uninstall. In the field "Install directory", enter the folder location (where you unzipped the file) and click Install.
  3. From the Extensions menu, select Plugin Manager.
  4. Enable the plugin "Pausing up-down Scroller" - make sure there is a green tick in the Enabled column.
  5. Very Important: If you're using Joomla 1.5.8 and above, please refer to the article:
    How to enter HTML tags, javascript and PHP codes in Joomla 1.5.8?. Otherwise you might find that all your HTML tags, Javascript and PHP scripts will be removed the moment you click the Save or Apply button.

You are now ready to use this plugin!

History

  1. v1.01 (for Joomla 1.0) and v1.51 (for Joomla 1.5)
    Released December 19, 2008
  2. modified the codes slightly so that it can be used with mod_pausing_up_down_scroller

    v1.02 (for Joomla 1.0), v1.52 (for Joomla 1.5), v1.62 (for Joomla 1.6) and v1.72 (for Joomla 1.7)
    Released November 25, 2011

    Native version of the Pausing up-down Scroller plugin for Joomla 1.6 and Joomla 1.7!

  3. v1.03 (for Joomla 1.0), v1.53 (for Joomla 1.5), v1.63 (for Joomla 1.6) and v1.73 (for Joomla 1.7)
    Released November 25, 2011
  4. Support for Pausing up-down Scroller module for Joomla 1.6 and Joomla 1.7!

session
Array
(
    [__default] => Array
        (
            [session.counter] => 1
            [session.timer.start] => 1436042511
            [session.timer.last] => 1436042511
            [session.timer.now] => 1436042511
            [session.client.browser] => CCBot/2.0 (http://commoncrawl.org/faq/)
            [registry] => Joomla\Registry\Registry Object
                (
                    [data:protected] => stdClass Object
                        (
                        )

                    [separator] => .
                )

            [user] => JUser Object
                (
                    [isRoot:protected] => 
                    [id] => 0
                    [name] => 
                    [username] => 
                    [email] => 
                    [password] => 
                    [password_clear] => 
                    [block] => 
                    [sendEmail] => 0
                    [registerDate] => 
                    [lastvisitDate] => 
                    [activation] => 
                    [params] => 
                    [groups] => Array
                        (
                            [0] => 9
                        )

                    [guest] => 1
                    [lastResetTime] => 
                    [resetCount] => 
                    [requireReset] => 
                    [_params:protected] => Joomla\Registry\Registry Object
                        (
                            [data:protected] => stdClass Object
                                (
                                )

                            [separator] => .
                        )

                    [_authGroups:protected] => Array
                        (
                            [0] => 1
                            [1] => 9
                        )

                    [_authLevels:protected] => Array
                        (
                            [0] => 1
                            [1] => 1
                            [2] => 5
                        )

                    [_authActions:protected] => 
                    [_errorMsg:protected] => 
                    [userHelper:protected] => JUserWrapperHelper Object
                        (
                        )

                    [_errors:protected] => Array
                        (
                        )

                    [aid] => 0
                )

        )

    [product_id] => 80,81
    [userid] => 0
    [j] => Array
        (
            [136] => Array
                (
                    [25] => 20150704_13:41:51_54.159.96.99_491514
                )

            [121] => Array
                (
                    [17] => 20150704_13:41:51_54.159.96.99_835673
                )

            [120] => Array
                (
                    [16] => 20150704_13:41:51_54.159.96.99_255026
                )

            [81] => Array
                (
                    [15] => 20150704_13:41:51_54.159.96.99_575707
                )

            [80] => Array
                (
                    [10] => 20150704_13:41:51_54.159.96.99_730419
                )

        )

)