# Insérer un script dans un dashboard

**URL:** <https://forum.hacf.fr/t/inserer-un-script-dans-un-dashboard/49900>\
**Category:** Entraide Home Assistant\
**Tags:** script, tableau-de-bord-dashboard\
**Created:** [Octobre 21, 2024, 10:20 UTC](https://forum.hacf.fr/t/inserer-un-script-dans-un-dashboard/49900 "2024-10-21T10:20:51Z")\
**Posts on this page:** 18\
**Page:** 1

<div class="post-metadata">

**Author:** ![Reptilo](https://forum.hacf.fr/letter_avatar_proxy/v4/letter/r/e19b73/32.png) [@Reptilo](https://forum.hacf.fr/u/Reptilo)\
**Post date:** [Octobre 21, 2024, 10:20 UTC](https://forum.hacf.fr/t/inserer-un-script-dans-un-dashboard/49900/1 "2024-10-21T10:20:51Z")

</div>

Bonjour,  
Je souhaiterais afficher les horaires des marées. Le site SHOM permet d’afficher une vignette dont le code est :  
`<script src="https://services.data.shom.fr/hdm/vignette/grande/ROYAN?locale=fr"></script>`  
Comment faites-vous pour créer une entrée sur un dashboard ?  
Merci.

---

<div class="post-metadata">

**Author:** ![Pulpy-Luke](https://forum.hacf.fr/user_avatar/forum.hacf.fr/pulpy-luke/32/137426_2.png) [@Pulpy-Luke](https://forum.hacf.fr/u/Pulpy-Luke)\
**Post date:** [Octobre 21, 2024, 11:29 UTC](https://forum.hacf.fr/t/inserer-un-script-dans-un-dashboard/49900/2 "2024-10-21T11:29:30Z")

</div>

Salut,

Tu peux essayer avec une carte iframe (tout en bas)

> **[Webpage card](https://www.home-assistant.io/dashboards/iframe/)**
>
> The webpage card allows you to embed your favorite webpage right into Home Assistant.

---

<div class="post-metadata">

**Author:** ![Reptilo](https://forum.hacf.fr/letter_avatar_proxy/v4/letter/r/e19b73/32.png) [@Reptilo](https://forum.hacf.fr/u/Reptilo)\
**Post date:** [Octobre 21, 2024, 11:38 UTC](https://forum.hacf.fr/t/inserer-un-script-dans-un-dashboard/49900/3 "2024-10-21T11:38:51Z")

</div>

Non j’avais essayé mais le site refuse l’accès.

---

<div class="post-metadata">

**Author:** ![Pulpy-Luke](https://forum.hacf.fr/user_avatar/forum.hacf.fr/pulpy-luke/32/137426_2.png) [@Pulpy-Luke](https://forum.hacf.fr/u/Pulpy-Luke)\
**Post date:** [Octobre 21, 2024, 12:52 UTC](https://forum.hacf.fr/t/inserer-un-script-dans-un-dashboard/49900/4 "2024-10-21T12:52:50Z")

</div>

> [@Reptilo](#):
>
> le site refuse l’accès.

Si le contenu est bien du HTML, il n’y a pas de raison que ça ne fonctionne bien (c’est pas le cas de ton lien).  
Tu peux faire un essai avec l’url de google par exemple.

---

<div class="post-metadata">

**Author:** ![Reptilo](https://forum.hacf.fr/letter_avatar_proxy/v4/letter/r/e19b73/32.png) [@Reptilo](https://forum.hacf.fr/u/Reptilo)\
**Post date:** [Octobre 21, 2024, 1:04 UTC](https://forum.hacf.fr/t/inserer-un-script-dans-un-dashboard/49900/5 "2024-10-21T13:04:30Z")

</div>

En fait ces tableaux m’intéressent mais je n’y arrive pas via Scrape

> **[Horaires de marées gratuits du SHOM](https://maree.shom.fr/harbor/ROYAN/hlt/0?date=2024-10-21&utc=standard)**
>
> Consultez les horaires des marées officiels gratuitement sur 1 an, pour toute la France et 1000 ports dans le monde. Coefficients et grandes marées.

Du coup j’essaye avec leur option de vignette :

> **[Horaires de marées gratuits du SHOM](https://maree.shom.fr/vignette?harbor=ROYAN)**
>
> Consultez les horaires des marées officiels gratuitement sur 1 an, pour toute la France et 1000 ports dans le monde. Coefficients et grandes marées.

Sans succès.

---

<div class="post-metadata">

**Author:** ![BBE](https://forum.hacf.fr/user_avatar/forum.hacf.fr/bbe/32/64915_2.png) [@BBE](https://forum.hacf.fr/u/BBE)\
**Post date:** [Octobre 21, 2024, 1:37 UTC](https://forum.hacf.fr/t/inserer-un-script-dans-un-dashboard/49900/6 "2024-10-21T13:37:47Z")

</div>

je vais dire une connerie,

Mais as-tu regardé ces deux posts?

> [@apiMaree sensor](https://forum.hacf.fr/t/apimaree-sensor/576):
>
> Bonjour, un petit sensor pour recupérer les informations des marées( Haute mer, Basse Mer ), du jour et jour suivant [image] horaire\_0\_4 ( 4 ème marée du premier jour ) horaire\_1\_4 ( 4 ème marée du deuxième jour ) Le statut du sensor correspond à l’heure de la prochaine marée et trois attributs donne des précisions sur la prochaine marée [image] il est compatible hacs, en ajoutant simplement le repo https://github.com/saniho/apiMareeInfo

> [@Api marée info : Présentation en Horloge marée](https://forum.hacf.fr/t/api-maree-info-presentation-en-horloge-maree/25468):
>
> [image] Voici une proposition de sensor en % permettant de localiser l’aiguille d’horloge de marée dans une card de type canvas-gauge-card. dont le Yaml sera le suivant : type: custom:canvas-gauge-card entity: sensor.tide\_pos card\_height: 150 gauge: animation: true type: radial-gauge title: Marée Port-Louis width: 220 height: 150 borderShadowWidth: 0 borderOuterWidth: 0 borderMiddleWidth: 0 borderInnerWidth: 0 minValue: 0 maxValue: 100 startAngle: 180 ticksAngle: 360…

Enfant de la Méditerranée, je ne suis pas utilisateur… mais j’avais vu ça donc recherche forum et lien…

---

<div class="post-metadata">

**Author:** ![Reptilo](https://forum.hacf.fr/letter_avatar_proxy/v4/letter/r/e19b73/32.png) [@Reptilo](https://forum.hacf.fr/u/Reptilo)\
**Post date:** [Octobre 21, 2024, 1:47 UTC](https://forum.hacf.fr/t/inserer-un-script-dans-un-dashboard/49900/7 "2024-10-21T13:47:40Z")

</div>

Oui merci j’utilisais apiMarée mais ça ne marche plus depuis qques temps déjà. L’autre je ne le trouve pas top et ya un max requête api sur sncf.

---

<div class="post-metadata">

**Author:** ![Pulpy-Luke](https://forum.hacf.fr/user_avatar/forum.hacf.fr/pulpy-luke/32/137426_2.png) [@Pulpy-Luke](https://forum.hacf.fr/u/Pulpy-Luke)\
**Post date:** [Octobre 21, 2024, 1:50 UTC](https://forum.hacf.fr/t/inserer-un-script-dans-un-dashboard/49900/8 "2024-10-21T13:50:38Z")

</div>

Là ça donne un truc pour mettre dans une page HTML (du code) donc il n’y a rien de simple  
Il faut tester ça [GitHub - PiotrMachowski/lovelace-html-card: This card displays provided data as an HTML content of a card.](https://github.com/PiotrMachowski/lovelace-html-card)

---

<div class="post-metadata">

**Author:** ![BBE](https://forum.hacf.fr/user_avatar/forum.hacf.fr/bbe/32/64915_2.png) [@BBE](https://forum.hacf.fr/u/BBE)\
**Post date:** [Octobre 21, 2024, 2:04 UTC](https://forum.hacf.fr/t/inserer-un-script-dans-un-dashboard/49900/9 "2024-10-21T14:04:08Z")

</div>

> [@Reptilo](#):
>
> Oui merci j’utilisais apiMarée mais ça ne marche plus depuis qques temps déjà

Donc je disais bien une connerie 🤣

---

<div class="post-metadata">

**Author:** ![Reptilo](https://forum.hacf.fr/letter_avatar_proxy/v4/letter/r/e19b73/32.png) [@Reptilo](https://forum.hacf.fr/u/Reptilo)\
**Post date:** [Octobre 22, 2024, 9:29 UTC](https://forum.hacf.fr/t/inserer-un-script-dans-un-dashboard/49900/10 "2024-10-22T09:29:43Z")

</div>

Bonjour,  
Alors j'arrive à récupérer les infos avec Scrape.  
Mar.2202h3508h5515h0621h361,70m4,99m1,73m4,66m 72 63  
Maintenant je ne sais pas comment faire un joli tableau type :

 ![2024-10-22 11_28_27-maree.info - Marées Royan _ France - horaire, hauteur, coefficient de marée – Br](https://forum.hacf.fr/uploads/default/original/3X/9/9/99afa5c46c9aaa07474fc65d73866fa018bff6c2.png)

---

<div class="post-metadata">

**Author:** ![Reptilo](https://forum.hacf.fr/letter_avatar_proxy/v4/letter/r/e19b73/32.png) [@Reptilo](https://forum.hacf.fr/u/Reptilo)\
**Post date:** [Octobre 23, 2024, 9:24 UTC](https://forum.hacf.fr/t/inserer-un-script-dans-un-dashboard/49900/11 "2024-10-23T09:24:38Z")

</div>

Bonjour,  
en fait je ne comprend pas comment modifier l’affichage d’un scrapping, je n’ai pas accès au YAML.

---

<div class="post-metadata">

**Author:** ![WarC0zes](https://forum.hacf.fr/user_avatar/forum.hacf.fr/warc0zes/32/137471_2.png) [@WarC0zes](https://forum.hacf.fr/u/WarC0zes)\
**Post date:** [Octobre 23, 2024, 9:54 UTC](https://forum.hacf.fr/t/inserer-un-script-dans-un-dashboard/49900/12 "2024-10-23T09:54:48Z")

</div>

Bonjour,  
avec l’intégration Scrape ( officelle ), si tu la crées dans le UI, tu n’as pas de configuration en YAML.  
Si tu veux la configuration en YAML, il faut le faire manuellement dans ton configuration.yaml.

C’est expliqué dans la doc:

> **[Scrape](https://www.home-assistant.io/integrations/scrape/)**
>
> Instructions on how to integrate Web scrape sensors into Home Assistant.

---

<div class="post-metadata">

**Author:** ![Reptilo](https://forum.hacf.fr/letter_avatar_proxy/v4/letter/r/e19b73/32.png) [@Reptilo](https://forum.hacf.fr/u/Reptilo)\
**Post date:** [Octobre 23, 2024, 9:59 UTC](https://forum.hacf.fr/t/inserer-un-script-dans-un-dashboard/49900/13 "2024-10-23T09:59:19Z")

</div>

Oui c’est ce que j’avais cru comprendre. Mais du coup si j’ajoute dans configuration.yaml, dans la carte j’appelle juste le sensor ?

---

<div class="post-metadata">

**Author:** ![WarC0zes](https://forum.hacf.fr/user_avatar/forum.hacf.fr/warc0zes/32/137471_2.png) [@WarC0zes](https://forum.hacf.fr/u/WarC0zes)\
**Post date:** [Octobre 23, 2024, 12:44 UTC](https://forum.hacf.fr/t/inserer-un-script-dans-un-dashboard/49900/14 "2024-10-23T12:44:54Z")

</div>

> [@Reptilo](#):
>
> si j’ajoute dans configuration.yaml, dans la carte j’appelle juste le sensor ?

Oui, pareil que par le UI. ça créer un sensor, que tu utilises dans une carte.

---

<div class="post-metadata">

**Author:** ![Reptilo](https://forum.hacf.fr/letter_avatar_proxy/v4/letter/r/e19b73/32.png) [@Reptilo](https://forum.hacf.fr/u/Reptilo)\
**Post date:** [Octobre 23, 2024, 3:25 UTC](https://forum.hacf.fr/t/inserer-un-script-dans-un-dashboard/49900/15 "2024-10-23T15:25:03Z")

</div>

OK merci. Du coup c’est plus long à tester car il faut redémarrer à chaque fois qu’on modifie le configuration.yaml.

---

<div class="post-metadata">

**Author:** ![Reptilo](https://forum.hacf.fr/letter_avatar_proxy/v4/letter/r/e19b73/32.png) [@Reptilo](https://forum.hacf.fr/u/Reptilo)\
**Post date:** [Octobre 23, 2024, 3:32 UTC](https://forum.hacf.fr/t/inserer-un-script-dans-un-dashboard/49900/16 "2024-10-23T15:32:33Z")

</div>

Est-ce quelqu’un peut m’orienter vers un tuto pour faire du «&nbsp;theming&nbsp;» de carte ?  
Histoire de pouvoir faire un tableau avec dates et horaires.  
Merci.

---

<div class="post-metadata">

**Author:** ![Integra](https://forum.hacf.fr/user_avatar/forum.hacf.fr/integra/32/76974_2.png) [@Integra](https://forum.hacf.fr/u/Integra)\
**Post date:** [Octobre 23, 2024, 5:14 UTC](https://forum.hacf.fr/t/inserer-un-script-dans-un-dashboard/49900/17 "2024-10-23T17:14:15Z")

</div>

Bonjour @Reptilo,

Alors je n'ai pas testé la carte dispo sur HACS que te propose @Pulpy-Luke mais elle devrait pouvoir afficher sans soucis ton script du SHOM.

> [@Insérer un script dans un dashboard](https://forum.hacf.fr/t/inserer-un-script-dans-un-dashboard/49900/8):
>
> Là ça donne un truc pour mettre dans une page HTML (du code) donc il n’y a rien de simple Il faut tester ça [GitHub - PiotrMachowski/lovelace-html-card: This card displays provided data as an HTML content of a card.](https://github.com/PiotrMachowski/lovelace-html-card)

---

<div class="post-metadata">

**Author:** ![Reptilo](https://forum.hacf.fr/letter_avatar_proxy/v4/letter/r/e19b73/32.png) [@Reptilo](https://forum.hacf.fr/u/Reptilo)\
**Post date:** [Octobre 23, 2024, 6:52 UTC](https://forum.hacf.fr/t/inserer-un-script-dans-un-dashboard/49900/18 "2024-10-23T18:52:33Z")

</div>

Merci. Je suis parti sur Scrape pour l’instant, histoire aussi de comprendre comment ça marche !
