7 заметок с тегом
jquery РСС
25 января, 15:52
ИЕ8 и тени со скругленными уголками вместе
Для тени очень хорошо работает свойство фильтр, но как только пытаешься применить к блоку с тенью какой нить хтц плагин для скругленных уголков или дд_раунди, это блок и разработчик тоже получают дикий баттхерт, потому что тень теперь у текста, блок стал выше на длину тени, но зато есть уголки. Пришлось на коленке писать приблуду, которая почему-то не хочет работать в ИЕ7, нужно наверное там джиквери с 1.4.2 обновить до 1.7.1
<!--[if lte IE 8]>
<script type="text/javascript" src="<?=SITE_TEMPLATE_PATH?>/roundie.js"></script>
<script type="text/javascript">
if (document.all) {
DD_roundies.addRule('.div-onmain .n-det, .div-onmain .news-list, #t-m ', '3px');
}
$(document).ready(function() {
$(".div-onmain .news-list, #t-m").each(function(){
var
w = $(this).innerWidth(),
h = $(this).innerHeight();
$(this).css({
"z-index":3,
"overflow": "visible",
"margin-top": -h*1+15 + "px"
});
$(this).parent().css({
"z-index":1
});
$(this).before(
$("<div class='shadow'>­</div>").css({
"z-index":2,
"margin-top": "-15px",
"overflow": "hidden",
"width": w,
"height": h,
"overflow": "visible"
})
);
});
$(".shadow").css({
"background": "#fff",
"filter": "progid:DXImageTransform.Microsoft.Shadow(color='#EEEEEE', Direction=0, Strength=15)"
});
});
</script>
<![endif]-->
3 комментария23 декабря, 13:28
импорт джаваскриптов и стилей через джиквери (import javascripts and styles via jQuery)
По следам моих старых-старых статей
$('head').append($("<script></"+"script>").attr({ 'type':'text/javascript' 'src':"path_to_file.js", })); $('head').append($("<link/>").attr({ "rel": "stylesheet", "type": "text/css", "href": "path_to_file.css", }));
23 декабря, 12:41
Как в jQuery получить html код самого элемента
$(".selected_element").wrap("<div>").parent().html()
Все делает функция wrap, которая обволакивает выбранный элемент выбранным тэгом, в зависимости от контекста, он можеть быть любым :)
10 декабря, 20:16
Скролл сверху и снизу блока
Wow, who is back. Да — это я с новым ДОУ (deer.org.ua, lol)
Разминка для мозгов :)
Код честно взят со стакексчендж (стаковерфлоу раньше). Я просто сделал с него джиквери решение
Примера не будет, мне лень.
Разминка для мозгов :)
<style type="text/css"> #doublescroll { overflow: auto; overflow-y: hidden; } #doublescroll p { margin: 0; padding: 1em; white-space: nowrap; } </style> <div id="doublescroll"> <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </p> </div> <script type="text/javascript"> function DoubleScroll(element) { var scrollbar= document.createElement('div'); scrollbar.appendChild(document.createElement('div')); scrollbar.style.overflow= 'auto'; scrollbar.style.overflowY= 'hidden'; scrollbar.firstChild.style.width= element.scrollWidth+'px'; scrollbar.firstChild.style.paddingTop= '1px'; scrollbar.firstChild.appendChild(document.createTextNode('\xA0')); scrollbar.onscroll= function() { element.scrollLeft= scrollbar.scrollLeft; }; element.onscroll= function() { scrollbar.scrollLeft= element.scrollLeft; }; element.parentNode.insertBefore(scrollbar, element); } DoubleScroll(document.getElementById('doublescroll')); </script>
Код честно взят со стакексчендж (стаковерфлоу раньше). Я просто сделал с него джиквери решение
$("#doublescroll") .before($("<div></div>") .append($("<div></div>") .css({ "padding-top":"1px", "width": $("#doublescroll")[0].scrollWidth+"px" }) .text('\xA0') ) .css({ "overflow":"auto", "overflowY":"hidden" }). bind("scroll",function(){ $("#doublescroll")[0].scrollLeft = $(this)[0].scrollLeft; }) ) .bind("scroll",function(){ $(this).prev()[0].scrollLeft = $(this)[0].scrollLeft; })
Примера не будет, мне лень.
23 мая 2010, 22:41
usejquery.org.ua
Шпору о джиквери переправил на домен http://usejq.org.ua/ , позже там будет что-то более полноценное.
- блог
- мои наработки
- Копи-зона
9 февраля 2010, 11:34
jQuery resourses
После 1.4 сразу выходит 1.4.1 и скоро будет 1.4.2 :)
Такая активность подтолкнула много других людишек, и было создано много полезных ресурсов и обновлено старых:
ps: больше инфы о новом Jq тут
Такая активность подтолкнула много других людишек, и было создано много полезных ресурсов и обновлено старых:
- jQuery souse viewer — каждую функцию теперь быстро и удобно можно найти
- jQuery API — теперь в удобном формате
- jQuery UI — скоро 1.8 и новые плюшки
- jQuery Documentation — теперь с человеческим лицом
- jQuery Meetups Ukraine — милости просим, вопросы, предложения. Когда будет много людишек, можно будет организовать конференцию
ps: больше инфы о новом Jq тут
14 января 2010, 15:34
Чудестная новость — вышел jQuery 1.4 (малышу 4 года)
Появилось много нового и интересного.
Главная особенность, он стал ещё быстрее (куда уж больше ;)
Посмотреть списочек нового, можно прям на его сайте.
Почитать удобную шпаргалку по 1.4 можно здесь
Перенёс её себе, а то вдруг сайт помрёт ;)
ps: так же, в честь дня рождения и выхода новой версии стартанул проект посвящённый последней, читать здесь
Главная особенность, он стал ещё быстрее (куда уж больше ;)
Посмотреть списочек нового, можно прям на его сайте.
Почитать удобную шпаргалку по 1.4 можно здесь
Перенёс её себе, а то вдруг сайт помрёт ;)
ps: так же, в честь дня рождения и выхода новой версии стартанул проект посвящённый последней, читать здесь
