Guide TV (via .js d'un site de programme TV)

Bonjour,
En V3 j’utilisais un widget bidouillé comme ceci :

cmd.info.binary.GuideTV.html

<div style="iconStyle#uid#" class="cmd #history# tooltips cmd-widget container-fluid" data-type="info" data-subtype="binary" data-cmd_id="#id#" data-cmd_uid="#uid#" title="#collectDate#">
  <a class="widget-tv" href="https://tv-programme.com" data-type="ce-soir" data-color="#dff0d8" data-width="300px" data-height="1700px">Programme TV</a>
   <script async type="text/javascript" src="https://tv-programme.com/widget.js"></script>
</div>

Gràce à @winhex j’avais règlé le pb d’ascenseur dans l’ancien forum : https://www.jeedom.com/forum/viewtopic.php?f=50&t=15104&hilit=tv+programme.com&start=240#p767651

Il me semble qu’au passage V4 il a fonctionné (mais peut-être grâce à un phénomène de cache) et n’a plus fonctionné (suite à mise à jour core??)

En l’état sous V4 il n’affiche qu’à partir de TFX qui est tronqué et plus depuis TF1
:
Guide%20TV%20V4

Si quelqu’un a une idée ?
Merci

Aprés avoir repris le code page 13 ancien forum
j’ai un résultal qui commence bien par TF1,FR2… mais pas d’assenceur JD V4.0.38
et des logos trés petit.

bonjour it’s me
passe par un design pour du html
ou via plug display html (dashboard,design)
pour te débarrasser des contraintes class,id imposé des virtuels (tuile,cmd) widgets (Jeedom.update,…) qui ton amène à bidouiller.
en plus de ton script

<div>
  <p>
    <a class="widget-tv" href="https://tv-programme.com" data-type="ce-soir" data-color="#dff0d8" data-width="100%" data-height="1700px">Programme TV</a>
  </p>
  <style>
    
p {
        overflow: scroll; display: inline-block; width: 100%; height: 40em;
   /* background-color: red; */
    } 
  	p::-webkit-scrollbar {
display: none; 
    }
  </style>
      <script async type="text/javascript">
!function(){var r=function(){this.cursor=0};
r.HOST="https://tv-programme.com",r.anchor="Programme TV",r.fn=r.prototype={newId:function(){return++this.cursor},init:function(){document.querySelectorAll("a.widget-tv").forEach(function(t){var i={href:t.getAttribute("href"),type:t.getAttribute("data-type"),nbchaines:t.getAttribute("data-nb-chaines"),height:t.getAttribute("data-height")||"380px",width:t.getAttribute("data-width")||"300px",color:t.getAttribute("data-color")||""},n=i.color?"&hover_color="+encodeURIComponent(i.color):"";
i.nbchaines?(i.height=35+101*i.nbchaines+"px",e="&nb_chaines="+encodeURIComponent(i.nbchaines)):e="",r.HOST==i.href&&r.anchor==t.text&&this.build(t,r.HOST+"/widget.php?type="+i.type+n+e,i)}.bind(this))},build:function(t,e,i){var n=document.createElement("iframe");
n.setAttribute("id","widget-tv-"+this.newId()),n.setAttribute("src",e),n.setAttribute("style","overflow: hidden; position: static; visibility: visible; display: inline-block; width: "+i.width+"; height: "+i.height+"; padding: 0px; border: none; max-width: 100%; min-width: 300px; margin-top: 0px; margin-bottom: 0px; min-height: 200px;"),n.setAttribute("scrolling","no"),n.setAttribute("frameBorder","0"),n.setAttribute("allowTransparency","true"),n.setAttribute("allowFullscreen","true"),t.parentNode.replaceChild(n,t)}},window.Widget=r}();
      var widget=new Widget;
      window.onload=widget.init.bind(widget);
      </script>
</div>

Bonjour,

C’est ce que j’ai aussi fait au final et oublié de le poster.
Désolé.

Bonsoir,

Alors j’ai essayer de suivre ce qu’a dit @ajja17orange mais je n’arrive à rien, pas d’affichage du prog télé, je pense que je dois louper quelque chose quelque part avec ma v4.

en faite selon le navigateur cela pose des soucis
pc avec chrome ok
avec portable nok
certainement une histoire de js

une alternative parmi tous les widget du net (a base d’iframe)
crée un design test
crée un html dans le design
coller le code généré
http://www.programme-tv.net/services/programme-tv-sur-votre-site.html

faire en sorte que le design soit légérement plus large que l’iframe généré afin de pouvoir supprimé,configuré,…
html%20programTv

maintenant avec le plug displayHTML sur mon dashboard avec mon tel
Screenshot_20200118-001614_Chrome

hs
si lors de la création tu fais trop de requête il te bloque (une histoire de vide cache)
pour régler le soucis afin de pouvoir continué
mets ton navigateur en mode navigation privé
nav%20priv%C3%A9

Voici mon contenu de html :

<iframe id="widget-tv-1" src="https://tv-programme.com/widget.php?type=ce-soir&hover_color=%23dff0d8" style="overflow: auto; position: static; visibility: visible; display: inline-block; width: 300px; height: 420px; padding: 0px; border: none; max-width: 100%; min-width: 300px; margin-top: 0px; margin-bottom: 0px; min-height: 420px; " scrolling="yes" frameborder="0" allowtransparency="true" allowfullscreen="true"></iframe>

Je vais tester ta propale, mais pas vu de souci avec l’iframe codé en réponse à iPapy.
Mais je suis Chrome PC + Smartphone

EDIT : adopté. Thks