This forum uses cookies
This forum makes use of cookies to store your login information if you are registered, and your last visit if you are not. Cookies are small text documents stored on your computer; the cookies set by this forum can only be used on this website and pose no security risk. Cookies on this forum also track the specific topics you have read and when you last read them. Please confirm that you accept these cookies being set.

Meteo informer code for visualisation
#1
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;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>
<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
Reply
#2
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);  
});
Reply
#3
Thank you admin,

all is working!

Alex
Reply


Forum Jump: