99 comments found

  • Bought between 1 and 9 items
  • Has been a member for 1-2 years

Hi, In “type” mode, if the rss is too long, the script will cut the text. Is it possible to add a multi lines options so we can view the entire text? Thanks!

Default-user

Hi,

The ticker currently works with single line news, there is no option for multi-line texts, unfortunately. This can only be done with modifications to the code.

Regards.

  • Bought between 10 and 49 items
  • Has been a member for 2-3 years
  • Norway

Can I have this ticker just under the menu of my site on every page? And can I translate it from news to nyheter

Default-user

Hi,

You can put the ticker anywhere on the page that you like.

And yes, the text can be changed to anything that you want.

Regards.

  • Bought between 10 and 49 items
  • Has been a member for 1-2 years
irizpet Purchased

Nice ticker. Any plans to make it responsive though?

Default-user

Thanks. The width of the ticker can be set as responsive and it will adjust automatically to the available size.

Regards.

  • Bought between 10 and 49 items
  • Has been a member for 3-4 years
  • United Kingdom
wssltd Purchased

Nice one, thanks!

Default-user

You’re welcome!

  • Bought between 50 and 99 items
  • Has been a member for 2-3 years

I cannot make it work, can you the the following page and let me know what is wrong? eduk8tion.com/mecchat it is not moving !!

Default-user

In the “head” of the HTML code, you are adding jQuery multiple times, on line 16 and on line 47, and this is causing a conflict. You should not add jQuery again after the line in which you add the “jquery.modern-ticker.min.js” file.

It is mentioned in the user guide as well as in the quick instructions from the example files not to add jQuery multiple times.

Regards.

  • United Kingdom
  • Bought between 1 and 9 items
  • Has been a member for 1-2 years

Love this ticker! Will there ever be an update to add responsiveness? I can’t use it on any of my responsive pages because it doesn’t resize :( Thanks!

Default-user

The ticker is responsive, if you set the width as 100%, it will resize to fit the available space.

Regards.

  • Bought between 10 and 49 items
  • Has been a member for 5-6 years
  • Sold between 1 000 and 5 000 dollars
  • United States

Looks great. Can you create a ticker from a text array instead of a web source?

Default-user

You can simply format the text file like an RSS file (an RSS file is basically a text file with a certain type of format) and supply that file to be loaded.

Regards.

  • Bought between 10 and 49 items
  • Has been a member for 3-4 years

Hi there. I’m having trouble using an rss feed with your code. I’ve copied the ticker initialization code from the rss-atom.html file and plugged in the url for the feed I want to use, but the ticker never shows anything but the preloader gif. This is the rss feed I’m attempting to use: feed://www.nfl.com/rss/rsslanding?searchString=home. Any idea what the issue could be?

Thanks!

Default-user

Hi,

If you can send me a link to where I can look over your implementation, I will be glad to assist you. If I can look over the implementation, I can see exactly what the problem is.

You can either post the link here or you can use the contact email and send it to me on the email. Once I look over it, I will get back to you.

Regards.

  • Bought between 10 and 49 items
  • Has been a member for 2-3 years

Hi, I was able to make the width 100% to get the ticker to resize for a responsive site. However, part of the text is hidden when the width is smaller (ie, mobile width). How do I get the text to wrap to two or more lines when the width becomes smaller?

Default-user

The design and functionality of the ticker is made for one line. That’s how news scrollers usually work, by scrolling one line of text. Unfortunately, there is no option for multiline. Thinking about multiline scrolling, first, I am not sure how it would be possible for the text to scroll on multiple lines and second, I don’t think that would be a good idea since it would be hard for people to follow and read the text.

Regards.

Default-user

I agree – as a scrolling message, multiline doesn’t work. But I am using fade and that would work. You can view my test site here: http://radialblue.com/index.html – make it narrow or view on a phone, and you’ll see that the ticker text is cut short. Seeing my example, is there still no way to set the CSS or js to get the text to wrap in the div for responsive using fade?

Default-user

For the fade effect, that would indeed work. But the functionality that I developed had to work for all of the effects, including scrolling, which was the main effect, and that is why I did not add multiline.

However, of course, the ticker can be made to have multiline through CSS.

I have gone though the CSS and made the modifications for the ticker to work with multiline, as an example for you. If you can go to my profile page and send me a contact email, I will reply with the example files that I have created for you.

Regards.

  • Bought between 10 and 49 items
  • Has been a member for 3-4 years

Hi

Nice creation! Can I display multiple feeds from Twitter? I meant from multiple users? Thanks!

Default-user

The ticker can load data from a single Twitter feed at the moment.

Regards.

  • Bought between 50 and 99 items
  • Has been a member for 4-5 years

Is it possible to have it read from a text file instead of a feed?

Default-user

Yes. You can supply an RSS file which is basically a simple text file formatted in a certain way so that the data is easier to read and work with. The format is simple and easy to understand.

An example used in the ticker is at the following link: http://www.creativetier.com/examples/example.rss

This is basically a simple text file that can be saved, edited, loaded by the ticker. If you need any explanations about how to edit this file, you can send me a message on the contact email provided in the files and I will assist you any explanations that you need.

Regards.

  • Bought between 1 and 9 items
  • Has been a member for 0-1 years

This works fine if I have multiple long news items but I have only a single news item to scroll, it’s about 20% the full width of the ticker. When the page loads it starts in the middle instead of scrolling onto the screen from the left. After fully scrolling off the screen on the right, it pops back up in the middle and starts scrolling again.

This can be replicated in the effect1.html example by removing all but 1 of the

  • elements.

    What can I do to fix this?

  • Default-user

    Hi,

    The way that the scrolling functionality works is that it starts displaying the items, the items start scrolling, as soon as one item finished showing, it is moved to the back. This creates a continuous and seamless behaviour where the news items are displayed at all times and there is no blank space at any point.

    When having just a single news item, this behaviour will obviously not work because there is no back of the line for the news items to be moved at, it will always remain at the front.

    For a single news item a different approach than this seamless scrolling is necessary. When the news have finished scrolling, blank space remains and the news start scrolling again from the right side. This approach is not a seamless scrolling but more like a repetitive scrolling, the news scroll once, then finish, black space, they start scrolling again, they finish, blank space, they start scrolling again, etc.

    I think that your suggestion is good and it is a good idea to develop this. I will make this functionality and add an option in the settings for people to select what kind of scrolling behaviour they wish to choose.

    If you can use the contact form on my profile page to send me a contact email, I will reply with the ticker files once the modifications have been made.

    Thanks for the suggestion.

    Regards.

    • Bought between 50 and 99 items
    • Exclusive Author
    • Has been a member for 0-1 years
    • Asia/Pacific Region
    crio2c5 Purchased

    Hi Creative Tier, Hope you are doing great!! :) nice lil script here love it but somehow seems that i cannot make it work on my page. Please can you take a look : http://focusacutus.com

    Thanks a ton :)

    crio2c5
    crio2c5 Purchased

    hi it works now :) thanks a ton :)

    • Bought between 1 and 9 items
    • Exclusive Author
    • Has been a member for 2-3 years
    • Referred between 1 and 9 users
    • Romania
    • Sold between 10 000 and 50 000 dollars

    A new update was implemented:

    - Added a new setting to specify the type of scrolling, either continuous, with no interruption, or discontinuous, leaving empty space once the list finishes scrolling and before starting again.

    - Added a new setting to specify the start position of the scrolling, either from inside or from outside.

    Regards.

    • Bought between 1 and 9 items
    • Exclusive Author
    • Has been a member for 2-3 years
    • Referred between 1 and 9 users
    • Romania
    • Sold between 10 000 and 50 000 dollars

    A new update was implemented:

    - Improved the RSS, Atom file loading options. Now there are 2 loading options available.

    - Added an example RSS file.

    - Updated the instructions.

    - Updated the guide.

    - Fixed a couple of bugs.

    Regards.

    • Bought between 10 and 49 items
    • Has been a member for 5-6 years

    Hello, I have a WP news site with a category called “Breaking”. I see that your ticker populates via RSS. Would it be possible to modify to use with a category, or would I need to burn a feed for my “breaking” category, then use that RSS with the ticker?

    Default-user

    Hi,

    Please notice that this is not a Wordpress plugin. It is a standalone HTML, CSS and JavaScript project. Wordpress projects are only in the “WordPress” section. This ticker is in the “JavaScript” section.

    Regarding your question, I am not familiar with “categories” as I have not worked with Wordpress. I am not sure what exactly they are within Wordpress. But the ticker can display data either from manually entering the data in the HTML code, either from loading an RSS or Atom feed or from loading a Twitter feed.

    Regards.

    • Bought between 100 and 499 items
    • Europe
    • Has been a member for 2-3 years

    Hi CreativeTier,

    I have just purchased this but I could not make it run. I have tried to implent all as described in the Guide, but it does nort scroll. Would you be so kind to have a look at it?!

    The Snippet is placed as on this screen

    http://awesomescreenshot.com/0882kfiw3b And the page itself is to find here http://dev.mr-fuss.de

    thx

    Default-user

    Hi,

    The error that the browser is returning is “Cannot call method ‘modernTicker’ of null” on line 2369 of the index file.

    This means that on line 2369, when $(”.modernticker”).modernTicker(...) is called, jQuery is seen as null.

    In the browser console, when I try to call jQuery, it is returned valid.

    But when I try to call jQuery.modernTicker() it says that jQuery “has no method ‘modernTicker’”.

    So again, it is a problem in that jQuery does not have the ticker added.

    You should try debugging, make a few tests to see where the problems are coming from.

    I am not sure how your page is built, is it being generated, are you doing the code manually, but these 2 things need to be valid when trying to initialize the ticker and these 2 things you need to look and test for:

    1. jQuery needs to be valid, accessible.

    2. jQuery.modernTicker() needs to be valid, accessible.

    After you load the jQuery file in your code, jQuery should be accessible throughout the page. But maybe there is a problem with loading order, if the page is being generated, maybe there is a problem with the order in which the code is added.

    When you load the ticker JS file, the “modernTicker” method is added to jQuery automatically and jQuery.modernTicker() should again be accessible throughout the page.

    These things you should look into. When debugging, testing, you can open the browser console and see if errors are returned.

    Also throughout the page, at different points, you can test through JavaScript if jQuery and the ticker are accessible, and you will see a returned message in the browser console:

    console.log(jQuery); console.log(jQuery.modernTicker());

    This is not a complicated issue, it is just an access issue, what you need to do is make sure that jQuery and the ticker code are accessible when trying to call them.

    Regards.

    dusticelli

    Hi CreativeTier,

    thank you very much for fast and very detailed answer. Unfortunatly I am not very familliar with JS script. My skills in that are even good enough to put the files in the recommended places, and hoping that everything works.

    I have no idea how js debugging is made. I have found the errors you are explaining in the firebug, but then I don’t know what to do.

    What does that mean they have to be >>valid<< and >>accessable<<?

    The files are there ;-) right at the places the guide recommends.

    Do you mean I should change the rights (by ftp) of the files? Or does it mean that maybe the files should be placed in other folders from the hierarchy?

    I have no Idea what I could change for testing.

    Would be very nice, if you could explain to me a little bit more js-dummy like, what I should change.

    thx

    Default-user

    By debugging, I did not mean anything special but simply testing, changing something, testing again and so on as to localize where the problem might be originating from.

    By valid and accessible, I did not mean anything specific to programming but simply that the jQuery and ticker code are properly loaded and able to be accessed when called in the JS code.

    From what I can see, the files look properly placed and there are no access rights that need to be changed.

    I cannot say from where the problems are occurring just from looking at the page and code, that is something that you can find after making tests.

    Can you tell me how the HTML page is working ? Is it a simple HTML file in which you have entered the ticker code ? Or is the page generated by an application ?

    dusticelli

    Hi thank you again, for your help. I really appriciate your engagement, and of course sorry for maybe bothering you with my cluelessness.

    The page is generated by a magento shop. So mainly it is a php-script. If you are fammilliar with magento, it is a template-system, generating a dynamic page by call.

    Normally, If you know the structure from magentos template system, and you know where to put the different peaces of code and snippets (as I did ;-) ) there is not so much difference in behavior to a simple static html file.

    I could provide you with acess, If you mean?

    Default-user

    I am not familiar with Magento, I have never worked with it but if the page is being generated, a problem might occur from this, that would not be the case for a normal, static HTML page.

    First of all, you should read more about how Magento recommends adding JavaScript code and and adding jQuery components. Maybe there is something specific that they ask differently.

    For example, you could try adding the ticker call inside ”$(document).ready()”, to see if that makes a difference, as so:

    $(document).ready(function() { $(".modern-ticker").modernTicker(...); });

    (This is the ticker initialization code, at the bottom of the page.)

    What this does is tells jQuery to call the ticker initialization after the whole page has loaded.

    As I mentioned earlier, the issue is fairly basic, to make sure that the jQuery and the ticker code are properly loaded and accessible when making the call to build the ticker.

    Regards.

    dusticelli

    Good Morning CreativeTier,

    I have made it work. Yippee!!

    It works if

    $(”.modern-ticker”).modernTicker(...);

    will be raplaced by

    JQuery(”.modern-ticker”).modernTicker(...);

    I am lucky now. Thx for your support!

    Default-user

    I guess there was a problem with recognizing the ”$” as jQuery. Well done.

    Regards.

    dusticelli

    Yes, it works fine now. I just have one small new issue.Did you receive my emails?

    Resizing the width of the newsticker to 100% in case of having it flexible and responsive does hide it’s content, when the content is a feed from twitter. Could you check that?

    Default-user

    Have you read the guide regarding loading data from Twitter ? Twitter does not allow direct anonymous loading. You need to go to Twitter, create an application and you will receive 4 authentication codes that you need to enter in the ticker PHP file. Then upload the ticker files online and test.

    Everything that you need to do is explained in the “Setup Twitter authentication” section of the guide.

    I noticed that Twitter changed the name of the first 2 keys, so to clarify in case there is any confusion between the name of the keys on the Twitter site and the names in the guide:

    • API key = Consumer key
    • API secret = Consumer secret

    The name of the other 2 keys have not changed:

    • Access token
    • Access token secret

    Let me know if everything is clear.

    Regards.

    dusticelli

    Hi thanks for your reply.

    The Api connectionn works correct. The feed is filled by twitter as you can see here

    http://dev.mr-fuss.de/

    But it is not possible to change the width of the ticker, if it is filled by twitter feed. If one just change 1px (or setting it to 100%) the content of the ticker will be hided.

    Not so, if the content of the ticker is made by html hardcoded (

  • news..mews..
  • etc.) but with the twitter feed it dissappears when changing the tickers width.

    Just try it on my site..

    Default-user

    I have tested the ticker on my end and works well both with different sizes and with percentages.

    Can you please send me a screenshot on my email with how the ticker looks on your end and tell me what browser are you using and which version ?

    Regards.

    dusticelli

    I don’t know if I have explained that clearly:

    This only happens with the ticker, if it is feeded by twitter. Not so if the content is put hardcoded inside html, and not tested yet from my side with rss feeds.

    I have sent you an email with a video.

    Default-user

    I have received and seen the video that you have sent. That is not how you are supposed to change the dimensions.

    The proper way to set the dimensions is to go to the ticker CSS file, “modern-ticker.css”, and to set the dimension there:

    .modern-ticker {
        width: 900px;
        ...
    }
    

    If you have multiple tickers on the page and want them of different dimensions, again in the CSS file, you create a class and apply that class to the ticker HTML code.

    For example, let’s have 2 tickers of different dimensions and let’s see the relevant CSS and HTML codes for the sizes:

    .modern-ticker {
        width: 900px;
        ...
    }
    
    <div class="modern-ticker">
        ...
    </div>
    
    .mt-small {
        width: 200px;
    }
    
    <div class="modern-ticker mt-small">
        ...
    </div>
    

    For the second one, we created a simple class called “mt-small” that we added to the CSS file in which we specified the width that we want. And we added that class to the HTML code in order for it to have the size specified.

    In your video, you are changing the dimensions in the developer tools of the browser. The changes that you make in the developer tools are not saved in the files, they are only for your current page in the browser. Nobody else will see the changes you make there and when you close the page, the changes will be gone. The developer tools are used only for testing, debugging, etc, not for editing.

    Any edits, changes that you make need to be made to the files themselves.

    Let me know if everything is clear.

    Regards.

    dusticelli

    Hi & and agin many thanks for your help. I do know the sense of a developers tool-bar very well. So I have just sent you the video to describe what happens.

    Now things are going totally crazy for me. I have placed your sample page in the same relative position in webspace as it is as well in the script you provide

    http://dev.mr-fuss.de/skin/frontend/fortis/default/twitter.html

    at this point, de facto the change of width to 100% works as expected.

    But on the frontpage

    http://dev.mr-fuss.de

    not. The only difference is, that I have changed the relative path to the twitter access data from

    e.get(“modern-ticker/php/twitter.php”,

    to

    e.get(“route/to/my/modern-ticker/php/twitter.php”,

    inside _jquery.modern-ticker.min.js

    But this can not be the reason for that behavior. As well I do not find any inherit or overridden css

    Anyway, I have now changed directly the modern-ticker.css entry to 100% so that you may have a new look at it on my frontpage

    http://dev.mr-fuss.de

    Is it possible that this is still some kind of js conflict?

    Default-user

    I can see the problem better now since it is visible on the page.

    It is a layout problem caused by decimals in the dimensions of the layout. The available space is seen as 906.953px but jQuery does not work with decimals and rounds the dimension at 907px. And that less than 0.1px makes the element to go down.

    If you set the dimensions directly in the CSS, it should work ok. Based on the layout, the big ticker should be 907px (rounded up from 906.953px) and the smaller ticker should be at 245px (rounded up from 244.906px).

    Also, in the CSS file, on line 56, add “white-space: nowrap;” to ”.mt-news ul”, as so:

    .mt-news ul {
        white-space: nowrap;
        ...
    }
    

    These should fix the problems. Please let me know.

    Regards.

    dusticelli

    Hi CreativeTier, thx again for your help.

    I understand. Although I have never come to that problem yet (decimals in dimension) this sounds comprehensible.

    The workaorund by setting fix width doesn’t solve my problem, because I need the ticker “responsible” as my layout is responsible as well.

    How do you find out the “available space” ?

    Isn’t there another way? Probably to set the available space to a rounded dimension by a wrapper ?

    Default-user

    Ok, I understand.

    Is it possible to give me login details over email so that I can make different tests faster and find a workaround for this ?

    If so, let me know the details and how and where to upload the ticker files.

    If it is not possible, then there is no problem, I will send you details about different workarounds that you can try.

    dusticelli

    yes, I would aprriciate that. You mean Login by Ftp? Which folders only the modern-news-ticker?

    Default-user

    I mean the way that you upload files. If you do it by ftp, then you can tell me the ftp details and tell me where did you place the ticker files, such as CSS, JS, and the ticker HTML code..

    dusticelli

    I have sent you by email the related access by ftp and to the shopbackend (with a very short magento introduction) ;-)

    dusticelli

    Hi CreativeTier,

    thank you so much for your help. This is really an excellent support.

    Now you have made the ticker real “resonsive” as well managing the described subpixel problem. Great work!

    This is more than 5 stars worth. A real recommendation!

    Default-user

    Thank you, happy to have helped.

    • Bought between 1 and 9 items
    • Has been a member for 0-1 years
    tahaws Purchased

    hello, how to make scroll direction from right to left ?

    Thank you

    Default-user

    Hi,

    Unfortunately, the ticker has no option to revert the direction of the scrolling.

    Regards.

    • Bought between 1 and 9 items
    • Has been a member for 5-6 years
    WSJ_Man Purchased

    Hi, love the code! is there any way to add a time stamp to the twitter feeds?

    WSJ

    Default-user

    Hi,

    Yes, it is possible through a modification in the code. I can create a quick example for you if you want. Just send me an email and I will reply with the example file.

    Regards.

    Default-user
    WSJ_Man Purchased

    Hi, yes i’d like that, my email is wsj@icloud.com. Thank you!

    by
    by
    by
    by
    by
    by