Программирование на php. Создание сайтов на Drupal, верстка, темизация и прочие полезные функции и возможности. Обзор модулей и плагинов.

Разная анимация для Nivo slider

Опубликовано 2014.03.28 в разделе JavaScript.

У слайдера Nivo slider есть один существенный недостаток - одинаковая анимация для смены картинок. То есть если листать картинки как влево, так и вправо - анимация всегда будет одной и той-же. Это не всегда выглядит красиво. Победить эту проблему получилось только патчем библиотеки. Я приведу пример и приложу исходник. Открывайте jquery.nivo.slider.js и ищите текст // Get our vars, это примерно 290 строка. Добавьте после неё следующую строчку:

var slide_bilo = $('div.nivo-controlNav a.active').attr('rel');

foreach в JavaScript

Опубликовано 2013.06.05 в разделе JavaScript.

Часто используемой php`шной функции foreach в JavaScript`е нет. Поэтому следует использовать конструкцию for. Это достаточно просто.

<script type="text/javascript">
var data = new Array('house', 'table', 'Drupal');
for (var key in data) {
   var val = data[key];
   alert (key + ' = ' + val);
}
</script>

jQuery CSS. Управление стилями.

Опубликовано 2012.08.12 в разделе JavaScript.

Библиотека jQuery позволяет свободно управлять css свойствами элементов DOM дерева. Если вы уже знакомы с основами синтаксиса jQuery - то разобраться со стилями для вас не составит никакого труда. Задать свойство можно так:

$(element).css('color','green');

Вот и всё, теперь у элемента есть свойство color, которое равно green. Например имеем разметку:

<p id="abzac">
Подкрасить в красный цвет яваскриптом.
</p>

jQuery элементы

Опубликовано 2012.08.08 в разделе JavaScript.

Для доступа к DOM элементам на странице достаточно знать идентификатор элемента, его класс или любые другие отличительные признаки. Другими словами-селекторы. Например,если средствами jQuery необходимо получить объект элемента-то следует написать:

$(element);

Предположим у нас есть поле ввода с идентификатором field:

<!--Поле ввода-->
<input type="text" id="field" value="Test string" class="my-class" />
 
<!--Сам скрипт-->
<script type="text/javascript">
var el=$('#field');
</script>