Ответы пользователя Денис Инешин по тегу «JavaScript»

Если мелкие сайты у вас тоже одностраничные приложения, то не нужно ничего менять, используйте привычный стек, ну и там сниппетов накидайте на все случаи жизни, чтобы ускорить разработку. Если все же очень хочется найти что-то мелкое, то в целом под ваше описание очень подходит библиотека Backbone, она очень маленькая.

Ответ написан более трёх лет назад

6 комментариев

Как сделать через jquery один элемент при наведении?

Денис Инешин @IonDen

JavaScript developer. IonDen.com

1. Открыли, навесли на основной блок класс: test.addClass("opened");
2. Закрыли, удалили с блока этот класс: test.removeClass("opened");
3. В CSS написали что-то вроде: jsfiddle.net/IonDen/n6tawovj

.opened .arr {
    -moz-transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    transform: scaleY(-1);
    -ms-filter: flipv; /*IE*/
    filter: flipv;
}

Ответ написан более трёх лет назад

2 комментария

Как динамически обновлять страницы без перезагрузки в jQuery?

Денис Инешин @IonDen

JavaScript developer. IonDen.com

В описании Onsen написано что он поддерживает работу с Angular. Воспользуйтесь этим фреймворком, он как раз создан для одностраничных приложений.

Ответ написан более трёх лет назад

Комментировать

Как на js запустить безымянную функцию?

Денис Инешин @IonDen

JavaScript developer. IonDen.com

Эта функция сама себя запустит, как только будет загружена. Посмотрите например: https://sarfraznawaz.wordpress.com/2012/01/26/java...

Короче так:

<head>
...
<!--[if lte IE 9]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
...
</head>

Ответ написан более трёх лет назад

7 комментариев

Как запустить скрипт через 5 сек. после загрузки страницы?

Денис Инешин @IonDen

JavaScript developer. IonDen.com

$(document).ready(function () {
    function mktop() {
        $( "form" ).submit();		
    }
    setTimeout(function () {
        mktop();
    }, 5000);
});

Ответ написан более трёх лет назад

4 комментария

Как сделать автоматическую отправку формы?

Денис Инешин @IonDen

JavaScript developer. IonDen.com

setInterval(function () {
    form.submit();
}, 5000);

Ответ написан более трёх лет назад

Комментировать

Как автоматически отправить форму?

Денис Инешин @IonDen

JavaScript developer. IonDen.com

var form = document.forms[0]; // находим первую форму на странице
form.submit(); // вызываем её метод сабмит

Ответ написан более трёх лет назад

2 комментария

Последовательность анимации?

Денис Инешин @IonDen

JavaScript developer. IonDen.com

В дополнение. Хитрые и сложные анимации можно очень хорошо делать на @keyframes. Вот пример: jsfiddle.net/IonDen/nmpkkaqs вначале меняется ширина, потом прозрачность. Можно очень гибко настраивать. Посмотрите например эту статью: https://css-tricks.com/snippets/css/keyframe-anima... или вот такой генератор: cssanimate.com

Ответ написан более трёх лет назад

Комментировать

Как создать копию вещественного типа в js?

Денис Инешин @IonDen

JavaScript developer. IonDen.com

Ну как вариант, если вы много работаете с коллекциями, воспользоваться underscorejs.org или https://lodash.com/ Они примерно одинаковы.

Вот так можно скопировать в Lodash: https://lodash.com/docs#clone и #deepClone

Ответ написан более трёх лет назад

Комментировать

Появление и исчезновение блока при нажатии можно реализовать лишь с помощью JS?

Денис Инешин @IonDen

JavaScript developer. IonDen.com

Теоретически, если добавить блоку табиндекс то это возможно без JS: jsfiddle.net/IonDen/u52uomho

Ответ написан более трёх лет назад

10 комментариев

Как задать разные картинки и текст для множественного социального шаринга на странице?

Денис Инешин @IonDen

JavaScript developer. IonDen.com

На сколько я помню, API share42.com/ru позволяет заменять файл с иконками на свой.

Ответ написан более трёх лет назад

Комментировать

Как можно оптимизировать данный код?

Денис Инешин @IonDen

JavaScript developer. IonDen.com

Вы подошли к проблеме не с той стороны, смотрите в DOM, чтобы понять что происходит, а должно быть наоборот.
Логика примерно такая:
1. Вы знаете что у вас 10 картинок
2. У вас есть индекс текущей картинки
3. Клики на стрелочки влево/вправо или на точки навигации лишь изменяют этот индекс
4. После изменения индекса, приложение пересчитывает координаты сдвига, и назначает элемент, которому добавить класс active

Ну и никаких повторений кода не будет в этой ситуации.

Ответ написан более трёх лет назад

1 комментарий

Почему jQuery не находит элемент после его замены через Ajax (видео внутри)?

Денис Инешин @IonDen

JavaScript developer. IonDen.com

Представьте себе ситуацию так:

Вот у вас есть некий дом элемент А. На него навешан слушатель, который ждет клик по этому элементу А.
Через какое-то время мы берем и удаляем А, и вставляем вместо него Б. Даже если Б очень похож на А, близнец скажем там, это все равно уже не А. И слушатель, что был навешан на А уже потерян. По этому ждать события бесполезно.

Эта задача может быть решена 2-я способами:
1. После замены элемента А на Б аяксом, мы заново навешиваем слушатель клика уже на новый элемент Б.
2. Используем делегирование. При этом слушатель навешиваем на документ в самом начале и ждем, пока через всплытие до нас дойдет клик. Если какой-то любой клик дошел, мы проверяем его источник, и если это один из наших элементов из той же категории что А и Б, то мы его обрабатываем.

Ответ написан более трёх лет назад

1 комментарий

Как определить работает ли Flash через javascript?

Денис Инешин @IonDen

JavaScript developer. IonDen.com

Это политика безопасности. Флеш - это огромная дыра в этой самой безопасности, не удивительно что мозилла блокирует старые версии.

Ответ написан более трёх лет назад

2 комментария

Области применения веб фреймворков?

Денис Инешин @IonDen

JavaScript developer. IonDen.com

Фреймворки вроде Angular.js или Ember.js, а так же библиотеки вроде Backbone.js или React.js используются для создания одностраничных приложений в вебе (SPA). Одностраничное приложение - это такой веб-сайт, работающий в вебе как настоящее приложение на других платформах (на мобилках, на десктопе). В большинстве случаев это нужно для того, чтобы не делать для сайта индивидуальный сервер, а обойтись одним, который умеет работать с любым клиентом, будь то веб или мобильное приложение.

Node.js - это платформа основанная на языке программирования JavaScript, а не фреймворк.

Ответ написан более трёх лет назад

4 комментария

Функционал сайта, landing page, начинка сайта, как реализовать?

Денис Инешин @IonDen

JavaScript developer. IonDen.com

Взять хорошую книжку по пхп и тщательно изучить. К концу книги эти вопросы исчезнут.

Ответ написан более трёх лет назад

2 комментария

Как сделать "склеивание" содержимого ячейки с содержимым поля для ввода текста?

Денис Инешин @IonDen

JavaScript developer. IonDen.com

https://angularjs.org/ - первая демка)

А вообще, вам поможет +=
Например так:
my_div.innerHTML += 'новый текст';

jsfiddle.net/IonDen/5nuvsdkn

var test = document.getElementById('test'),
    input = document.getElementById('inp');

input.addEventListener('change', function () {
    var val = this.value;
    this.value = '';
    
    test.innerHTML += val; // <-- вот тут добавляем текст к нашему полю
});

Ответ написан более трёх лет назад

8 комментариев

Войдите на сайт