+- LogicMachine Forum (https://forum.logicmachine.net)
+-- Forum: LogicMachine eco-system (https://forum.logicmachine.net/forumdisplay.php?fid=1)
+--- Forum: OLD visualization (https://forum.logicmachine.net/forumdisplay.php?fid=9)
+--- Thread: Meteo informer code for visualisation (/showthread.php?tid=4164)
Meteo informer code for visualisation - AlexLV - 29.07.2022
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;border
olid 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
RE: Meteo informer code for visualisation - admin - 01.08.2022
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);
});RE: Meteo informer code for visualisation - AlexLV - 01.08.2022
Thank you admin,
all is working!
Alex