$(document).on('click', function(e)
{
var container = $('.menu-mobile');
if (!container.is(e.target) && container.has(e.target).length === 0)
{
container.hide();
}
});
<?php
CJSCore::Init(['phone_number']);
?>
<span id="flag"></span>
<input type="text" id="number" placeholder="Укажите ваш телефон" />
<script>
BX.ready(function() {
new BX.PhoneNumber.Input({
node: BX('number'),
forceLeadingPlus: false, // принудительно установить +
flagNode: BX('flag'), //
flagSize: 16, // Размер флага [16, 24, 32]
defaultCountry: 'ru', // Страна по-умолчанию
onChange: function(e) {
// вызывается при изменении значения
}
});
});
</script>
let redirectUrl = AuthSession.getRedirectUrl();
let result = await AuthSession.startAsync({
authUrl: 'https://oauth.vk.com/authorize?client_id=<client_id>&display=mobile&redirect_uri=' +
encodeURIComponent(redirectUrl) + '&response_type=token&v=5.92',
});
if (result.type === 'success') {
// обрабатываете полученный токен, получаете информацию о пользователе, etc
}
<div class="scale">
<div class="scale__line" style="width: 40%"></div>
<div class="scale__points">
<span class="scale__point" style="left: 30%"></div>
<span class="scale__point" style="left: 60%"></div>
</div>
</div>
.scale {
position: relative;
height: 50px;
background: linear-gradient(90deg, #e66465, #9198e5);
width: 100%;
transition: 0.5s width;
}
.scale--ended {
width: 0;
}
.scale__line {
position: absolute;
top: 0;
right: 0;
bottom: 0;
background: #cacaca;
}
.scale__points {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.scale__point {
width: 70px;
height: 50px;
position: absolute;
top: 0;
overflow: hidden;
}
.scale__point:after{
content: '';
display: block;
position: absolute;
left: 10px;
top: 0;
border-radius: 100%;
width: 50px;
height: 50px;
box-shadow: 0px 0px 0px 50px #FFFFFF;
}
function loadFriends() {
sendRequest('wall.get', {domain:'tattoogenius' ,offset: 0, count:4}, function (data) {
var html = '';
data.response.items.map(function(item) {
item.attachments[0].photo.sizes.map(function(picture) {
var url = picture.url;
html += '<p>' + url + '</p>';
})
});
$('.photos').html(html);
});
}