HTML:
<script src="https://api-maps.yandex.ru/2.1/?lang=ru_RU" type="text/javascript"></script>
<div id="map"></div>
Javascript:
ymaps.ready(init);
function init(){
var myMap=new ymaps.Map("map",{
center:[59.974504,30.550266],
zoom:11,
controls:['zoomControl']
}),
Placemark1=new ymaps.Placemark([60.002148,30.272623],{
balloonContent:'Балун 1',
hintContent:'Стандартный значок метки 1',
},{
preset:'islands#redDotIcon'
}),
Placemark2=new ymaps.Placemark([59.935935,30.363452],{
balloonContent:'Балун 2',
hintContent:'Стандартный значок метки 2',
},{
preset:'islands#redDotIcon'
});
myMap.geoObjects.add(Placemark1).add(Placemark2);
myMap.behaviors.disable('scrollZoom');
}
CSS:
#map{
height:390px;
}
[class*="ymaps-2"][class*="-ground-pane"]{
filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
-webkit-filter:grayscale(100%);
}
На основе: http://jsfiddle.net/9aj8j/76/
DaData.ru
Подключение и простой поиск:
<html>
<head>
<link href="https://cdn.jsdelivr.net/jquery.suggestions/16.8/css/suggestions.css" type="text/css" rel="stylesheet"/>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<!--[if lt IE 10]>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery-ajaxtransport-xdomainrequest/1.0.1/jquery.xdomainrequest.min.js"></script>
<![endif]-->
<script type="text/javascript" src="https://cdn.jsdelivr.net/jquery.suggestions/16.8/js/jquery.suggestions.min.js"></script>
</head>
<body>
<input id="party" name="party" type="text" size="100"/>
<script type="text/javascript">
$("#party").suggestions({
serviceUrl:"https://suggestions.dadata.ru/suggestions/api/4_1/rs",
token:"---",
type:"PARTY",
count:5,
onSelect:function(suggestion){
console.log(suggestion);
}
});
</script>
</body>
</html>
Разложить организацию по полям:
<html>
<head>
<link href="https://cdn.jsdelivr.net/jquery.suggestions/16.8/css/suggestions.css" type="text/css" rel="stylesheet"/>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<!--[if lt IE 10]>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery-ajaxtransport-xdomainrequest/1.0.1/jquery.xdomainrequest.min.js"></script>
<![endif]-->
<script type="text/javascript" src="https://cdn.jsdelivr.net/jquery.suggestions/16.8/js/jquery.suggestions.min.js"></script>
</head>
<body>
<section class="container">
<h1>Подсказки по организациям и ИП</h1>
<input id="party" name="party" type="text" placeholder="Введите название, ИНН, ОГРН или адрес организации"/>
</section>
<section class="result">
<p id="type"></p>
<div class="row">
<label>Краткое наименование</label>
<input id="name_short"/>
</div>
<div class="row">
<label>Полное наименование</label>
<input id="name_full"/>
</div>
<div class="row">
<label>ИНН / КПП</label>
<input id="inn_kpp"/>
</div>
<div class="row">
<label>Адрес</label>
<input id="address"/>
</div>
</section>
<script>
function join(arr){
var separator=arguments.length>1?arguments[1]:", ";
return arr.filter(function(n){return n}).join(separator);
}
function typeDescription(type){
var TYPES={
'INDIVIDUAL':'Индивидуальный предприниматель',
'LEGAL':'Организация'
}
return TYPES[type];
}
function showSuggestion(suggestion){
console.log(suggestion);
var data=suggestion.data;
if(!data)return;
$("#type").text(
typeDescription(data.type)+" ("+data.type+")"
);
if(data.name)$("#name_short").val(join([data.opf&&data.opf.short||"",data.name.short||data.name.full]," "));
if(data.name&&data.name.full)$("#name_full").val(join([data.opf&&data.opf.full||"",data.name.full]," "));
$("#inn_kpp").val(join([data.inn, data.kpp]," / "));
if(data.address)$("#address").val(data.address.value);
}
$("#party").suggestions({
serviceUrl:"https://suggestions.dadata.ru/suggestions/api/4_1/rs",
token:"---",
type:"PARTY",
count:5,
onSelect:showSuggestion
});
</script>
</body>
</html>
Подробнее:
Подключение: https://dadata.ru/suggestions/usage/#party
REST API: https://dadata.ru/api/suggest/#request-party
Как разложить компанию по полям? Наименование, ИНН, КПП, адрес? http://codepen.io/dadata/pen/Gdakz?editors=1010
Еще по теме:
https://www.nalog.ru/rn77/service/egrip2/
http://sc-kontur.ru/focus/focus_api
function delete_cookie(name){
document.cookie=name+'=; expires=Thu, 01 Jan 1970 00:00:01 GMT;';
}
или более сложный вариант с возможностью создания и чтения cookie, если это нужно:
function createCookie(name,value,days){
if(days){
var date=new Date();
date.setTime(date.getTime()+(days*24*60*60*1000));
var expires="; expires="+date.toGMTString();
}
else var expires="";
document.cookie=name+"="+value+expires+"; path=/";
}
function readCookie(name){
var nameEQ=name+"=";
var ca=document.cookie.split(';');
for(var i=0;i<ca.length;i++){
var c=ca[i];
while(c.charAt(0)==' ')c=c.substring(1,c.length);
if(c.indexOf(nameEQ)==0)return c.substring(nameEQ.length,c.length);
}
return null;
}
function eraseCookie(name){
createCookie(name,"",-1);
}
http://stackoverflow.com/questions/2144386/javascript-delete-cookie
В примере скрываем блок .category
внутри ul
которого все li
c class hided
$('.category ul').each(function(){
if($(this).find('li').not('.hided').length==0){
$(this).closest('.category').hide();
}
});
1. Подключаем Touchwipe с http://www.netcu.de/jquery-touchwipe-iphone-ipad-library
2. При свайпе эмуляция нажатия на стрелки
$(window).load(function(){
$("#carousel").touchwipe({
wipeLeft:function(){$("#carousel").find('.next').click();},
wipeRight:function(){$("#carousel").find('.prev').click();}
});
});
$('#square').bind("change keyup input click",function(){
if(this.value.match(/[^0-9]/g)){
this.value=this.value.replace(/[^0-9]/g,'');
}
});
Обновлено:
Разрешать точку (для дробных чисел). При этом заменять запятую на точку при вводе.
$('.calc input').bind("change keyup input click",function(){
if(this.value.match(/,/)){
this.value=this.value.replace(/,/,'.');
}
if(this.value.match(/[^0-9.]/g)){
this.value=this.value.replace(/[^0-9.]/g,'');
}
});