Как навесить событие в JavaScript на элемент, который был создан динамически

Когда нужно просто навесить какое-либо событие в JavaScript на существующий элемент заданной веб-страницы, все относительно просто. Однако, если нужно прикрепить обработчик к разметке, которая генерируется теми же самыми клиентскими скриптами, то у начинающих кодеров может возникнуть проблема, которая решается следующим способом. (далее…)

Опубликовано 26-01-2015 в 17:43

JQuery плагины: timeago- показывает сколько времени прошло с определенной даты

Плагин для JQuery под названием TimeAgo отображает сколько времени прошло с момента наступления определенной даты. Наверняка в Twitter, VKontakte да и на других менее популярных онлайн-ресурсах вы замечали, что даты публикации постов выглядят как например «добавлено 3 часа назад», «опубликовано 1 месяц назад» и т.п. Данное расширение делает тоже самое.

JQuery плагины - timeAgo

(далее…)

Опубликовано 15-11-2014 в 13:55

Решение на JavaScript для случая, когда Opera не понимает псевдокласс active

Далее приведено простое решение на JavaScript для случая, когда Opera не понимает псевдокласс CSS active:

<script>
    jQuery(function($) {
        // Для Opera:
        $('.register-page-social-auth-block a').click(function() {
            $(this).addClass('active');
        }).mouseout(function() {
            $(this).removeClass('active');
        });
    });
</script>

(далее…)

Опубликовано 17-03-2014 в 10:13

Кнопка Наверх для сайта

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

Кнопка Наверх для сайта

Скачать рабочий пример

1. Подключите JQuery к сайту, и добавьте также следующий сценарий на JavaScript:

$(document).ready(function() {

  /*** Кнопка Наверх ***/
  
  $(window).scroll(function () {
    if ($(this).scrollTop() > 100) {
      $('#to-top').fadeIn();
    } else {
      $("#to-top").hide();
    }
  });

  $('#to-top').click(function () {
    $('body,html').animate({
      scrollTop: 0
    }, 599);

    return false;
  });
  
});

(далее…)

Опубликовано 23-01-2014 в 11:39

Различные JQuery меню (и не только) для ваших сайтов

Далее представлено несколько симпатичных реализаций выпадающих меню на JQuery, которые вы при наличии некоторого количества знаний, сможете без особого труда пристроить на свои сайты.

pro_dropdown_3

JQuery меню многоуровневое вертикальное

Выпадающее многоуровневое вертикальное меню, сделанное с примением JavaScript, и не без JQuery. По внешнему виду чем-то напоминает (отдаленно) элементы пользовательского интерфейса ОС Windows Vista / темы для Windows XP и т.п. Возможно все дело в фоновых картинках?

Просмотреть Скачать
(далее…)

Опубликовано 1-01-2014 в 17:46

JQuery — как вставить элемент на страницу: .after() и .before()

Пара примеров с использованием JQuery-методов .after() и .before().

.after()

Имеем:

<script>
$(document).ready(function() {
    $("#raz-after").after("<p>JQuery - метод .after()</p>");
});
</script>
<div class="tak-dlya-primera">
    <div id="raz-after">
    </div>
</div>

Получаем:

<div class="tak-dlya-primera">
    <div id="raz-after">
    </div><p>JQuery пример с методом .after()</p>
</div>

(далее…)

Опубликовано 9-12-2013 в 16:52

JQuery — как вставить элемент на страницу: .append() и .prepend()

Несколько не сильно сложных примеров с JQuery-методами .append(), .prepend().

.append()

Было:

<script>
$(document).ready(function() {
    $("#demka-odin").append("<p>JQuery пример с методом .append()</p>");
});
</script>
<div class="obichnii-div">
    <div id="demka-odin">
    </div>
</div>

Станет:

<div class="obichnii-div">
    <div id="demka-odin">
    <p>JQuery пример с методом .append()</p></div>
</div>

Как видим метод .append() вставляет тег между тегами блочных div-элементов под общим идентификатором #demka-odin. (далее…)

Опубликовано 9-12-2013 в 15:56













Свежие комментарии

  • krasnov8953: к записи Не работает как мне кажется строчка $newTvId = $ »
  • Dimanski: к записи ничего не понимаю. Ставлю ModX на хостинг r01.ru »
  • Дмитрий: к записи Спасибо! Очень выручили. С битриксом беда, а прав »
  • леонид: к записи как сделать что были в ряд? у меня получается по о »
  • Администратор: к записи Статический IP. »
  • Steel: к записи Администратор, вы данную проблему решили подключен »
  • Дмитрий: к записи Хотел узнать как прикрутить данное окно (http://re »

Последние твиты