Web Мастерская
Контакт

Web Мастерская»Блог

Сообщество Web Мастеров. Тут собрано всё, чтобы написать свой первый сайт, запустить его в Интернет и поддерживать его в течении всей его работы.
Поиск блогов...

Как убрать стрелочки в поле <input type="number">

CSS HTML
Чтобы убрать стрелочки у поля number добавьте свойство CSS: 
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
}

Для браузера Firefox можно использовать: 
input[type='number'] {
	-moz-appearance: textfield;
}
...

Как заблокировать "claudebot" в .htaccess

Apache
На один форум зачастил бот claudebot, он не покидал темы форума, ни на минуту. Постоянно выходил с разных IP, так, что блокировать его по IP, нет смысла. Я нашел решение, выглядит оно так: 
SetEnvIfNoCase User-Agent "claudebot" blockedBot

<Limit GET POST HEAD> 
Order Allow,Deny 
Allow from all
Deny from env=blockedBot
</Limit>

Я добавил этот код в .htaccess, что находится в корне сайта. После чего бот claudebot пока не появлялся.

Возможно, будет интересно: Блог: Как заблокировать IP адрес пользователя в .htaccess....

Как убрать полосу прокрутки из <iframe>

HTML
Кратко о том, как убрать полосу прокрутки (Scrollbar) из <iframe>.

Допустим, у нас есть такой ифрейм: 
<iframe src="https://danfa.net/blog/3296/"></iframe>

Внутри которого можно прокрутить страницу/файл по вертикали, и возможно по горизонтали. Чтобы убрать Scrollbar, добавляем атрибут scrolling, со значением no. Вот так: 
<iframe src="https://danfa.net/blog/3296/" scrolling="no"></iframe>

Готово. Scrollbar больше нет....

Как определить, что fadeOut() полностью отработала

JavaScript
fadeOut() - служит для скрытия указанного элемента, путём затухания. Процесс исчезновения продолжается до тех пор, пока элемент полностью не станет невидимым. В качестве первого параметра метода устанавливается время продолжительности исчезновения элемента. Порой необходимо продолжить выполнение сценария, только тогда, когда функция fadeOut скроет элемент полностью. Ниже о том, как это сделать.

Чтобы продолжить выполнение сценария, только полного скрытия элемента, указываем вторым параметром метода функцию, которая возьмёт на себя выполнение кода, после исчезновения элемента.

Пример: 
$('#elID').fadeOut(5000, function() {
	alert('Ok');
});

По первому параметру видно, что элемент с id="elID" будет исчезать ровно 5 секунд (5000). Сразу, как элемент станет невидимым, отработает alert();.

Вместо alert(); будет Ваш код....

Как удалить класс у элемента на чистом JS и jQuery

JavaScript Библиотека JS
Чтобы удалить один из классов элемента на чистом JS, делаем так: 
document.getElementById('elName').classList.remove('className');

Если необходимо удалить сразу все классы, то так (Атрибут class останется пустым): 
document.getElementById('elName').className = '';

Либо так (Удалит полностью атрибут class, со всеми его значениями): 
document.getElementById('elName').removeAttribute('class');


Если требуется удалить один из классов на jQuery, делаем так: 
$("#elName").removeClass('className');

При необходимости удалить все классы разом (Атрибут class останется пустым): 
$("#elName").removeClass();

Если есть необходимость полностью удаление атрибут class, со всем его содержимым: 
$("#elName").removeAttr('class');


  • elName - Название элемента, где необходимо удалить класс.
  • className - Название класса, который необходимо удалить.
...
Реклама