280 comments found.
Hi – I am wanting a ticker like this but want the source of what is in the ticker to be from an array (eg a list of items – they each have their own page on my website ie the items would scroll and then if one catches your eye you can click on it and it then it takes you to that page on my website) – can I do that or does this ticker only work with Atom or RSS feeds ?
You can do this in two ways:
1. You can simply put your items (+links) as HTML code directly in the ticker. The ticker supports this, it doesn’t need to load any data, you can simply put the data inside its HTML code. You can do this manually by writing the HTML or you can use PHP or JavaScript to dynamically write the data when the page is created.
2. You can load your items (+links) by using a simple text file with RSS format. The ticker is made to work with loading RSS files but these are simply text (XML) files with a certain format in which the data is written. So you can put the text and the links in this basic RSS file (the ticker comes with an example file), you then put this file on your server and the ticker loads it and displays the data from it. When an item is clicked, the page that you provided for that item is opened.
Let me know if everything is clear about what I have explained or if you have any other questions.
Excellent …. will purchase it now then 
How do I change rss feeds on the fly? I have news and weather feeds and I’d like to change the feed based on the user’s choice.
You can use JavaScript to remove the old ticker, set the new options and reinitialize it with the new feed. The ticker does not have a built-in method to switch between feeds. It is the first time that someone has asked for this and I will make a note of it and try to add this method in a future update. But for right now, the option that I described above should work ok.
Regards.
Ok, thanks. I’ve already done that. It was easy enough to extend your code like so: jQuery(”.modern-ticker”).modernTicker(“rssFeed”, weatherUrl). Good job on making it easy to follow. Works great on IE – very smooth. It’s a little jerky on Chrome for some reason. Usually Chrome works way better.
Happy to see that you’ve managed to extend the code easily. I have tried to make it as clear as possible, so that it can be easily understood and modified by clients. Regarding the animation, it looks similar on my end both in IE and Chrome. I will look into it and see if I can find any performance improvements anywhere.
Pro1. If news is too long to fit the frame width, is it possible to show text on 2nd line. Pro2. I added tag to make date and main text different. But your code looks not recognize tag, and show the code directly. Any way to fix?
Thanks.
The ticker was not designed to work with multiple lines so, unfortunately, it is not possible to display the text on multiple lines. You can use the scroll effect which will scroll the text so that the length of the text is not an issue.
Regarding your second question, I don’t understand what you mean by tag. All html elements are also referred to as tags. If you have added new tags to the ticker html code, then you can use CSS to style those tags and make them look like you want them to. Let me know if everything is clear or if you have any other questions about this.
I have a problem, I’ve put all well but not displayed correctly. And does the scroll. Please help me. Thank you very much.
Look http://losmegaexitos.es/indexp.html
CODE INDEX:
<link href=”modern-ticker/css/modern-ticker.css” type=”text/css” rel=”stylesheet”>
<link href=”modern-ticker/themes/theme1/theme.css” type=”text/css” rel=”stylesheet”>
<script src=”modern-ticker/js/jquery-1.11.0.min.js” type=”text/javascript”></script>
<script src=”modern-ticker/js/jquery.modern-ticker.min.js” type=”text/javascript”></script>
<!- End ticker assets code ->
<!- Start ticker markup code ->
NEWS:
- News 1 news 1 …
- News 2 news 2 …
- News 3 news 3 …
- News 4 news 4 …
- News 5 news 5 …
- News 6 news 6 …
- News 7 news 7 …
- News 8 news 8 …
- News 9 news 9 …
- News 10 news 10 …
To begin with, you have jQuery added 2 times on the page and this can create problems. The first time is on line 21 and then again on line 34. As the ticker instructions mention, if you have jQuery on the page, you should not add it a second time. Remove line 34 and do another test and let me know how it goes.
Hello,
I was wondering if you could give me a KNOWN working rss news link so that I can use to troubleshout? my demo works but cant get any rss to show. site is gcordero.com
Thanks in advance, -Glen
You can use this link with an example RSS file: http://creativetier.com/examples/example.rss
But, because you are loading from an external domain, make sure to set the “loadType” setting to “process” in the JavaScript initialization code.
can i use arabic language in it?
Yes, you can put Arabic text in the ticker but notice that it only scrolls from right to left.
Regards.
a little guide is required. when you can be available
I have answered your email. If you have any other questions, you can contact me again.
Regards.
Hello I am getting an “Access-Control-Allow-Origin” error and the rss feed i am trying to integrate its not loading.
Please Advice
Thank you
If you are loading the RSS file from another domain without having loading access from that domain, use the “process” load type in the initialization code:
jQuery(".modern-ticker").modernTicker({
...
loadType: "process",
...
});
The guide explains everything about loading in the “Loading an RSS or Atom file” section.
Let me know if you still have a problem.
Regards.
Hi
could you pls advice us how to make “Modern News Ticker” working right to left ?
regards
There is no right to left option right now. Since people have been asking for this option, I plan on developing it sometime in the future, when I find the time to work on it. When I will make this update, I will post a notification of it in the “Updates” section on the ticker description page.
Regards.
Hi’ im Marco from mail m.cretarola@bitpurple.com. I’ve purchased Modern Newsticker and this is my purchase code.
6fabd0a2-1a2a-458c-8464-a338f2b80b36
Can you send me modified source to work with ” data – Post Title” from RSS feed?
Many thanks
I have sent the modified file to your email. Let me know if all is working well.
Hi, with this newsticker can i show post date with rss feed?
Ex. with this format: 2/1/2016 – News title from RSS Feed
Many thanks, if this it’s possibile i buy your newsticker
It does not have that option yet but I can make a simple modification for you in the code to make it display the date like that. Later, when I update the ticker, I will include this in the online files as well as a setting that you can control.
You can just send me a contact email and I will reply with the modified file.
Regards.
Hi, i’ve write directly to contact@creativetier.com, have you received this mail? Many thanks
Yes, I have received your email and answered back.
RSS To display the DateTime ??
Sorry, can you give me more information about what you are interested to know?
Hi. Sorry.Fixed. Thank you.
Do you require. not responsive support plan?
I don’t understand what you are asking. Are you asking if the ticker has responsive support? In so, then yes, it does, simply set the with value to a percentage, such as “100%” in the CSS file.
Hi.
<.li><.a href=’””’ target=’””’>” ~ ”<./a><./li>
I try to insert a tag to the top of rss source?
Come to below as tags will be output as text.
<.li><.a href=’””’ target=’””’><.b>” ~ ”<./b><./a><./li>
What should I do?
? The period will be less output unchanged tag.
I am sorry but I do not understand what you are asking. Can you try to be more specific? Also, a link to where I can look over what you are trying to do would be helpful.
HI. Leaving the question to the image.
Ok, you are trying to make the news text bold.
The modification to the code seems ok. Are you having any problem with it?
That is one way of making the text bold, but it is easier to just go into the CSS and simply add “font-weight: bold;” to ”.mt-news a”, as so:
.mt-news a {
...
font-weight: bold;
}
I want to put the tag in part for seo .. It is hard? ...
I am not sure the “b” tag affects SEO but ok, it is not an issue now.
Have you tested the modification you made? Is it working?
<b /> tag is output as it is. not bold.
There are multiple places in the code where the “b” tag can go depending on how you are loading. Make sure you are putting it in the correct place.
Are you loading an RSS file or from Twitter? If RSS, are you using the “process” load or the “direct” load?
Hi. Please see the image.
I think there is a problem with the “type” effect. All other effects seems to be working well. Can you test another effect?
I will try. But I’m sorry, but I have been living in Korea. The current time is 4:00 am. Too sleepy … Test tomorrow and we will contact you. :`-(
Ok, no problem, let me know once you test.
Thank you. Have a good day.
Come to the test “type” effect is a problem. To set a different effect normal output. Thank you.
Ok. I will make a modification to the code in order to work with the modification that you want to make. Use the form on my profile page to send me a contact email and I will reply on your email with the modified file.
Hello,
Thank you for this nice script.
I’ve just purchased the ticker and would appreciate your support.
My website is a vbulletin forum (3.8.8), I have implemented the code in my HTML pages but the scrolling feature and the other effects are not active.
Also, it sounds that the ticker css features are not compatible with my forum style css and the ticker appears disfigured.
I’ve removed it until I’ll get your advise.
I have uploaded the modern-ticker folder to my vb root and implemented the following code in my HTML pages:
<!- Start ticker code ->
<!- Start ticker assets code ->
<link href=”modern-ticker/css/modern-ticker.css” type=”text/css” rel=”stylesheet”>
<link href=”modern-ticker/themes/theme5/theme.css” type=”text/css” rel=”stylesheet”>
<script src=”modern-ticker/js/jquery-1.11.0.min.js” type=”text/javascript”></script>
<script src=”modern-ticker/js/jquery.modern-ticker.min.js” type=”text/javascript”></script>
<!- End ticker assets code ->
-
<!
<!- Start ticker initialization code ->
<!- For more information about the initialization code and the available settings, see chapter "4.2.3. The initialization code" of the guide. ->
<script type="text/javascript">
jQuery(".modern-ticker").modernTicker({
effect: "scroll",
scrollType: "continuous",
scrollStart: "inside",
scrollInterval: 20,
transitionTime: 500,
linksEnabled: true,
pauseOnHover: true,
autoplay: true,
feedType: "rss-atom",
feedUrl: "http://arabic.cnn.com/middle_east/rss",
loadType: "process",
forceNoCache: false,
feedCount: 0,
linkTarget: "_blank",
refresh: "10:00"
});
</script>
<!- End ticker initialization code ->
<!- End ticker code ->
I would much appreciate your help.
Regards,
www.almatareed.org
Hi,
Can you send me a link to where I can look over your implementation? Maybe make a demo page so that we can look and see what is not working well. After I look over the page, I can give you more information about what is happening.
Let me know if you can do that. You can post the link here or, if you would like the link to be private, you can send it to me at contact@creativetier.com.
Regards.
Thank you. I sent you the required by email yesterday, awaiting your technical advise
I have received your emails, I will take a look over your implementation today and will get back to you.
Hello, it sounds that the ticker doesn’t work on vbulletin software, I sent you the details by email 24 hours ago
The ticker code is not easy to apply and complex! It didn’t work properly in my vbulletin forum. The author tried to help but ultimately advised me to contact vbulletin support to fix the issue preventing the ticker to scroll. Very disappointed!
The ticker code is very easy to work with. I am sorry if you couldn’t get it to work fully in your vbulletin. Like I said, I have offered to implement it for you myself if if is possible to have the interface in English and if you would like that. I have advised you to contact support because the people from vbulletin might be able to help you and give you some guidance as to why it does not work on your site. I am sorry if you were disappointed. When a client is having an issue, I really try to work a lot until it is all solved, But after all our discussions on email and after offering to do the implementation myself, there is not much else I can help you with. I am sure you are a little frustrated but like I said, if the ticker is working well by itself and not properly when you try to implement it on the page, there probably is an issue with the implementation. Try reading the vbulletin guide to make sure you are doing the implementation right, try to contact vbulletin support and explain to them the behavior that is happening. And the offer for me to do the implementation myself still stands. With these things, you need to do a little debugging, test different things try to isolate what the issue is.
All the best.
I just bought this to replace another RSS news ticket we have been using for a while which stopped working.
I’ve installed following the instructions, but i’m getting “This API is no longer available.” – Further investigation seems Google have killed their feed API – is this the reason? if so and the script doesn’t work, its not really any use to me?
I am looking into this now. It seems weird for Google to kill the API completely. Maybe they have made some modifications or created a new version of the API. Either way, if this is the problem, I will update the code for the Google API or search for a replacement service.
The ticker uses the Google API for the “process” load type, when loading RSS files from a different domain. If the Google API is not working to process the loading, you can still use the “direct” load type. This loads the file directly, without it being processed by another service. When loading from the same domain, you don’t need to do anything but when loading from another domain, that domain has to give you loading permission. More info about the loading is specified in the guide file.
Just posting a clarification for other people reading through the comments. The problem seems to have been a temporary outage of the Google API that the ticker uses to load RSS files (when using the “process” load type, to load an RSS file from another domain without having loading permission specified on that domain) but the problem was fixed shortly and the API was back up and running.
Hello,
is ticker down? I haven’t touched my files in months and noticed it stopped display news. I downloaded again and the twitter sample was not working as well.
No, there is no problem with the ticker files. Most likely, it is something on your end. If you are loading an RSS feed, maybe there is a problem with the feed. About the Twitter sample, as is explained in the documentation, it needs to be configured with the authentication data from the Twitter API in order to work.
Like I mentioned, the problem that you are having is most likely something on your end. If you can give me a link to where I can take a look over the ticker, I can give you some feedback about what is wrong. You can either post the link here or you can send it over the contact email provided with the ticker files.
Here you go http://jmb.24-ji.net/rss-atom2.html
it was using the RSS feeds from http://feeds.reuters.com/reuters/topNews Thanks!
The ticker at the link is working ok on my end. Are you still having a problem with it?
Dear,
I like your news ticker, that’s why I bought. However I am running in a issue that I seem to be unable to solve. I would like to use this news ticker in googles blogger. I created the code as instructed, however it is not showing the news feed. It is showing the ticker it self just not the news feed. Any help is appreciated. If you send me an email address I can use, I can send you my code.
Best Regards,
Christian (NL)
Hi. Can you send me a link for me to look over? You can use the contact email provided with the files, contact@creativetier.com .
hello , unfortunately I thought it was a wordpress plugin and now I do not know how to use it on my website . How can I make it work on wordpress ? thanks
I’m sorry that you made this confusion. There have been a few people that have made the mistake of believing that all of the items on CodeCanyon are Wordpress plugins but that is not true. Plugins for Wordpress are only in the “Wordpress” section. In all the other sections there are different items. I specifically made a note on the ticker page, in the description, saying that the ticker is not a Wordpress plugin but a standalone item.
Unfortunately, I cannot offer you a refund as I do not control the payments on the site. You can try and contact the admins to explain the confusion and maybe they can help.
As for making the standalone ticker work in Wordpress, the only way is to create a Wordpress plugin using these files and that is not an easy thing to do.
A new update was implemented:
- Improved the way RSS/Atom loading works.
- Fixed an issue that was causing some RSS/Atom urls not to work properly.
- Added a new setting called “forceNoCache” to bypass loading cached RSS/Atom files, if needed.
- Added console error messages for the “process” load type.
Using the ticker to read an RSS feed on infoscreens. Have some issues:
The ticker disappears from the screen from time to time. Or it can disappear on screen 1 but run on screen 2. They are both showing the same content
Any ideas why this behaviour?
Thank you
Can you give me more information about it? Is the ticker running in a browser, is it running in an application?
It would be helpful if I would know more about how it is occurring so that I can try to recreate the problem and see what might be causing it.
Hi guys, just purchased and cannot get your script to work with one of the most popular RSS feeds in the UK: http://feeds.bbci.co.uk/news/rss.xml?edition=uk – Any ideas?
Let me give a quick explanation. Usually, you cannot load an RSS file from another domain without that domain giving you access. To bypass this restriction, the ticker uses a Google RSS processing service that loads the RSS, processes it and returns the data to the ticker.
For this, make sure to have “loadType” set to “process” in the ticker JavaScript initialization code.
But I have tested the link that you have mentioned and the Google service does not load it properly. The ”?edition=uk” text at the end seems to make the Google service not load it properly. If you remove that text, it seems to work well. I have looked over the page both with and without that end text and it seems to look the same. Is that end text required? Is there any difference in the data returned on your end?
If not, you can just remove it from your link. If yes, you can let me know and we’ll try to look for another solution.
Thank you for your quick support and apologies for the delay in getting back to you. I took your advice and adjusted the LoadType accordingly. I do seem to have issues with my last feed whereby the script is unable to translate. Would you mind casting your expert eye over this? http://www.fecareers.co.uk/jobboard/xmlfeeds/jobfeed.asp?type=RSS I cannot get the script to read this at all.
The problem was that the Google processing service could not load the RSS file specified by the link. I made an improvement in the ticker JavaScript file to the way that the link is sent to the Google service and it is working well now.
I will update the JS file on the marketplace, but that will take a day or two. If you want it faster, please use the contact form from my profile page to send me a message to my email and I will reply with the new JS file that you can place in your files.
Thank you very much for fixing the issue the ticker is working great now!
Hello, me again. I figured it out… there wasn’t enough content shown in the rss example, so when I made a headline bigger, everything worked the way it should. In other words, no problems.
Ok, no problem. Glad to see that everything is worked out.