Уроки и статьи
Подписка
Добавляйтесь ко мне в друзья ВКонтакте! Отзывы о сайте и обо мне оставляйте в моей группе.
Мой аккаунт
Моя группа
Опрос
Какая тема Вас интересует больше?
Бесплатный курс
Профессия Web-разработчик с нуля
Этот курс даст Вам пошаговый план для освоения профессии Web-разработчика. Следуя этому плану, Вы освоите профессию всего за 8 месяцев, занимаясь 1 час в день.
Также Вы узнаете, как сделать так, чтобы работодатели сами просили Вас устроиться к ним на работу.
Получите курс сейчас!
Чтобы получить Видеокурс,
заполните форму
Бесплатный онлайн-семинар
10 шагов к созданию своей Web-студии
После семинара:
- Вы узнаете главное отличие богатых от бедных.
- Вы увидите разоблачения множества мифов об успешности и о бизнесе.
- Вы получите свой личный финансовый план прямо на семинаре.
- Мы разберём 10 шагов к созданию своей успешной Web-студии.
- Я расскажу о своих личных историях: об успешных и неуспешных бизнесах. Это мой многолетний опыт, которым я поделюсь с Вами.
Умные цитаты
Кто хочет — ищет возможности. Кто не хочет — ищет причины.
Авраам Линкольн
Поиск: focus
Что искали: focus
Всего найдено: 34 записей
... // создаем обработчики событий gotfocus и lostfocus для кнопки
button.gotfocus += button_gotfocus; ...
- 2. объект window в javascript
- JavaScript/JavaScript Основы
... некоторые методы.а начнём мы с простейших методов - focus() и blur(). эти методы позволяют навести фокус на окно (focus()) и, наоборот, потерять его (blur()). если вдруг, ...
- 3. верстка прозрачной логин формы
- CSS/CSS Основы
... border-radius: 5px;
}
псевдоэлементы :focus и :valid
линии полей в фокусе меняют свой цвет.
.box .inputbox input:focus,
.box .inputbox input:valid{
border-bottom: ...
- 4. ошибки новичков при верстке сайтов #4
- CSS/CSS Основы
... например установить цвет у рамок элементов формы другого цвета.
input:focus,
textarea:focus,
button:focus {
outline: none;
border-color: #ccc;
}
- 5. html 5 атрибуты для работы с полями формы.
- HTML/HTML 5
... </head>
<body>
<input type="text" placeholder="какой-то текст">
</body>
</html>
autofocus
этот атрибут позволяет установить фокус в любое поле сразу при загрузке ...
- 6. всплывающее окно. pop-up на jquery.
- JavaScript/jQuery
... transform: translate(0px, 5px);
-webkit-transform: translate(0px, 5px);
box-shadow: 0px 1px 0px 0px;
}
button:focus {
outline: none !important
}
/* стили для содержимого popup окна */
input, textarea ...
- 7. как сделать всплывающую форму
- JavaScript/JavaScript Основы
... пользователь начинает взаимодействовать с формой.
.form-container input[type=text]:focus, .form-container input[type=password]:focus {
background-color: #ddd;
..
}
создаем ...
- 8. обработка нажатия буквенно-цифровых клавиш на html-странице
- JavaScript/JavaScript Основы
... // устанавливаем фокус на поле ввода при нажатии буквенно-цифровой клавиши
inputelement.focus();
} else if (event.key === 'delete') {
// очищаем содержимое поля ввода и снимаем фокус при нажатии клавиши delete ...
- 9. html теги и атрибуты форм
- HTML/HTML 5
... атрибутами, как rows (ряды) и cols (колонки). пройдемся по атрибутам данного тега.
autofocus автоматически устанавливает фокус
disabled делает поле недоступным для ...
- 10. как использовать псевдоклассы в css
- CSS/CSS3
... псевдоклассов используется для работы с элементами формы, особенно для input.
:focus – меняет стиль для поля, получившего фокус (клик внутри поля).
по умолчанию ...
- 11. события в javascript
- JavaScript/JavaScript Основы
... элементеdblclickarea, document, linkдвойной клик на элементеdragdropwindowперемещение в окно браузераfocusbutton, checkbox, fileupload, frame, layer, password, radio, reset, select, submit, text, textarea, windowустановка ...
- 12. jquery события мыши
- JavaScript/jQuery
... });
});
<input type="button" id="btn" value="пуск"/>
jquery cобытие фокуса
событие focus() наступает, когда пользователь клацает мышью в поле ввода формы. например, ...
- 13. верстка формы + скрипт выбора даты
- CSS/CSS3
... в текстовое поле, текст у placeholder, исчезает.
*:focus::-webkit-input-placeholder {
color: transparent;
}
*:focus::-ms-input-placeholder {
color: transparent;
}
...
- 14. css эффект при наведении на ссылку
- CSS/CSS3
... .link-up a:focus::before {
transform: translatey(4px) translatex(-4px);
opacity: 0;
}
а белая рамка появляется и делает движение вниз.
.link-up a:hover::after,
.link-up a:focus::after ...
- 15. выдвигающаяся форма поиска по клику
- JavaScript/jQuery
... обратно.
$(".wrap, .input").toggleclass("active");
событие focus отслеживает текстовое поле input.
$("input[type='text']").focus();
посмотреть как выдвигается форма поиска ...
- 16. как сделать визуальный редактор на javascript
- JavaScript/JavaScript Основы
... iwin.focus();
iwin.document.execcommand("bold", null, "");
}
function setital() {
iwin.focus();
...
- 17. исчезающий текст в input
- JavaScript/JavaScript Основы
... уместить прямо в самом теге input:
<input type="text" name="name" style="color: #777;" value="ваше имя" onfocus="if (this.value == 'ваше имя') {this.value = ''; this.style.color = '#000';}" onblur="if (this.value == '') {this.value ...
- 18. как определить скрытие веб-страницы из-за наложения на мобильных устройствах?
- JavaScript/JavaScript Основы
... стратегий:
1. обнаружение потери фокуса
отслеживайте события window.onblur и window.onfocus. эти события могут срабатывать, когда появляется или исчезает системное ...
- 19. как проверить, активен пользователь или нет, на javascript.
- JavaScript/JavaScript Скрипты
... браузер.
ifvisible.on("blur", function() {
// пример кода...
animations.pause();
});
ifvisible.on("focus", function() {
// возвращаем все анимации
animations.resume();
});
ifvisible.js может ...
- 20. верстка прозрачной формы входа
- HTML/HTML 5
... position: absolute;
top: 0;
left: 0;
}
псевдоэлементы :focus и :valid
при вводе в форму пользователя логина и пароля, метки (login, password) ...
- 21. создаём сокращатель url. часть 1.
- PHP/PHP Основы
... #fff;
border: 1px solid #ccc;
margin: 0;
}
input[type="url"] {
width: 300px;
}
input[type="url"]:focus {
border: 1px solid blue;
}
input[type="submit"] {
padding: 9px;
transition: all .3s;
}
input[type="submit"]:hover ...
- 22. получить значение из формы на jquery
- JavaScript/jQuery
... <form id="summa">
<label for="numberone">число 1</label><br>
<input type="text" id="numberone" autofocus>
<br>
<label for="numbertwo">число 2</label><br>
<input type="text" id="numbertwo"> ...
- 23. стоит ли использовать css reset
- CSS/CSS Основы
... quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
content: none;
}
:focus {
outline: 0;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
данный код надо ...
- 24. плавный переход. css свойство transition
- CSS/CSS Основы
... transition-timing-function: ease-out;
}
a:not(:last-child) {
margin-right: 15px;
}
a:hover,
a:focus {
color: #4d1d49;
background-color: #c4a7be;
}
демонстрация ...
- 25. пишем информер погоды на react
- JavaScript/JavaScript Основы
... color: #313131;
font-size: 20px;
transition: 0.4s ease;
}
.search-box .search-bar:focus {
background-color: rgba(255, 255, 255, 0.75);
}
.location-box .location { ...
- 26. всплывающее окно popup на jquery (часть 1)
- JavaScript/jQuery
... наведении или в фокусе, крестик меняет свой цвет.
.popup-close:hover,
.popup-close:focus {
color: #000;
cursor: pointer;
}
обратите внимания, что одинаковые ...
- 27. css эффект потери фокуса и наоборот
- CSS/CSS Основы
... всю область видимости экрана и заголовок.
<section>
<h2>focus</h2>
<img src="bg.jpg">
</section>
css код
фокусирование ...
- 28. перемещение placeholder над полем ввода при фокусе
- CSS/CSS Основы
... placeholder-ов.
в состоянии фокуса, произошло перемещение вверх.
.inputbox input:focus ~ span,
.inputbox input:valid ~ span{
font-size: 12px;
color: #111;
transform: ...
- 29. валидация email в форме с помощью js
- JavaScript/JavaScript Основы
... padding-right: 50px;
color: #fff;
font-size: 18px;
}
#form #email:focus{
nbsp; background: linear-gradient(#1e2024,#18181c);
}
#form .inputbox{
position: ...
- 30. валидация формы на javascript
- JavaScript/JavaScript Основы
... width: 100%;
padding: 10px;
font-size: 14px;
}
.form-control input:focus {
outline: 0;
border-color: #777;
}
.form-control.success input {
...
- 31. маска ввода для цифр на чистом javascript
- JavaScript/JavaScript Основы
... } else if (elem.selectionstart) {
elem.focus();
elem.setselectionrange(val.length, val.length); ...
- 32. пишем расширение для браузера chrome для поиска по истории посещенных страниц
- JavaScript/JavaScript Скрипты
... border-radius: 5px;
}
input:focus {
outline: 1px solid rgb(251, 202, 5); ...
- 33. псевдоэлементы в css
- CSS/CSS Основы
... элемента.
first-line
первая строка в тексте элемента.
focus
для элемента в состоянии "фокус". например, текстовое поле, в котором ...
- 34. выборка элементов в jquery
- JavaScript/jQuery
... фильтр not).
есть и масса других фильтров, наиболее популярные из них:
focus - элемент, который находится в фокусе.
even - элементы с чётными номерами ...