ATC777 (OP)
|
![](https://bitcointalk.org/Themes/custom1/images/post/xx.gif) |
January 09, 2013, 03:33:09 AM |
|
Hey guys,
I wanna put a live USD/BTC price chart on my website, like the Mt Gox chart. But I can't seem to find the embed code anywhere online. Could anyone help me out?
Thanks,
--ATC--
|
Epic Coinage -- Gold, Silver, Bitcoin, Exchange, Apparel, Electronics and more! Check the official trade thread for full list of products and services! Tips :: 13M9QLc5BDQe2iuB1N3Br58fYvJF5ixihT
|
|
|
BkkCoins
|
![](https://bitcointalk.org/Themes/custom1/images/post/xx.gif) |
January 09, 2013, 04:42:46 AM |
|
![](https://ip.bitcointalk.org/?u=http%3A%2F%2Fbitcoincharts.com%2Fcharts%2Fchart.png%3Fm%3DmtgoxUSD%26v%3D1%26t%3DS%26noheader%3D1%26height%3D80%26width%3D600%26r%3D60&t=665&c=fpxyss-aTi_EcQ) http://bitcoincharts.com/charts/chart.png?m=mtgoxUSD&v=1&t=S&noheader=1&height=80&width=600&r=60 ![](https://ip.bitcointalk.org/?u=http%3A%2F%2Fbitcoincharts.com%2Fcharts%2Fchart.png%3Fm%3DmtgoxUSD%26v%3D1%26t%3DS%26noheader%3D1%26height%3D80%26width%3D600%26r%3D2&t=665&c=P_Nmxx7bfY7tJA) http://bitcoincharts.com/charts/chart.png?m=mtgoxUSD&v=1&t=S&noheader=1&height=80&width=600&r=2 I'm not sure if they like you hot linking the chart but it is doable
|
|
|
|
ATC777 (OP)
|
![](https://bitcointalk.org/Themes/custom1/images/post/xx.gif) |
January 09, 2013, 04:46:07 AM |
|
I don't get what you're doing... if I just post the link it just shows the link as text. If I wrap it in <img> tags in the HTML it just puts up a static chart (frozen in time) at the moment I copied the link.
|
Epic Coinage -- Gold, Silver, Bitcoin, Exchange, Apparel, Electronics and more! Check the official trade thread for full list of products and services! Tips :: 13M9QLc5BDQe2iuB1N3Br58fYvJF5ixihT
|
|
|
payb.tc
|
![](https://bitcointalk.org/Themes/custom1/images/post/xx.gif) |
January 09, 2013, 04:51:13 AM |
|
If I wrap it in <img> tags in the HTML it just puts up a static chart (frozen in time) at the moment I copied the link.
actually it's frozen at the time the page is loaded, so refreshing the page will update the chart.
|
|
|
|
ATC777 (OP)
|
![](https://bitcointalk.org/Themes/custom1/images/post/xx.gif) |
January 09, 2013, 04:52:22 AM |
|
If I wrap it in <img> tags in the HTML it just puts up a static chart (frozen in time) at the moment I copied the link.
actually it's frozen at the time the page is loaded, so refreshing the page will update the chart. Which page? My page, or BitcoinCharts.com?
|
Epic Coinage -- Gold, Silver, Bitcoin, Exchange, Apparel, Electronics and more! Check the official trade thread for full list of products and services! Tips :: 13M9QLc5BDQe2iuB1N3Br58fYvJF5ixihT
|
|
|
BkkCoins
|
![](https://bitcointalk.org/Themes/custom1/images/post/xx.gif) |
January 09, 2013, 04:53:14 AM |
|
I don't get what you're doing... if I just post the link it just shows the link as text. If I wrap it in <img> tags in the HTML it just puts up a static chart (frozen in time) at the moment I copied the link.
The chart is generated when the page load occurs not when you copy the link. If you wanted it to update every few minutes then you could use a small bit of js code to do that. But if your site is busy that could put unwanted load on the bitcoincharts server. If that's the case it might be nicer of you to cache it on your server and serve from there.
|
|
|
|
ATC777 (OP)
|
![](https://bitcointalk.org/Themes/custom1/images/post/xx.gif) |
January 09, 2013, 04:59:56 AM |
|
I don't get what you're doing... if I just post the link it just shows the link as text. If I wrap it in <img> tags in the HTML it just puts up a static chart (frozen in time) at the moment I copied the link.
The chart is generated when the page load occurs not when you copy the link. If you wanted it to update every few minutes then you could use a small bit of js code to do that. But if your site is busy that could put unwanted load on the bitcoincharts server. If that's the case it might be nicer of you to cache it on your server and serve from there. I just want it to update once when the user loads my page, and update again if they refresh it. Not trying to kill their bandwidth. ![Cheesy](https://bitcointalk.org/Smileys/default/cheesy.gif) But I'm having trouble here... can you show me the HTML snippet used to make this work?
|
Epic Coinage -- Gold, Silver, Bitcoin, Exchange, Apparel, Electronics and more! Check the official trade thread for full list of products and services! Tips :: 13M9QLc5BDQe2iuB1N3Br58fYvJF5ixihT
|
|
|
BkkCoins
|
![](https://bitcointalk.org/Themes/custom1/images/post/xx.gif) |
January 09, 2013, 05:11:08 AM |
|
I just want it to update once when the user loads my page, and update again if they refresh it. Not trying to kill their bandwidth. ![Cheesy](https://bitcointalk.org/Smileys/default/cheesy.gif) But I'm having trouble here... can you show me the HTML snippet used to make this work? This should work fine, <img src="http://bitcoincharts.com/charts/chart.png?m=mtgoxUSD&v=1&t=S&noheader=1&height=80&width=750&r=2"> It must have the parameters after ?... since chart.png is not a png but is a script that generates png content. Keep in mind that they likely cache the content and so it's not going to change every time you load it. But it does update as you can see by checking my first post above.
|
|
|
|
|
BkkCoins
|
![](https://bitcointalk.org/Themes/custom1/images/post/xx.gif) |
January 09, 2013, 05:54:48 AM Last edit: January 09, 2013, 06:54:17 AM by BkkCoins |
|
Use that tool to create what you want and then right click and choose view image. It will show just the image with the url needed. I edited out the SubmitButton arg as I don't think that is needed, and edited the width arg, added height, to fit below as an example. http://bitcoincharts.com/charts/chart.png?width=600&height=90&m=mtgoxUSD&r=90&i=&c=0&s=&e=&Prev=&Next=&t=S&b=&a1=EMA&m1=14&a2=EMA&m2=60&x=0&i1=MACD&i2=&i3=&i4=&v=1&cv=1&ps=0&l=0&p=0& The important thing is the args passed to the chart.png script determine what it draws. ![](https://ip.bitcointalk.org/?u=http%3A%2F%2Fbitcoincharts.com%2Fcharts%2Fchart.png%3Fwidth%3D600%26height%3D90%26m%3DmtgoxUSD%26r%3D90%26i%3D%26c%3D0%26s%3D%26e%3D%26Prev%3D%26Next%3D%26t%3DS%26b%3D%26a1%3DEMA%26m1%3D14%26a2%3DEMA%26m2%3D60%26x%3D0%26i1%3DMACD%26i2%3D%26i3%3D%26i4%3D%26v%3D1%26cv%3D1%26ps%3D0%26l%3D0%26p%3D0%26&t=665&c=QezfmRebsmeyPQ)
|
|
|
|
ATC777 (OP)
|
![](https://bitcointalk.org/Themes/custom1/images/post/xx.gif) |
January 09, 2013, 06:06:40 AM |
|
+1 for BkkCoins! ![Cheesy](https://bitcointalk.org/Smileys/default/cheesy.gif) Thanks for the great explanation and HTML snippet!
|
Epic Coinage -- Gold, Silver, Bitcoin, Exchange, Apparel, Electronics and more! Check the official trade thread for full list of products and services! Tips :: 13M9QLc5BDQe2iuB1N3Br58fYvJF5ixihT
|
|
|
|
ATC777 (OP)
|
![](https://bitcointalk.org/Themes/custom1/images/post/xx.gif) |
January 09, 2013, 07:19:20 PM |
|
Thanks, franky. Web design and all that it entails (HTML, Javascript, CSS, etc) is sort of a "new frontier" for me... something I have very little experience with. If you want to write a video game [engine] or an operating system I'm the guy to call, but when it comes to a website I'm a total n00b lol. So I appreciate everyone's time and patience! ![Cheesy](https://bitcointalk.org/Smileys/default/cheesy.gif) I've got the chart working on my page now. It updates when the page is loaded, as I wanted it. But I'll save franky's script in case I wanna change it to a dynamic chart. Right now I think it's fine, and I don't wanna burn up bitcoincharts.com's bandwidth any more than this without asking permission first. Perhaps they would be cool with me updating my charts every few minutes if I pay them a little for the traffic.
|
Epic Coinage -- Gold, Silver, Bitcoin, Exchange, Apparel, Electronics and more! Check the official trade thread for full list of products and services! Tips :: 13M9QLc5BDQe2iuB1N3Br58fYvJF5ixihT
|
|
|
BkkCoins
|
![](https://bitcointalk.org/Themes/custom1/images/post/xx.gif) |
January 10, 2013, 01:42:49 AM |
|
That code could be a little more compact and clean by setting the img directly and updating the interval in the same function. Of course, this only makes sense to use on a chart changing every minute. The chart you have is over months so would never change anyway. <script language=javascript> function UpdateChart() { document.getElementById("chart").src="http://bitcoincharts.com/charts/chart.png?width=600&height=90&m=mtgoxUSD&r=90&i=&c=0&s=&e=&Prev=&Next=&t=S&b=&a1=EMA&m1=14&a2=EMA&m2=60&x=0&i1=MACD&i2=&i3=&i4=&v=1&cv=1&ps=0&l=0&p=0&"; setTimeout("UpdateChart();", 60000); } </script>
<body onload="javascript:UpdateChart();"> <div><img id='chart'></div>
If you do want to update more often you might be able to arrange a deal where you put a byline back link indicating you got the chart from them. They use the blockchain.info pool chart by having it link to the original source, in similar fashion.
|
|
|
|
ATC777 (OP)
|
![](https://bitcointalk.org/Themes/custom1/images/post/xx.gif) |
January 10, 2013, 02:03:16 AM |
|
Thanks again! ![Grin](https://bitcointalk.org/Smileys/default/grin.gif) I see that you're "looking for small jobs" and offering services as a Linux web admin. I will definitely keep you in mind.
|
Epic Coinage -- Gold, Silver, Bitcoin, Exchange, Apparel, Electronics and more! Check the official trade thread for full list of products and services! Tips :: 13M9QLc5BDQe2iuB1N3Br58fYvJF5ixihT
|
|
|
bitcoinvest
Legendary
Offline
Activity: 1124
Merit: 1000
13eJ4feC39JzbdY2K9W3ytQzWhunsxL83X
|
![](https://bitcointalk.org/Themes/custom1/images/post/xx.gif) |
May 19, 2013, 05:06:32 PM |
|
Greetings, Works great on both versions ![Smiley](https://bitcointalk.org/Smileys/default/smiley.gif) Can you please tell me how to get ONLY the price (i mean the same way, every 60 seconds to have updated) I want to put in in header of my website and i just need the price not all those information... Thanks in advance!
|
|
|
|
skull88
|
![](https://bitcointalk.org/Themes/custom1/images/post/xx.gif) |
May 19, 2013, 05:47:09 PM |
|
Greetings, Works great on both versions ![Smiley](https://bitcointalk.org/Smileys/default/smiley.gif) Can you please tell me how to get ONLY the price (i mean the same way, every 60 seconds to have updated) I want to put in in header of my website and i just need the price not all those information... Thanks in advance! Really interested in this too. And if someone has an idea to accomplish the same for BTC/EUR and BTC/LTC, it would be a great help to me if you wanted to share. ![Smiley](https://bitcointalk.org/Smileys/default/smiley.gif)
|
BTC: 1MifMqtqqwMMAbb6zr8u6qEzWqq3CQeGUr LTC: LhvMYEngkKS2B8FAcbnzHb2dvW8n9eHkdp
|
|
|
|