Code

Discussion on Modern News Ticker

Discussion on Modern News Ticker

Cart 1,913 sales
CreativeTier

CreativeTier supports this item

Supported

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 …
<!- End ticker markup code -> <!- Start ticker initialization code -> <script type=”text/javascript”> jQuery(”.modern-ticker”).modernTicker({ effect: “scroll”, scrollType: “continuous”, scrollStart: “inside”, scrollInterval: 20, transitionTime: 500, linksEnabled: true, pauseOnHover: true, autoplay: true }); </script> <!- End ticker initialization code ->

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 ??

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 markup code-> <!- For more information about the markup code and how to customize it, see chapter “4.2.2. The markup code” of the guide. -> News:
    <!- End ticker markup 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

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?

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.

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve CodeCanyon.

Sure, take me to the survey