Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
3019 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Bloquer un Widget

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Bloquer un Widget

n°2372548
guydu41
Posté le 29-12-2020 à 11:09:56  profilanswer
 

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> &nbsp;
<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 &nbsp; </font></b>", sun_format:"Lever du soleil : <b>srhour:srminute</b> &ensp; 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

mood
Publicité
Posté le 29-12-2020 à 11:09:56  profilanswer
 

n°2372718
potemkin
Optimisateur relativiste.
Posté le 03-01-2021 à 11:35:54  profilanswer
 

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

 



Message édité par potemkin le 03-01-2021 à 11:36:28

Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Bloquer un Widget

 

Sujets relatifs
salut,j'ai un "farme widget"(ouvrir comme une fentre d'alarme qui nouComment bloquer l'INSERT INTO si 2 champs existent déja ?
[GTK]Modifier la couleur d'un widgetbloquer sur un moteur de recherche
Wordpress, aligner texte et image dans widgetProblème affichage widget Twitter sur site web mobile
Bloquer le mode paysage (landscape) version mobileProgrammation pour créer widget sur Paris sportif
Flux RSS à rendre compatible widgetBloquer le scroll lors d'un clic sur un lien
Plus de sujets relatifs à : Bloquer un Widget


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR