14 августа 2018
Нет комментариев
<a href="viber://add?number=792112345678"></a> <a href="whatsapp://send?phone=+792112345678"></a>
<a href="viber://add?number=792112345678"></a> <a href="whatsapp://send?phone=+792112345678"></a>
Javascript:
ymaps.ready(init); function init(){ var groups=[ { name:"Группа 1", style:"islands#blueCircleIcon", items:[ {name:"Санкт-Петербург, Московский пр-т, д. 44"}, {name:"Санкт-Петербург, ул. Байконурская, д. 14А, ТРК «Континент»"}, ] }, { name:"Группа 2", style:"islands#greenCircleIcon", items:[ {name:"Санкт-Петербург, Лиговский пр-т, д. 30А, ТРЦ «Галерея»"}, {name:"Санкт-Петербург, Петергофское ш., д. 51, ТРЦ «Жемчужная Плаза»"}, ] }, ]; var myMap=new ymaps.Map('map',{ center:[59.939095,30.315868], zoom:10 },{ searchControlProvider:'yandex#search' }), menu=$('<div class="menu"></div>'); for(var i=0,l=groups.length;i<l;i++){ createMenuGroup(groups[i]); } function createMenuGroup(group){ var menuItem=$('<div class="group"><p>'+group.name+'</p></div>'), collection=new ymaps.GeoObjectCollection(null,{preset:group.style}), submenu=$('<ul></ul>'); myMap.geoObjects.add(collection); menuItem.append(submenu).appendTo(menu); for(var j=0,m=group.items.length;j<m;j++){ createSubMenu(group.items[j],collection,submenu); } } function createSubMenu(item,collection,submenu){ var submenuItem=$('<li><a href="#">'+item.name+'</a></li>'); ymaps.geocode(item.name,{results:1}).then(function(res){ var coords=res.geoObjects.get(0).geometry.getCoordinates(); var placemark=new ymaps.Placemark(coords,{balloonContent:item.name}); collection.add(placemark); submenuItem.appendTo(submenu).find('a').bind('click',function(){ if(!placemark.balloon.isOpen()){ placemark.balloon.open(); } else{ placemark.balloon.close(); } return false; }); }); } menu.insertAfter($('#map')); }
HTML:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src="https://api-maps.yandex.ru/2.1/?lang=ru_RU"></script> <script> //js here </script> <div id="map" style="height:400px;"></div>
Когда видео автоматически не запускается в Chrome. Добавить параметр muted кроме autoplay. Сам параметр отключает звук, по этому не понятно как это связано, но это работает.
Полный пример:
<video preload="auto" autoplay="autoplay" loop="loop" muted="muted"> <source src="/assets/video/video.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'> <source src="/assets/video/video.webm" type='video/webm; codecs="vp8, vorbis"'> <source src="/assets/video/video.ogv" type='video/ogg; codecs="theora, vorbis"'> </video>
RewriteCond %{REQUEST_FILENAME} !-d RewriteCond %{REQUEST_URI} ^(.+)/$ RewriteRule ^(.+)/$ /$1 [R=301,L]
RewriteRule ^(.*)\.html$ https://%{HTTP_HOST}/$1 [R=301,L]
Когда шрифты с https://fonts.google.com/ нужно сохранить и использовать локально.
Для загрузки шрифтов и генерации css воспользоваться сервисом:
https://google-webfonts-helper.herokuapp.com/
В примере таблицы в контенте расположены внутри тега article
$(document).ready(function(){ $(".article table").wrap('<div class="content_table"></div>'); });
article .content_table{ overflow-x:auto; }