function phone_format($phone){ $d=preg_replace('~\D+~','',$phone); if(strlen($d)>=10){ $d10=substr($d,-10,10); return '+7 ('.substr($d10,0,3).') '.substr($d10,3,3).'-'.substr($d10,6,2).'-'.substr($d10,8,2); } elseif(strlen($d)==7){ return '+7 (812) '.substr($d,0,3).'-'.substr($d,3,2).'-'.substr($d,5,2); } else{ return $phone; } }
Архив
Декабрь 2021
Всего: 3 записи
плавающий блок в пределах родительского
$.fn.stickyfloat=function(options,lockBottom){ var $obj=this; var parentPaddingTop=parseInt($obj.parent().css('padding-top')); var startOffset=$obj.parent().offset().top; var opts=$.extend({startOffset:startOffset,offsetY:parentPaddingTop,duration:200,lockBottom:true},options); $obj.css({position:'absolute'}); if(opts.lockBottom){ var bottomPos=$obj.parent().height()-$obj.height()+parentPaddingTop; if(bottomPos<0) bottomPos=0; } $(window).scroll(function(){ $obj.stop(); var pastStartOffset=$(document).scrollTop()>opts.startOffset; var objFartherThanTopPos=$obj.offset().top>startOffset; var objBiggerThanWindow=$obj.outerHeight()<$(window).height(); if((pastStartOffset||objFartherThanTopPos)&&objBiggerThanWindow){ var newpos=($(document).scrollTop()-startOffset+opts.offsetY); if(newpos>bottomPos) newpos=bottomPos; if($(document).scrollTop()<opts.startOffset) newpos=parentPaddingTop; $obj.animate({top:newpos},opts.duration); } }); };
Пример использования:
$(document).ready(function(){ setTimeout(function(){ $('#main .left').css('min-height',$('#main').height()); $('#main .inner').stickyfloat({duration:500}); },2000); });
<div id="main"> <div class="left"> <div class="inner">content</div> </div> <div class="right"></div> <div class="clear"></div> </div>
.left,.right{ width:50%; } .left{ position:relative; float:left; } .right{ float:right; } .clear{ clear:both; }
Источник: https://ruseller.com/lessons.php?id=999&rub=32
maskedinput курсор в начало
$.fn.setCursorPosition=function(pos){ if($(this).get(0).setSelectionRange){ $(this).get(0).setSelectionRange(pos,pos); } else if($(this).get(0).createTextRange){ var range=$(this).get(0).createTextRange(); range.collapse(true); range.moveEnd('character',pos); range.moveStart('character',pos); range.select(); } }; function set_mask_cursor(){ $('input[name="phone"]').on('click',function(){ $(this).setCursorPosition(4); }); $('input[name="code"]').on('click',function(){ $(this).setCursorPosition(0); }); } $(document).ready(function(){ $("input[name=phone]").mask("+7 (999) 999-99-99"); $("input[name=code]").mask("9999"); set_mask_cursor(); });