Soy nuevo en el uso de html y widgets y tengo problemas para usar el mismo widget de https://coinmarketcap.com/widget/price-blocks/ varias veces en la misma página:
HTML - widget deseado
<div class="container"> <h1>Coin Set 1</h1> <script type="text/javascript" src="https://files.coinmarketcap.com/static/widget/coinPriceBlock.js"></script> <div id="coinmarketcap-widget-coin-price-block" coins="1,1027,825" currency="USD" theme="light" transparent="false" show-symbol-logo="true"></div> </div> <div class="container"> <h1>Coin Set 2</h1> <script type="text/javascript" src="https://files.coinmarketcap.com/static/widget/coinPriceBlock.js"></script> <div id="coinmarketcap-widget-coin-price-block" coins="1,1027,825" currency="USD" theme="light" transparent="false" show-symbol-logo="true"></div> </div>Puedo hacer que el widget funcione en diferentes páginas html.
¿Alguien podría explicar por qué esto no estaría funcionando en la misma página? ¿Y es posible usarlo varias veces?
El javascript no está hecho para manejar dos widgets. Importarlo varias veces no cambiará eso.
Una solución podría ser usar iframes para separar los widgets.
<iframe frameborder="0" width="800" height="400" src="widget.html"></iframe> <iframe frameborder="0" width="800" height="400" src="widget.html"></iframe> Coloque el código del widget en widget.html .