<form id="theForm" class="pure-form pure-form-stacked">
<div>
<label for="radius">Radius</label>
<input type="text" name="radius" id="radius"/>
<input type="submit" id="submit" value="Calculate" class="button-secondary pure-button"/>
</div>
</form>
$('#radius').keypress(function() {
var dInput = this.value;
console.log(dInput.length);
if (dInput.length >= 1) {
if (!isNaN(dInput)) {
$('input[type=submit]').addClass("button-error");
}
}
});
$("#text").on('click', function(e) {
// данное событие будет выполняться при клике на левую кнопку или на клик колесика
if( e.which == 1 || e.which == 2 ) {
// какое нибудь действие
}
});
var links = document.getElementsByClassName('link-span');
while(links.length) {
links[0].outerHTML = '<a target="_blank" href="#">New элемент</a>';
}
i+1
не делает с переменной ровным счетом ничего - i
как была 0, так и останется 0. .button{
opacity: 0;
position: fixed;
color: white;
font-size: 70px;
visibility: hidden;
text-align: center;
transition: all 0.5s;
background: #343434;
border-radius: 70px;
display: inline-block;
right: 50px; bottom: 30px;
width: 70px; height: 70px;
}
.visible{
visibility: visible;
opacity: 1;
}
<a href="#toTop" class="button">↑</a>
(function($scrollButton, $win){
$(document).scroll(function(){
$scrollButton.toggleClass("visible", $win.scrollTop() > 300);
});
$scrollButton.click(function(e){
e.preventDefault();
$("body, html").animate({scrollTop : 0}, 500);
});
})( $(".button"), $(window) );
Если в Вашем приложении используется прямая авторизация, возвращается дополнительное поле files, содержащее ссылку на файл с видео (если ролик размещен на сервере ВКонтакте) или ссылку на внешний ресурс (если ролик встроен с какого-либо видеохостинга).
// вместо
console.log(response.responseText);
// присвоить значение
id = response.responseText;
// продолжить выполнение своего кода.
function step1 () {
// some code
$.ajax({
// параметры запроса
success: function (data) {
step2(data);
}
});
}
function step2 (data) {
// some other code
}
#header ul {
list-style: none;
float: left;
margin-left: 3%;
margin-right: 1%;
margin: center;
}
.pook {
float: right;
}