Meteo informer code for visualisation

[AlexLV]

Hi,

I want to add to visualization meteo informer code. How can I do it?

Example:

<!-- Gismeteo Informer (begin) -->
<div id="GMI_240x90-2_ru_4136" class="gm-info">
    <div style="position:relative;width:240px;height:90px;borderolid 1px;background:#F5F5F5;border-color:#EAEAEA #E4E4E4 #DDDDDD #E6E6E6;border-radius:4px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;">
        <a style="font:11px/13px Arial,Verdana,sans-serif;text-align:center;text-overflow:ellipsis;text-decoration:none;display:block;overflow:hidden;margin:2px 3px;color:#0678CD;" href="https://www.gismeteo.lv/ru/weather-riga-4136/">Рига</a>
        <a style="font:9px/11px Tahoma,Arial,sans-serif;letter-spacing:0.5px;text-align:center;text-decoration:none;position:absolute;bottom:3px;left:0;width:100%;color:#333;" href="https://www.gismeteo.lv"><span style="color:#0099FF;">Gis</span>meteo</a>
    </div>
</div>
<script type="text/javascript">
(function() {
    var
        d = this.document,
        o = this.navigator.userAgent.match(/MSIE (6|7|8)/) ? true : false,
        s = d.createElement('script');
 
    s.src  = 'https://www.gismeteo.lv/ru/informers/simple/install/';
    s.type = 'text/javascript';
    s[(o ? 'defer' : 'async')] = true;
    s[(o ? 'onreadystatechange' : 'onload')] = function() {
        try {new GmI({
            slug : 'dd28b1732042a6d521c1bc12fa54ba16',
            type : '240x90-2',
            city : '4136',
            lang : 'ru'
        })} catch (e) {}
    }
 
    d.body.appendChild(s);
})();
</script>
<!-- Gismeteo Informer (finish) -->

   

Is it possible select place where it will be seen?

Alex

[admin]

Add to Custom JS. Adjust plan ID (8 in this example) and top/left element position as needed.

Code:

$(function() {
  var plan = $('#plan-8')
    , top = 600
    , left = 400;
  
  if (!plan.length) {
    return;
  }
  
  $(`<div id="GMI_240x90-2_ru_4136" class="gm-info">
      <div style="position:relative;width:240px;height:90px;borderConfusedolid 1px;background:#F5F5F5;border-color:#EAEAEA #E4E4E4 #DDDDDD #E6E6E6;border-radius:4px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;">
        <a style="font:11px/13px Arial,Verdana,sans-serif;text-align:center;text-overflow:ellipsis;text-decoration:none;display:block;overflow:hidden;margin:2px 3px;color:#0678CD;" href="https://www.gismeteo.lv/ru/weather-riga-4136/">Рига</a>
        <a style="font:9px/11px Tahoma,Arial,sans-serif;letter-spacing:0.5px;text-align:center;text-decoration:none;position:absolute;bottom:3px;left:0;width:100%;color:#333;" href="https://www.gismeteo.lv"><span style="color:#0099FF;">Gis</span>meteo</a>
      </div>
    </div>`).appendTo(plan).css({
      position: 'absolute',
      top: top,
      left: left
    });

  var
      d = document,
      o = navigator.userAgent.match(/MSIE (6|7|8)/) ? true : false,
      s = d.createElement('script');

  s.src  = 'https://www.gismeteo.lv/ru/informers/simple/install/';
  s.type = 'text/javascript';
  s[(o ? 'defer' : 'async')] = true;
  s[(o ? 'onreadystatechange' : 'onload')] = function() {
      try {new GmI({
          slug : 'dd28b1732042a6d521c1bc12fa54ba16',
          type : '240x90-2',
          city : '4136',
          lang : 'ru'
      })} catch (e) {}
  }

  d.body.appendChild(s);  
});

[AlexLV]

Thank you admin,

all is working!

Alex