Архив рубрики: JavaScript

Как запускать скрипт только тогда когда прокрутили до него экран? waypoints js — чекпоинты для запуска скрипта

Как запускать скрипт только тогда когда прокрутили до него экран? waypoints js — чекпоинты для запуска скрипта

Бывает что нужно запустить скрипт только тогда когда докручиваем до нег (например красивый счетчик цифр)

для этого
Читать далее Как запускать скрипт только тогда когда прокрутили до него экран? waypoints js — чекпоинты для запуска скрипта

Добавление товара в сравнение через ajax на битрикс

Чтобы товар успешно добавился через AJAX нужно добавить компонент bitrix:catalog.compare.list в section.php, в catalog.section добавить следующий код

Читать далее Добавление товара в сравнение через ajax на битрикс

Как сделать редирект, используя jQuery?

// Поведение браузера будет подобно HTTP-редиректу:

window.location.replace("sitename.ru");

// Поведение браузера будет подобно клику по ссылке:
window.location.href = "sitename.ru";
 Если вы хотите, чтобы дальнейшие действия выполнялись после успешного завершения ajax-запроса, то они должны быть не в дальнейшем коде, а в коллбэке успешного завершения.

jQuery.ajax(url, {
complete : function () { location = ‘/page’; }
});

jquery выбор ссылки из select

<div class=»StartBlock»>
<div class=»Logotype»><img src=»logotype_start.png» alt=»» /></div>
<div class=»Slogan»>
<div class=»eng»>HEJ</div>
<div class=»ru»>ХЭЙ</div>
</div>
<div class=»Choice»>
<a href=»http://yandex.ru» onclick=»size_new($(this));return false» class=»active hej» ><span class=»name»><span></span>Ukraine</span></a>
<a href=»http://ya.ru» onclick=»size_new($(this));return false» class=»hej»><span class=»name»>Russia</span></a>
<input type=»hidden» value=»»>
</div>
<div class=»ChoiceType»>выбор страны:</div>
<a href=»http://yandex.ru» class=»GoToSite»>Войти</a>
</div>
<div class=»line»><div></div></div>
</body>
</html>

<script type=»text/javascript»>
function size_new(t){
$(‘.hej’).removeClass(‘active’);
$(t).addClass(‘active’);
$path = $(t).attr(‘href’);
$(‘.GoToSite’).attr(«href»,$path );
}
</script>

всплывающий tooltip на картинках

css
.MainImagescat { margin:53px 0 0 697px; }
.MainImagescat div { margin-bottom:29px; }
.MainImagescat div a { position:relative; display:block; width:268px; height:128px; background:url(./img/mainimages.png) 0 0 no-repeat; font-size:12px; color:#a8b0c5; text-transform:uppercase; }
.MainImagescat div a img { margin:2px 0 0 3px; position:absolute; }
.MainImagescat div a span.name { position:absolute; margin-left:3px; display:block; bottom:6px; height:0; overflow:hidden; width:260px; line-height:26px; background:url(./img/shadow1.png) 0 0 repeat; }
.MainImagescat div a span.name span { padding-left:10px; }

 

js

$(«.MainImagescat a»).hover(function(){
$(this).find(«span.name»).stop().animate({«height»:26});
}, function(){
$(this).find(«span.name»).stop().animate({«height»:0});
});

html

<div class=»MainImages»>

<div><a href=»#»><img border=»0″ src=»<?=$path_to_img?>» width=»160px» height=»150px» alt=»<?=$arFields[«NAME»];?>» title=»<?=$arFields[«NAME»];?>» /><span class=»name»><span> <?=$arFields[«CATALOG_PRICE_1»];?></span></span></a></div>
</div>

 

Событие обрабатывать информацию в реальном времени (onkeypress, onkeydown, onkeyup)

Событие onkeypress срабатывает, когда клавиша на клавиатуре нажата и отпущена, что эквивалентно совместному действию onkeydown и onkeyup.

Это поможет проверять введенную в input информацию в реальном времени