개발노예 코드와 일상

기본적으로 사용하는 alert문이 식상하거나 디자인을 맘에안들어하는 고객들이 많더라

아이폰에서 사파리로 열면 이상하게 깨지기도하고..

스위트알터나 이것저것 썻지만 성가시고 

toastr 가 그나마 깔끔하면서 모바일 반응형까지 쓰기 좋았다

사용법도 간다했다

js와 css 추가해주고 

자바스크립트로 체크해서

toastr.error("개인정보 수집 및 이용안내를 동의해주세요");

return false;

끝!

function hide_numbers(s){
        var result = "";
        var sLength = s.length;
        
        //첫글자 넣어주고
        result = s.charAt(0);
        for(var i = 1; i < sLength; i++){
            result += i < sLength ? "*" : s.charAt(i);
        }
        return result;
    }

익명으로 닉네임 해달라고해서 찾아봄

var elementPosition = $('#item_tab').offset();

    $(window).scroll(function(){
            if($(window).scrollTop() > elementPosition.top){
                  $('#item_tab').css('position','fixed').css('top','78px');
            } else {
                $('#item_tab').css('position','static');
            }    
    });

휠 내려가면 메뉴가 상단에 고정되어 따라내려간다

$(".type").click(function(){
        $('.type').removeClass('on');
        $(this).addClass('on');
        $(".view").hide();
        var type =$(this).data('type');
        $("."+type+"type_view").show();
        return false;
    });
    $(".type").eq(0).trigger('click');

제일 자주쓰는 탭 스크립트 ?

요즘에는 부트스트랩으로 넘어가야되나 

더 간편해보이긴하던데

스타일 --

.owl-nav{ text-align: center; font-size: 28px; margin: -30px; visibility: hidden; }

php 입력 --

add_stylesheet('', 0); $tagetedInstaUrl = 'https://www.instagram.com/hillsong/'; $data = file_get_contents($tagetedInstaUrl); if (preg_match('#_sharedData = (.*);</script#', $data, $m)) { $json = json_decode($m[1], 1); if(!$json) {die ("Can't decode json.");} $ppage = $json['entry_data']['ProfilePage']; $edges = $ppage[0]['graphql']['user']['edge_owner_to_timeline_media']['edges']; echo '

'; foreach ($edges as $edge) { $node = $edge['node']; $image = $node['thumbnail_src']; $shortcodeForEachPictureUrl = $node['shortcode']; echo ''; echo ''; echo ''; } echo '

'; }

스크립트 입력 --

var owl = $('.owl-carousel'); $('.owl-carousel').owlCarousel({ margin:10, autoplay:true, loop:true, responsiveClass:true, responsive:{ 0:{ items:1, nav:true }, 600:{ items:3, nav:true }, 1000:{ items:5, nav:true } } }); owl.on('mousewheel', '.owl-stage', function (e) { if (e.deltaY>0) { owl.trigger('next.owl'); } else { owl.trigger('prev.owl'); } e.preventDefault(); });

인스타아이디만 있으면 가져온다

티스토리 줄바꿈 안되서가져오네..으 깔끔하게 어떻게 가져오나

엔터키로 form submit 해버리자

$(document).ready(function(){
       $("#search_text").keypress(function (e) {
            if (e.which == 13){
                       searchKw();  // 실행할 이벤트
            }
        });
    });

일단 푸터로 가정하고 스타일을 준다

.ft_fixed {background: #fff; border-top: 1px solid #d3d3d3; padding: 5px 0; position: fixed; left: 0; bottom: 0; z-index: 10; width: 100%; transition: bottom 0.2s ease-in-out} 

.nav-up { bottom: 0px;}
.nav-down {bottom: -62px;}
.nav-end {bottom: 0px;}

스크립트

var lastScrollTop = 0; 
    var delta = 5; 
    var navbarHeight = $('.ft_fixed').outerHeight(); 
    $(window).scroll(function(event){ didScroll = true; }); setInterval(function() { if (didScroll) { hasScrolled(); didScroll = false; } }, 250); function hasScrolled() { 
        var st = $(this).scrollTop(); 
        if(Math.abs(lastScrollTop - st) <= delta) 
            return;
        
    if (st > lastScrollTop && st > navbarHeight){ 
       $('.ft_fixed').removeClass('nav-up').removeClass('nav-end').addClass('nav-down'); 
    } else { 
    if(st + $(window).height() < $(document).height()) { 
        $('.ft_fixed').removeClass('nav-down').removeClass('nav-end').addClass('nav-up'); } 
    } 
    if(st + $(window).height() == $(document).height()) {
        $('.ft_fixed').removeClass('nav-down').removeClass('nav-up').addClass('nav-end'); }
        
    
   lastScrollTop = st; 
   }

$("#to_top").click(function(){
     $("html, body").stop().animate({ scrollTop: 0 }, 800);//화살표 클릭시 화면 스크롤 속도
     return false;
});