Grow your CSS skills. Land your dream job.

Stock Quotes Option

  • # March 5, 2012 at 9:48 pm

    Hey everyone, I am looking for a good option for displaying a publicly trading company’s stock quote on the website I am building. A free option would be great. Anyone help would be great
    Thanks!

    Chris

    # March 5, 2012 at 10:23 pm

    Hi Chris,
    Google have a free API for this
    https://developers.google.com/finance/docs/finance-gadgets
    I think the simple example at the top might have everything you need

    # March 5, 2012 at 11:42 pm

    cool thanks for letting me know about this. I am not totally sure how to install this though. Do I put this chunk of code all together and it works?

    Hello world!
    Here is your portfolio:

    GOOG: ()

    AAPL: ()

    INTC: ()



    # March 6, 2012 at 3:39 am

    You’ll need to find the correct stock symbol for the company you wish to display e.g. ‘GOOG’ is Google.

    For example, here is the NASDAQ list http://www.eoddata.com/symbols.aspx

    # March 6, 2012 at 1:28 pm

    The stock symbol I need is PRW. Sorry, I am having troubles installing it. If you could show me the steps that would help out a lot.

    # March 6, 2012 at 6:58 pm

    Hey, just noticed that the Google API is depreciated
    Here’s working tutorial of a different way with a demo

    http://davidwalsh.name/javascript-stock-quotes

    # March 10, 2012 at 12:28 am

    Thanks @karlpcrowley, does anyone else know of another option? I have had a few people try and help get the last one to work and couldn’t figure it out.
    Here is the website http://petrowest.squarespace.com/

    # March 10, 2012 at 5:27 am

    Request.JSONP.1.3.js is the same as mootools-more-1.3.js
    And you aren’t calling mootools itself

    I would change this line


    To this

    # March 10, 2012 at 10:32 am

    @karlpcrowley Thank you so much! that worked perfect

    # March 10, 2012 at 12:06 pm

    Cool beans, can you mark this as solved :)

    # March 12, 2012 at 3:43 am

    The stock ticker was working perfect until I put in a slideshow on my website and now something has happened that it does not work. Anyone have any idea on what happened?
    http://petrowest.squarespace.com/

    # March 12, 2012 at 4:37 am

    I would guess it has something to do with the fact you are referencing two different JavaScript libraries, both of which are competing for the ‘$’ symbol.

    You’ll need to put this before the stock code

    $.noConflict();

    # March 12, 2012 at 4:59 am

    ok, I am a new to things so can you show me where to put that exactly. I tried a few places and it didnt work. Thanks!

    # March 12, 2012 at 9:01 am

    Hmm..It’s difficult to say exactly, because you have a lot of JS on the page

    However, I would have tried something like:


    # March 12, 2012 at 5:47 pm

    Thanks @TT_Mark, the no conflict works to get the stock ticker back but then it stops my slideshow so not sure what else to do.

    $.noConflict();

    http://petrowest.squarespace.com/

Viewing 15 posts - 1 through 15 (of 17 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".