Рубрика

Javascript

Всего: 200 записей

submit form to fancybox

5 апреля 2016JavascriptНет комментариев

Для $_GET

$(".add_to_cart_form").submit(function(){
	$form=$(this);
	$.fancybox({
		'title':"form submission",
		'href':$form.attr("action")+"?"+$form.serialize(),
		'type':'ajax'
	});
	return false;
});

Для $_POST

$(".details_form").submit(function(){
	$form=$(this);
	$.ajax({
		url:$form.attr("action"),
		type:'POST',
		dataType:'html',
		data:$form.serialize(),
		beforeSend:function(){$.fancybox.showLoading();},
		success:function(data,textStatus,xhr){
			$.fancybox({
				'content':data
			});
		},
		error:function(xhr,textStatus,errorThrown){
			alert("An error occurred.");
		},
		complete:function(){$.fancybox.hideLoading();}
	});
	return false;
});

http://stackoverflow.com/questions/6006201/how-do-i-submit-the-data-of-a-form-to-an-iframe-in-fancybox

jquery

jquery — not this parent

1 апреля 2016JavascriptНет комментариев

$('#top_menu > div > ul > li > span').click(function(){
	$('#top_menu ul li').not($(this).parent()).removeClass('hovered');
	$(this).parent().toggleClass('hovered');
});

В примере для открытия подменю по клику.
li.hovered ul{ будет показан

jquery

masked input in bootstrap modal

1 апреля 2016JavascriptНет комментариев

$('.contacts-order-btn').on('click',function(){
	$('#register-online').modal('show');
});
$('#register-online').on('shown.bs.modal',function(){
	$("input[name=phone]").mask("+7 (999) 999-99-99");
});

jquery

jquery ui autocomplete submit after select

30 марта 2016JavascriptНет комментариев

$("#search").autocomplete({
	source:"/ajax_search.php",
	minLength:4,
	select:function(event,ui){
		$(this).val(ui.item.value);
		$(this).parent('form').submit();
	}
});

jquery

ui datepicker подсветка определенных дат

21 марта 2016JavascriptНет комментариев

В примере нужно в inline datepicker сделать активными только те даты, когда публиковались материалы, соответственно по клику на дату — фильтр.
Собираем все даты в массив:

$ann_dates=array();
$all_ann=get_from_base('date','announce','1','id');
foreach($all_ann as $item){
	$ann_dates[]=date('Y-m-d',$item['date']);
}
$ann_dates=json_encode($ann_dates);

Добавляем beforeShowDay:

$(document).ready(function(){
	class_enabled='enabled';
	class_disabled='disabled';
	dates=<?=$ann_dates?>;
	$("#datepicker").datepicker({
		inline:true,
		<?if($_GET['type']=='announce'&&isset($_GET['d'])&&isset($_GET['m'])&&isset($_GET['y'])){?>
			defaultDate:"<?=$_GET['d']?>.<?=$_GET['m']?>.<?=$_GET['y']?>",
		<?}?>
		beforeShowDay:function(d){
			var date=$.datepicker.formatDate('yy-mm-dd',d);
			for(i=0,c=dates.length;i<c;i++){
				if(date==dates[i]){
					return[true,class_enabled];
				}
			}
			return[false,class_disabled];
		},
		onSelect:function(dateText,inst){
			$(this).css("background-color","");
			window.location.href="/announce/?d="+inst.selectedDay+"&m="+(inst.selectedMonth+1)+"&y="+inst.selectedYear
		}
	});
});

Это упрощенный вариант на основе реализации для Modx:
https://habrahabr.ru/post/111155/

jquery

jquery replace parameter in href

29 февраля 2016JavascriptНет комментариев

function spin_change(){
	var count=$('#n').val();
	var href=$('.detail_buy_button a').attr('href');
	$('.detail_buy_button a').attr('href',href.replace(/&n=[^&]+/,'&n='+count));
}

jquery

jquery удалить все кроме цифр при вводе

5 февраля 2016JavascriptНет комментариев

$('#square').bind("change keyup input click",function(){
	if(this.value.match(/[^0-9]/g)){
		this.value=this.value.replace(/[^0-9]/g,'');
	}
});

Обновлено:
Разрешать точку (для дробных чисел). При этом заменять запятую на точку при вводе.

$('.calc input').bind("change keyup input click",function(){
	if(this.value.match(/,/)){
		this.value=this.value.replace(/,/,'.');
	}
	if(this.value.match(/[^0-9.]/g)){
		this.value=this.value.replace(/[^0-9.]/g,'');
	}
});

javascript jquery