Селектор по атрибуту с [] в значении

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

Допустим у вас есть такая вёрстка:
  1. <input type="hidden" name="field_main_image[und][0][fid]" value="152" />
И вам нужно ява скриптом обратиться к этому инпуту по имени и забрать значение атрибута value. Делается это так.
  1. var input_value = $('[name=field_main_image\\[und\\]\\[0\\]\\[fid\\]]').attr('value')
Всё элементарно, но надо знать, что скобки экранируются двумя слэшами, а не одним.

Событие наведения и снятия курсора на jQuery

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

Всё достаточно просто. Не забывайте подключать саму библиотеку jQuery
  1. $(document).ready(function() {
  2. $('#element').hover(
  3. function(){
  4. // навели курсор на объект
  5. console.log('hover');
  6. },function(){
  7. // отвели курсор с объекта
  8. console.log('no hover');
  9. });
  10. });

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

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

Библиотека jQuery позволяет свободно управлять css свойствами элементов DOM дерева. Если вы уже знакомы с основами синтаксиса jQuery - то разобраться со стилями для вас не составит никакого труда. Задать свойство можно так:
  1. $(element).css('color','green');
Вот и всё, теперь у элемента есть свойство color, которое равно green. Например имеем разметку:
  1. <p id="abzac">
  2. Подкрасить в красный цвет яваскриптом.
  3. </p>

jQuery элементы

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

Для доступа к DOM элементам на странице достаточно знать идентификатор элемента, его класс или любые другие отличительные признаки. Другими словами-селекторы. Например,если средствами jQuery необходимо получить объект элемента-то следует написать:
  1. $(element);
Предположим у нас есть поле ввода с идентификатором field:
  1. <!--Поле ввода-->
  2. <input type="text" id="field" value="Test string" class="my-class" />
  3.  
  4. <!--Сам скрипт-->
  5. <script type="text/javascript">
  6. var el=$('#field');
  7. </script>

Пример работы с AJAX

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

Использовать технологию AJAX можно достаточно просто,не вдаваясь в дебри программирования Web 2.0. Очень часто возникает необходимость отправить запрос и получить на него ответ, на основании которого принять какое-то решение. Самый простой вариант-это использовать технологию jQuery. Для этого потребуется подключить к сайту саму библиотеку. Можно скачать её и закинуть на свой сайт,либо использовать гугловое хранилище кода.Например так:
  1. <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

Cron средствами JavaScript

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

Если требуется преодически запускать какой либо php скрипт для пользователя, то можно запускать его фоном,средствами AJAX. Для этого нужно иметь сам файл,библиотеку jQuery и написать коротенький скрипт. Вот сам скрипт:
  1. function cron(){
  2. //дергаем крон
  3. $.ajax({
  4. url: "cron_file.php",
  5. async: true
  6. }).responseText;
  7.  
  8. setTimeout(function(){
  9. cron();
  10. }, 60000);
  11. }
  12. cron();
Помещайте этот код на страницу,или в js файл. И когда пользователь будет на сайте-то файл cron_file.php будет запускаться для него каждые 60 секунд.

Вывод двухуровневого словаря таксономии + jQuery

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

Термины таксономии в виде ссылок выводятся простым снипетом,даже с количеством привязанных нод. Если словарь двухуровневый-можно поступить следующим образом: Я также сразу закладываю возможность использовать jQuery эффект аккордиона Аргументом функции будет номер вашего словаря. Помещайте эти функции в свой модуль. Можете скачать заготовку модуля. Там есть исходники, потрете в них лишнее и запишите в него только эти 2 функции.
  1. function get_taxonomy_top($vid=2){
  2. echo '<div id="accordion">';</div>