Bloquer un Widget - HTML/CSS - Programmation
Marsh Posté le 03-01-2021 à 11:35:54
Salut,
Je vois 4 options à explorer :
1/ Fouiller la doc du widget ou son code (https://widget.time.is/fr.js) pour voir si tu peux lui passer dans le init() une option qui désactive les interactions => j'en ai pas l'impression (en regardant vite fait)
2/ Remplacer la balise de lien <a> par un élément non interactif (un span par ex) et si besoin adapter le script
3/ capter toi-même l'événement "onClick" sur le widget avec une function (e) => e.preventDefault() (et/ou e.stopPropagation()) pour bloquer la chaîne d'appels
4/ encapsuler le widget dans une <div> sur laquelle tu définis une règle CSS z-index (de valeur 1, 100, ou 1000, bref une valeur supérieure au z-index du widget, probablement par défaut à 0 donc 1 suffirait). Cela aura pour effet de placer un élément transparent en surcouche du widget, et toute action de la souris agira sur cette div au lieu du widget
Marsh Posté le 29-12-2020 à 11:09:56
Bonjour,
J'ai réalisé un site internet pour mon association de randonneurs.
J'ai intégré dans l'une des pages du site un Widget qui affiche le lieu de l'association, l'heure en temps réel, la date et le numéro de semaine du jour, l'heure de début et de coucher du soleil et la durée du jour.
Pour cela j'utilise un code HTML fournit par Time.is que j'ai le droit de modifier.
J'ai un problème que je n'arrive pas à résoudre.
Comment empêcher sur le site internet qu'un clic de la souris dans le widget modifie son contenu et/ou ouvre une nouvelle page.
Si un membre de ce forum a une solution je l'en remercie infiniment.
Ci-après le code du widget.
<a href="https://time.is/Vendôme" id="time_is_link" rel="nofollow" style="text-decoration:none;font-size:24px"><b>Vendôme</b></a>
<span id="_z71f" style="font-size:24px"></span>
<script src="//widget.time.is/fr.js"></script>
<script>
time_is_widget.init({_z71f:{id:"Vendôme_z71f", template:"TIME<br>DATE<br>SUN", date_format:" <b><font color=maroon>dayname dnum monthname year </font></b>", sun_format:"Lever du soleil : <b>srhour:srminute</b>   Coucher du soleil : <b>sshour:ssminute</b><br>Durée du jour : <b>dlhoursh dlminutesmin</b>", coords:"47.8000000,1.0666700"}});
</script>
<p> https://time.is/ <font size="3" face="georgia" color="black"></font></p>[/#1C00E2]
Bonne journée
Guy