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
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.
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!
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.
- To insert the Pausing up-down Scroller, use the syntax:
- Each scrolling message is delimited by a line containing three dashes '---'
- The scrolling message can contain any valid HTML text such as links:
- Each scrolling message can also contain multiple lines:
- 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:
- 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:
- 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.
- 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), andplugins/content/pausing_up_down_scroller
(for Joomla 1.5). - 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. - 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. - The pause between each message: The default pause between the display of each message is 3000 milli-seconds.
- 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:
{UpDownScroller} ... scroller messages ... {/UpDownScroller}
{UpDownScroller} message #1 --- message #2 --- message #3 {/UpDownScroller}
{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}
{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}
{UpDownScroller width:360} message #1 --- message #2 --- message #3 {/UpDownScroller}
{UpDownScroller width:360 height:120} message #1 --- message #2 --- message #3 {/UpDownScroller}
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}
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}
{UpDownScroller id:t121 style:pscroller3 width:360 height:120 float:left10} message #1 --- message #2 --- message #3 {/UpDownScroller}
{UpDownScroller id:t121 style:pscroller3 width:360 height:120 float:right16} message #1 --- message #2 --- message #3 {/UpDownScroller}
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}
{UpDownScroller id:t121 style:pscroller3 float:left pause:2500 css:your_css_file.css} message #1 --- message #2 --- message #3 {/UpDownScroller}
Download
Joomla 1.0.x: pausing_up_down_scroller_v1.03.zip
Joomla 1.5.x: pausing_up_down_scroller_v1.53.zip
Joomla 1.6.x: pausing_up_down_scroller_v1.63.zip
Joomla 1.7.x: pausing_up_down_scroller_v1.73.zip
Joomla 2.5.x: pausing_up_down_scroller_v2.53.zip
How to install (Joomla 1.0.x)
- Download the plugin and unzip it into a folder.
- From the Installers menu, select mambots. In the field "Install directory", enter the folder location (where you unzipped the file) and click Install.
- From the Mambots menu, select Site Mambots.
- 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)
- Download the plugin and unzip it into a folder.
- From the Extensions menu, select Install/Uninstall. In the field "Install directory", enter the folder location (where you unzipped the file) and click Install.
- From the Extensions menu, select Plugin Manager.
- Enable the plugin "Pausing up-down Scroller" - make sure there is a green tick in the Enabled column.
- 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
- v1.01 (for Joomla 1.0) and v1.51 (for Joomla 1.5)
Released December 19, 2008 - 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
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!
Support for Pausing up-down Scroller module for Joomla 1.6 and Joomla 1.7!
Array ( [product_id] => 80,81 [userid] => 0 [j] => Array ( [136] => Array ( [25] => 20250206_14:31:34_18.97.14.89_462134 ) [121] => Array ( [17] => 20250206_14:31:34_18.97.14.89_678897 ) [120] => Array ( [16] => 20250206_14:31:34_18.97.14.89_939852 ) [81] => Array ( [15] => 20250206_14:31:34_18.97.14.89_662530 ) [80] => Array ( [10] => 20250206_14:31:34_18.97.14.89_794799 ) ) )
Comments
It works on Joomla 1.7. There are already many users using it on Joomla 1.7.
Would you want to provide more details so that I can help? e.g.
- What have you tried?
- Could you please switch to the standard Joomla template and see if it works - this will allow you to see if it works on your machine at all. (because some other Joomla template uses other javascript animation library that causes conflict with jQuery.)
- Can you provide the URL so that I can do a view source of your page to gather more clues as to where might be the problem.
Regards,
/kksou
thanks
Can you please email me the tag that you have tried to use?
Will test it on my side to see what's the problem.
Regards,
/kksou
Have just sent you an email. Please email me back those information so that I have more clues as to where might be the problem.
Regards,
/kksou
Have received your email with the details. Thanks.
If you take a look at the css, it uses # for each scroller. This means that each scroller needs to point to a different style corresponding to each id.
For your case, you have used "mod_pscroller" as style for your first scroller, so you need to specify a different css for your second scroller.
Try changing your second scroller:
style:mod_pscroller
to
style:pscroller2
Please give it a try and let me know if it works this time.
Once it works, you can start modifying the style pscroller2 to suit your needs.
Regards,
/kksou
Have just emailed you the latest registered version of the plugin.
Please let me know if you didn't receive it.
Regards,
/kksou
May I know which link did you click?
If you try the download link at: http://www.kksou.com/php-gtk2/Joomla/Pausing-up-down-Scroller-plugin.php#download
All the 5 links there should work fine (for the 5 different versions of Joomla).
Have also emailed a copy of the installers to you.
Regards,
/kksou
As mentioned in the first paragraph of this page, the original code was written by dynamicdrive.com. What I've done is to wrap this into a Joomla plugin so that you can use this within the Joomla framework.
You might want to ask the author about your question. Alternatively, dynamicdrive.com has a very active forum. You can also ask the questions there.
Regards,
/kksou
Is it possible though to show more than 1 message at a time but then only move up one on each scroll (hope this makes sense)?
No. This is a simple plugin to display one message at a time.
You may want to try joomla.org to see if there are more elaborated plugins that can achieve what you have in mind.
Regards,
/kksou
http://www.pduexpertuk.com/new-2012/
It seems to be covering all of my graphics? The "powered by..." text seems to be a big block image.
WHy can it not be just simple html text sitting in the corner instead of a massive image? Anyway around this?
Think it's due to the CSS stylesheets of your template. Try switching to the standard Joomla template and see if the problem is still there.
Regards,
/kksou
I install the both module and pluggin V1.7, But it displays the text in put in the module content plainly. May I know what could be the possible reason ?
Sorry for the confusion. It works for me now. I forgot to enable the plugin.
For a total beginner you have made everything else real easy!
Haven't tried it yet. But I think you can do it through the CSS style sheets.
Goto the folder: plugins/content/pausing_up_down_scroller/pausing_up_down_scroller
Edit the file: pausing_up_down_scroller.css
If you are using the default sample, you can try edit the style for "#pscroller1"
Let me know if it works, ok?
Regards,
/kksou
I can not for the life of me find the download for the PLUGIN - 20 mins searching your site after registering - there is only a module download - which do not work with out plugin??????
Where is the plugin download please?
Why would I buy if the needed plugin is not supplied with module as is - it don't work?
It's right on this page (where you leave this comment).
You can search for the word "Download".
Or you can click this link: http://www.kksou.com/php-gtk2/Joomla/Pausing-up-down-Scroller-plugin.php#download
Regards,
/kksou
Thank you so much.
This scroller is what I've been looking for.
You can set the background color through the style sheets
Name of the css file: "pausing_up_down _scroller.css"
Located in the following folder: plugins/content/pausing_up_down _scroller/pausing_up_down _scroller
Regards,
/kksou
I want to attach an anchor tag to the heading of the module, so when i click on the header say (Pausing up-down) on my website, it will take the user to another article with the whole list of news items that is being scrolling down. Is there any option for this?? Thanks in advance.
There's no option to do this. You have the source code. You will need to modify the code to suit your needs.
Regards,
/kksou
Thanks for the reply!! Since i m new to joomla and php .. could u please list the steps as how should i code in the xml and php files ? Would be wonderful if you help me in this. Thank you
Documentation is very poor at best.
Doesnt work at all no matter how I add the {UpDownScroller}
THis is a test
----
This is a test
{/UpDownScroller}
Just shows exactly what is above in code or in module..
My client liked it, so bought it, just now, for $10.
Uninstalled the free version, installed the purchased version.
NOW IT DOES NOT WORK.
Basically the exact same code, but with sizing parameters in it.
HERE is the site, please tell me what is wrong?
http://lincolncountyed.org/
Thank you,
Kent
The zip file that you've downloaded contains the installers for all 5 Joomla version.
1) Please unzip the downloaded zip file to a file location.
2) You will see 5 subfolders. Each one is the installer for the respective Joomla version.
3) Use the installer that corresponds to your Joomla version.
Please give it a try one more time and let me know if it works.
Regards,
/kksou
Joomla version 1.5.23
Free version of Pausing...
Basic test doesn't work.
The text appears with banners and without CR/LF.
It's what i see on the page
{UpDownScroller} message #1 --- message #2 --- message #3 {/UpDownScroller}
It's correct in the module window
Thank's in advance
You see the tag too: {UpDownScroller} ?
If you see the tag, it means the tags are not processed at all. Did you enable the plugin?
Regards,
/kksou
cause I tried with the coding you have provided but it's not working. Please help me.
done
I am more than willing to help, but please you need to provide more clues and info.
Please let me know what you have tried? What are the tags that you have used? Also the url of the web page so that I can do a view source of the page.
Regards,
/kksou
evdeneve-nakliyat.eu Team
Bayrakci.pw team
RSS feed for comments to this post