Ищу способ прохождения аудита по охране труда

goydifukni — Mon, 23 Dec 2024 07:47:58 GMT

Форум: jQuery
Автор темы: goydifukni
Автор последнего сообщения: tertuhokki
Количество ответов: 2

Поделитесь опытом выбора промышленных насосов.

tertuhokki — Sat, 07 Dec 2024 09:13:31 GMT

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

аоапоао

tertuhokki — Fri, 06 Dec 2024 18:28:38 GMT

Форум: jQuery
Автор темы: tertuhokki
Автор последнего сообщения: tertuhokki
Количество ответов: 0

Скрипт для открытия ссылок в новом окне

Михалыч — Fri, 06 Dec 2024 18:28:29 GMT

Этот скрипт будет находить на странице и открывать все ссылки в новом окне у которых стоит атрибут rel="external" .
HTML:

Код

Внешняя ссылка

Скрипт:

Код

$(function() {
  $("a[rel='external']").click(function() {
   window.open(this.href);
   return false;
  });
});

Скрипт для ввода поле input только числа

Михалыч — Thu, 11 Jul 2013 08:04:39 GMT

С помощью этого скрипта вы можете запретить вводить в поле input любой текст кроме чисел.

Код

var ar_str = $('#INPUT').val().split("");
var r  = /\d{1}/;
var nv = '';
for(var i = 0; i < ar_str.length; i++)
{
       if(r.test(ar_str[i]))
  nv +=  ar_str[i];
}
$('#INPUT').val(nv);

Создаём вкладки jQuery + HTML + CSS

Михалыч — Thu, 11 Jul 2013 07:32:27 GMT

HTML-разметка

Структуру сделаем такой: div-обёртка, в котором содержится ненумерованный список ссылок с атрибутом rel равным идентификатору соответствующего элемента с контентом. Элементами с полезным содержимым, в нашем случае, будут тоже списки, обёрнутые в ещё один div. Этот div является ключевым моментом.

Код

Featured

Core

jQuery

Classics

Full Page Background Images

Designing for WordPress

The VERY Basics of HTML & CSS

Classes and IDs

Anything Slider jQuery Plugin

Moving Boxes

Top Designers CSS Wishlist

What Beautiful HTML Code Looks Like

CSS

Ничего особенного, просто настраиваем внешний вид.

Код

ul { list-style: none; }
ul li a { display: block; border-bottom: 1px solid #666; padding: 4px; color: #666; }
ul li a:hover { background: #fe4902; color: white; }
ul li:last-child a { border: none; }

#organic-tabs { background: #eee; padding: 10px; margin: 0 0 15px 0; -moz-box-shadow: 0 0 5px #666; -webkit-box-shadow: 0 0 5px #666; }

#explore-nav { overflow: hidden; margin: 0 0 10px 0; }
#explore-nav li { width: 97px; float: left; margin: 0 10px 0 0; }
#explore-nav li.last { margin-right: 0; }
#explore-nav li a { display: block; padding: 5px; background: #959290; color: white; font-size: 10px; text-align: center; border: 0; }
#explore-nav li a:hover { background-color: #111; }

#jquerytuts, #core, #classics { display: none; }

#explore-nav li#ex-featured a.current, ul#featured li a:hover { background-color: #0575f4; color: white; }
#explore-nav li#ex-core a.current, ul#core li a:hover { background-color: #d30000; color: white; }
#explore-nav li#ex-jquery a.current, ul#jquerytuts li a:hover { background-color: #8d01b0; color: white; }
#explore-nav li#ex-classics a.current, ul#classics li a:hover { background-color: #FE4902; color: white; }

Стоит обратить внимание, что я добавлен класс last, для последнего элемента списка и установлено правое поле для него равным нулю.

jQuery

1) Алгоритм работы следующий:
2) Устанавливаем высоту div-а обёртки равной высоте текущего элемента
3) При нажатии на закладку...
4) Подсвечиваем нажатую закладку
5) Прячем текущий элемент с данными
6) Показываем новый элемент с данными
7) Запускаем анимацию для изменения высоты обёртки для текущего содержимого

Код

$(function() {
  $("#explore-nav li a").click(function() {
   // Получаем идентификатор текущего списка
   var curList = $("#explore-nav li a.current").attr("rel");
   // новый список
   var $newList = $(this);
   // Устанавливаем высоту внешней обёртки
   var curListHeight = $("#all-list-wrap").height();
   $("#all-list-wrap").height(curListHeight);
   // Подсвечиваем только что нажатую закладку
   $("#explore-nav li a").removeClass("current");
   $newList.addClass("current");
   // Получаем идентификатор нового списка
   var listID = $newList.attr("rel");
   if (listID != curList) {
    // прячем текущий список
    $("#"+curList).fadeOut(300, function() {
     // По окончании анимации запускаем показ нового списка
     $("#"+listID).fadeIn();
     // расчитываем новую высоту и запускаем анимацию по её изменению
     var newHeight = $("#"+listID).height();
     $("#all-list-wrap").animate({
      height: newHeight
     });
    });
   }
   // не надо переходить по ссылке
   return false;
  });
});