Update index.html
Browse files- index.html +19 -23
index.html
CHANGED
@@ -1,9 +1,8 @@
|
|
1 |
-
|
2 |
<!DOCTYPE html>
|
3 |
<html lang="en">
|
4 |
<head>
|
5 |
<meta charset="UTF-8">
|
6 |
-
<title>TradingView Widgets</title>
|
7 |
<style>
|
8 |
body {
|
9 |
background-color: #0f0f0f;
|
@@ -70,7 +69,7 @@
|
|
70 |
"title": "Indices",
|
71 |
"symbols": [
|
72 |
{ "s": "CBOT_MINI:MYM1!", "d": "MYM1!" },
|
73 |
-
{ "s": "CME_MINI:
|
74 |
],
|
75 |
"originalTitle": "Indices"
|
76 |
},
|
@@ -110,26 +109,23 @@
|
|
110 |
</div>
|
111 |
</div>
|
112 |
|
113 |
-
<!-- Widget 3: News -->
|
114 |
<div class="section">
|
115 |
-
<h2>News</h2>
|
116 |
-
<iframe style="border: none; width:330px; height: 990px;" data-widget-name="NewsWidget" src="https://widget.darqube.com/news-widget?token=
|
117 |
-
<script>
|
118 |
-
|
119 |
-
|
120 |
-
|
121 |
-
|
122 |
-
|
123 |
-
|
124 |
-
|
125 |
-
|
126 |
-
|
127 |
-
|
128 |
-
|
129 |
-
});
|
130 |
-
</script>
|
131 |
</div>
|
132 |
-
|
133 |
-
|
134 |
</body>
|
135 |
-
</html>
|
|
|
|
|
1 |
<!DOCTYPE html>
|
2 |
<html lang="en">
|
3 |
<head>
|
4 |
<meta charset="UTF-8">
|
5 |
+
<title>TradingView Widgets + News</title>
|
6 |
<style>
|
7 |
body {
|
8 |
background-color: #0f0f0f;
|
|
|
69 |
"title": "Indices",
|
70 |
"symbols": [
|
71 |
{ "s": "CBOT_MINI:MYM1!", "d": "MYM1!" },
|
72 |
+
{ "s": "CME_MINI:ES1!", "d": "S&P 500 Futures (Front)" }
|
73 |
],
|
74 |
"originalTitle": "Indices"
|
75 |
},
|
|
|
109 |
</div>
|
110 |
</div>
|
111 |
|
112 |
+
<!-- Widget 3: News (Darqube) -->
|
113 |
<div class="section">
|
114 |
+
<h2>Market News</h2>
|
115 |
+
<iframe style="border: none; width:330px; height: 990px;" data-widget-name="NewsWidget" src="https://widget.darqube.com/news-widget?token=67f8a39726dbae650324011d" id="NewsWidget-fb0s45k"></iframe>
|
116 |
+
<script>
|
117 |
+
window.top.addEventListener("message", function(msg) {
|
118 |
+
const widget = document.getElementById('NewsWidget-fb0s45k');
|
119 |
+
if (!widget) return;
|
120 |
+
const styles = msg.data?.styles;
|
121 |
+
const token = msg.data?.token;
|
122 |
+
const urlToken = new URL(widget.src)?.searchParams?.get?.('token');
|
123 |
+
if (styles && token === urlToken) {
|
124 |
+
Object.keys(styles).forEach(key => widget.style.setProperty(key, styles[key]))
|
125 |
+
}
|
126 |
+
});
|
127 |
+
</script>
|
|
|
|
|
128 |
</div>
|
129 |
+
|
|
|
130 |
</body>
|
131 |
+
</html>
|