11 заметок с тегом

jquery РСС

2 сентября 2013, 21:23

javascript detect capsLock

$('#password').keypress(function(e) { 
    var s = String.fromCharCode( e.which );
    if ( s.toUpperCase() === s && s.toLowerCase() !== s && !e.shiftKey ) {
        alert('caps is on');
    }
});
casplock   jquery

21 августа 2013, 12:43

jQuery: Вывод дампа через pre делаем в виде простого дерева

$("pre").each(function(){
	$(this).html(
		$(this).text()
		.split("Array\n").join("<b>Array toggle</b>")
		.split("(").join("<i> [all]</i><div><pre>")
		.split(")").join("</pre></div>")
	)
});

$("pre").each(function(){
	var ptext = $(this).text(),
		ptextlen = ptext.length;
	if (ptextlen < 40) { /*  || (ptextlen < 20 && ptext.indexOf(' ') == -1) */
		$(this).parent().prev("i").remove();
		$(this).parent().prev("b").remove();
		$(this).parent().html("("+ptext+")").contents().unwrap();
	}
});

$("pre b").click(function(e){$(this).next().next("div").toggle();});
$("pre i").click(function(e){$(this).parent().find("div").show();});

$("pre b, pre i").css({
	"font-size":"12px",
	"color":"#000",
	"cursor":"pointer",
});
$("pre div").hide();


Что делает этот код:
* содержимое pre по дужкам разбивает на блоки
* добавляет кнопку сворачивания/разворачивания ветки и кнопку разворачивания всех подветок
debug   jquery

6 января 2013, 5:30

jQuery dot in ID selector? точка в селекторе по айди не работет! Опа? :)

$('#with\\.dot') 
jquery

4 января 2013, 0:48

Chrome javascript jquery: выполняем jsonp с сайта без Access-Control-Allow-Origin: *

При написании екстеншенов(аддонов) к хрому, частенько нужно данные выдирать с других сайтов. Сам же аддон должен работать на всех сайтах, даже на тех, на которых нет Access-Control-Allow-Origin: *. (В таких случаях просто получить ответ из-за ошибки не можем, а функция jsonp с самого аддона не предопределяется). Делаем просто jquery запрос (можно и без него), но функцию колбека определим через head.
var script = document.createElement('script');
script.textContent = 'addinfo = function(data){alert(data)}';
(document.head||document.documentElement).appendChild(script);
script.parentNode.removeChild(script);

$.ajax({"url":"https://some.com/get.json?id="+id,
    type: 'GET',
    async: false,
    contentType: "application/json",
    dataType: 'jsonp',
    jsonpCallback: "addinfo",
    success: function() {}
});
Chrome   jquery

19 февраля 2012, 16:21

jQuery: Как получить значение css %параметра% блока в процентах

В чем проблема? Все, кроме вебкита, заданный параметр в процентах, например #wrp {left: 150%;}, возвращают в пикселях.
$(document).ready(function() {
    var lft = $('#wrp').css("left")+"";
    if (lft.match("px")) {
        lft = parseInt(lft) / $('#wrp').parent().width()*100;
        if ($.browser.msie)
            lft = lft>0 ? Math.ceil(lft) : Math.floor(lft);
        lft += "%";                     
    }

    $('#out span').html(lft);
});

В примере параметром будет left, а для ИЕ как всегда костыль ;)
jquery

25 января 2012, 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'>&shy;</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]-->
bugs   butthurt   ie   jquery

23 декабря 2011, 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",
}));
import   jquery

23 декабря 2011, 12:41

Как в jQuery получить html код самого элемента

$(".selected_element").wrap("<div>").parent().html()

Все делает функция wrap, которая обволакивает выбранный элемент выбранным тэгом, в зависимости от контекста, он можеть быть любым :)
jquery

10 декабря 2011, 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;
	})

Примера не будет, мне лень.
javascript   css   jquery

9 февраля 2010, 11:34

jQuery resourses

После 1.4 сразу выходит 1.4.1 и скоро будет 1.4.2 :)
Такая активность подтолкнула много других людишек, и было создано много полезных ресурсов и обновлено старых:
  • jQuery souse viewer — каждую функцию теперь быстро и удобно можно найти
  • jQuery API — теперь в удобном формате
  • jQuery UI — скоро 1.8 и новые плюшки
  • jQuery Documentation — теперь с человеческим лицом
  • jQuery Meetups Ukraine — милости просим, вопросы, предложения. Когда будет много людишек, можно будет организовать конференцию


ps: больше инфы о новом Jq тут
jquery

14 января 2010, 15:34

Чудестная новость — вышел jQuery 1.4 (малышу 4 года)

Появилось много нового и интересного.
Главная особенность, он стал ещё быстрее (куда уж больше ;)

Посмотреть списочек нового, можно прям на его сайте.

Почитать удобную шпаргалку по 1.4 можно здесь
Перенёс её себе, а то вдруг сайт помрёт ;)




ps: так же, в честь дня рождения и выхода новой версии стартанул проект посвящённый последней, читать здесь
jquery