I use iframes
like this
<div class="dashboard-grid">
<!-- ================= ACURITE ATLAS (ss) ================= -->
<div class="station-container">
<h2 class="station-header atlas-title">🌤️ Station 1: AcuRite
Atlas</h2>
<!-- Points directly to your ss subdirectory gauges page -->
<iframe class="gauge-frame" src="ss/index.html"></iframe>
</div>
<!-- ================= ACURITE IRIS (ss1) ================= -->
<div class="station-container">
<h2 class="station-header iris-title">🌿 Station 2: AcuRite
Iris</h2>
<!-- Points directly to your ss1 subdirectory gauges page -->
<iframe class="gauge-frame" src="ss1/index.html"></iframe>
</div>
</div>
On Thursday, August 13, 2026 at 9:13:05 AM UTC-5 [email protected] wrote:
> Hi All
> I have two webpages (on the same website) that have steel gauges on and
> both working fine.
> I thought I would put them on one webpage but have failed miserably.
> The reason there on two webpages is they come from different Davis ISS's
> and diferent Raspberry PI's.
> Each canvas is named differently and each gauges.js have diferent names.
> On the .html page I have
> <script src="gaugesloop.js"></script>
> <script src="gaugessun.js" type="text/javascript"></script>-->
> at the bottom of the page.
> Each one works OK on its own but together it only seems to work which ever
> <script> </script> is top.
> Is there away around this or is the HTML code not capable .
> And sorry its not a weewx problem.
>
>
--
You received this message because you are subscribed to the Google Groups
"weewx-user" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To view this discussion visit
https://groups.google.com/d/msgid/weewx-user/fea9e726-ce9b-42f6-b59a-812a893bb57an%40googlegroups.com.
