22 декабря 2015
22 апреля 2010
Jquery tabs
У вас есть статья про табы и я вот в изучении jquery решил попробовать переписать код tab-ов по своему, возникли вопросы, вот ваш код, с комментариями что не так
$(function () {
var tabContainers = $('div.tabs > div');
tabContainers.hide().filter(':first').show(); // задача сделать так, что бы открывалось содержание табы с классом active, то есть в html коде табов уже с самого начала есть один class active
$('div.tabs ul.tabNavigation a').click(function () {
tabContainers.hide();
tabContainers.filter(this.hash).show();
$('div.tabs ul.tabNavigation a').removeClass('selected');
$(this).addClass('selected');
return false; // return false не подходит т.к. таба может ссылатся на другую страницу а может на блок, но если return будет true то страницу опустит к div содержания табы
}).filter(':first').click(); // Вот этот фильтр вообще не нужен
});
$(function () {
var tabContainers = $('div.tabs > div');
tabContainers.hide().filter(':first').show(); // задача сделать так, что бы открывалось содержание табы с классом active, то есть в html коде табов уже с самого начала есть один class active
$('div.tabs ul.tabNavigation a').click(function () {
tabContainers.hide();
tabContainers.filter(this.hash).show();
$('div.tabs ul.tabNavigation a').removeClass('selected');
$(this).addClass('selected');
return false; // return false не подходит т.к. таба может ссылатся на другую страницу а может на блок, но если return будет true то страницу опустит к div содержания табы
}).filter(':first').click(); // Вот этот фильтр вообще не нужен
});
21 апреля 2010
jQuery UI
Привет!
Есть проблеммка. Мне нужно чтобы для эффекта transfer в его стилях .ui-effects-transfer задавался background картинкой.
Подскажите, помогите, только начинаю изучать...Что не так? Как исправить?
Есть проблеммка. Мне нужно чтобы для эффекта transfer в его стилях .ui-effects-transfer задавался background картинкой.
jQuery(document).ready(function($){
$("#fly-image img").addClass("backimg");
var backpath = $(".backimg").attr("src");
$(".ui-effects-transfer").css("background", backpath);
$(".addtocart_button").click(function () {
$("#fly-image img").effect("transfer", { to: "div.vmCartModule" }, 199300);
});
});
Подскажите, помогите, только начинаю изучать...Что не так? Как исправить?
6 апреля 2010
Сжатие JS
Подскажите чем можно, хорошо и без ошибок, делать сжатие и обфускацию JS?
15 марта 2010
Очень понравилось, но как!?
Здравствуйте. Очень понравилось меню на главной(картинка при наведении мыши заезжает за другую), подскажите, как это сделать!? Спасибо.
13 марта 2010
fancybox
Привет. Столкнулся с проблемой, хочу поместить форму обратной связи на pop up fancybox, все бы ничего, но при клике на поля ввода окно закрывается. Что нужно изменить чтобы окно закрывалось исключительно при нажатии на крестик?
5 марта 2010
При использовании эффектов hide и show, в IE6 появляются артефакты
Здравствуйте.
Нужно было написать скрипт на jQuery для смены одного текста на другой с применением эффектов hide и show. Вроде все получилось, во всех браузерах работает нормально, а вот в IE6 во время анимации появляются какие-то артефакты :(.
Можно ли это как-то исправить?
HTML-версия: http://b23.ru/ekot
Видео на YouTube: http://b23.ru/ekob
Нужно было написать скрипт на jQuery для смены одного текста на другой с применением эффектов hide и show. Вроде все получилось, во всех браузерах работает нормально, а вот в IE6 во время анимации появляются какие-то артефакты :(.
Можно ли это как-то исправить?
HTML-версия: http://b23.ru/ekot
Видео на YouTube: http://b23.ru/ekob
28 февраля 2010
Добавление класса элементу с неизвестным ID
Здравствуйте.
И опять мне нужен совет, быть может некоторая помощь кодом, очень надеюсь ее получить здесь.
Итак, дано: я имею список на сайте неизвестной длины следующего вида:
Замечу, что ID элемента списка, href и текст ссылки совпадают и присваиваются на серверной стороне и могут быть абсолютно любыми.
Задача: написать js, который в зависимости от текущего URL добавляет класс "someclass" соответствующему элементу списка.
Пример: если document.URI==http://www.site.com/somename_3/ то элемент с id="somename_3" получает класс "someclass".
Обращу внимание, что с помощью GetElementByID и функцией classname я не могу уверенно оперировать, так как неизвестен ID текущего элемента.
Немного усложняет ситуацию то, что я не имею доступа к php на сервере и не могу ничего изменить, кроме как с помощью JS. Также, я не могу отдавать JS с серверными вставками, например, так:
И опять мне нужен совет, быть может некоторая помощь кодом, очень надеюсь ее получить здесь.
Итак, дано: я имею список на сайте неизвестной длины следующего вида:
<ul id="list">
<li id="somename"><a href ="/somename/">somename</a><li>
<li id="somename_1"><a href ="/somename_1/">somename_1</a><li>
<li id="somename_2"><a href ="/somename_2/">somename_2</a><li>
<li id="somename_3"><a href ="/somename_3/">somename_3</a><li>
<li id="somename_4"><a href ="/somename_4/">somename_4</a><li>
......
<li id="somename_n"><a href ="/somename_n/">somename_n</a><li>
</ul>
Замечу, что ID элемента списка, href и текст ссылки совпадают и присваиваются на серверной стороне и могут быть абсолютно любыми.
Задача: написать js, который в зависимости от текущего URL добавляет класс "someclass" соответствующему элементу списка.
Пример: если document.URI==http://www.site.com/somename_3/ то элемент с id="somename_3" получает класс "someclass".
Обращу внимание, что с помощью GetElementByID и функцией classname я не могу уверенно оперировать, так как неизвестен ID текущего элемента.
Немного усложняет ситуацию то, что я не имею доступа к php на сервере и не могу ничего изменить, кроме как с помощью JS. Также, я не могу отдавать JS с серверными вставками, например, так:
<script type="text/javascript" src="/js/script.php"></script>
script.php : some_js_code ... <?php some_php_code();?> ...
24 февраля 2010
Определение доп.классов элемента на jQ
Вопрос такой
Имеем, скажем, такой код:
<div class="example">...</div>
<div class="example one">...</div>
<div class="example two first">...</div>
при:
...
$("div.example").each(function() {...}
...
получаем цикл пробега по всем элементам. Так вот вопрос в том, как получить со-классы "one" и "two first" из второго и третьего дива ?
Имеем, скажем, такой код:
<div class="example">...</div>
<div class="example one">...</div>
<div class="example two first">...</div>
при:
...
$("div.example").each(function() {...}
...
получаем цикл пробега по всем элементам. Так вот вопрос в том, как получить со-классы "one" и "two first" из второго и третьего дива ?
18 февраля 2010
Нужен совет по созданию меню
Здравствуйте, есть потребность сделать меню с hover-эффектом, но более плавным, нежели это происходит при обычном li:hover {...};
Примерно похожее меню на поднадоевшем dragoninteractive.com, но мне нужно без спрайтов и с текстом, а не надписью на картинке.
Примерный код:
Html:
CSS:
Я поглядываю в сторону jQuery и fadeIn/fadeOut, но немного не могу разобраться с порядком слоев, было бы просто здорово, если бы кто-о нашел время и желание помочь мне.
P.S. код вставлял через тэги pre и code, и не было времени избавиться от экранирования кавычек, прошу не обращать внимание.
Примерно похожее меню на поднадоевшем dragoninteractive.com, но мне нужно без спрайтов и с текстом, а не надписью на картинке.
Примерный код:
Html:
<ul class='menu'>
<li><a href='#'>1</a></li>
<li><a href='#'>2</a></li>
<li class='active'><a href='#'>3</a></li> /*Активный в данный момент пункт меню*/
<li><a href='#'>4</a></li>
<li><a href='#'>5</a></li>
</ul>
CSS:
ul#menu {
height:40px;
list-style-type:none;
}
ul#menu li {
float:left;
width:100px;
height:40px;
background-image:url(menu_li_norm.png) repeat-x;
}
ul#menu li.active {
background-image:url(menu_li_act.png) repeat-x;
}
ul#menu li.active:hover, li:hover {
background-image:url(menu_li_hover.png) repeat-x;
}
Я поглядываю в сторону jQuery и fadeIn/fadeOut, но немного не могу разобраться с порядком слоев, было бы просто здорово, если бы кто-о нашел время и желание помочь мне.
P.S. код вставлял через тэги pre и code, и не было времени избавиться от экранирования кавычек, прошу не обращать внимание.
16 февраля 2010
Сервис "AddThis" добавляет немного больше чем заявляет?
Чуть больше года назад сделал я сайт для клиники silmed.sumy.ua
(написал давненько, на скорую руку с малым багажом знаний и опыта за плечами)
Ну и захотелось немного его законнектить с социальными сервисами через "виджет" для сайта addthis.com
Интегрируется в страницу при помощи таких строк:
Всё ничего, сайт работает уже как больше года, и новая версия уже на подходе.
Но! Волей случая, я заметил, что в последнее время, при переезде на новый хостинг, при первом (!) запуске главной страницы, "wrapper" всей главной страницы съезжает на 10px вниз. И это, повторюсь, проявляется в браузере только лишь при первой загрузке страницы и одинажды в день (скорее всего задействованы cookies).
Используя Firebug проследил вставляемый код:
И как видно, скрипт уходит на clearspring.com
Вопрос: Так кто виноват в появлении дополнительной строки кода?!
(написал давненько, на скорую руку с малым багажом знаний и опыта за плечами)
Ну и захотелось немного его законнектить с социальными сервисами через "виджет" для сайта addthis.com
Интегрируется в страницу при помощи таких строк:
<a class="addthis_button" href="http://addthis.com/bookmark.php?v=250&pub=shiftyde">
<img src="http://s7.addthis.com/static/btn/sm-bookmark-en.gif" /></a>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pub=shiftyde"></script>
Всё ничего, сайт работает уже как больше года, и новая версия уже на подходе.
Но! Волей случая, я заметил, что в последнее время, при переезде на новый хостинг, при первом (!) запуске главной страницы, "wrapper" всей главной страницы съезжает на 10px вниз. И это, повторюсь, проявляется в браузере только лишь при первой загрузке страницы и одинажды в день (скорее всего задействованы cookies).
Используя Firebug проследил вставляемый код:
<object type="application/x-shockwave-flash" data="//bin.clearspring.com/at/v/1/button1.6.swf" id="atff" height="1px" width="1px">
<param value="transparent" name="wmode"><param value="always" name="allowScriptAccess">
</object>
<a class="fzukawmfgthguttvuick" href="http://bin.clearspring.com/at/v/1/button1.6.swf"></a>
И как видно, скрипт уходит на clearspring.com
Вопрос: Так кто виноват в появлении дополнительной строки кода?!