반응형

나들이를 나갔다.

볼일보러 갔다가 근처 강가에 생각지도못한 뷰를 발견했다.

오랜만에 해바라기도 잔뜩보고 산책도하니 평화로웠다.

주말은 금방 지나가버리니 틈틈히 돌아다니려한는데

몸이피곤해서 원...

요새 왜 이렇게 눈이 뻑뻑한지 ? 

728x90
반응형
반응형

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');
            }    
    });

 

 

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

728x90
반응형

'프로그래밍 > javascript' 카테고리의 다른 글

alert문 toastr 변경  (0) 2020.07.09
첫글자 빼고 별표로 치환하기  (0) 2019.10.29
javascript tab  (0) 2019.07.25
인스타그램 사진 가져오기  (0) 2019.07.25
엔터키로 form submit  (0) 2019.07.23
반응형

게시판 리스트페이지에 코드추가.  

 

//아직 안읽은 게시물 체크
            $lastTime = strtotime($list[$i]['wr_last']);
            if ($is_admin) {
                $adminTimeLast = $list[$i]['wr_20'];
                if (!$list[$i]['wr_20']) {
                    $adminTimeLast = '2000-01-01';
                }
                $adminTimeLastReplaced = strtotime($adminTimeLast);
                if ($adminTimeLastReplaced < $lastTime) {
                    $adminNew = true;
                } else {
                    $adminNew = false;
                }

                if ($adminNew == true) {
                    $lastStyle = 'not_read';
                } else {
                    $lastStyle = '';
                }
            }


tr 에 클래스추가   <?php echo $lastStyle?>

 


뷰페이지에 코드추가 

  // 관리자가 읽을 경우 현재 시간으로 업데이트 한다.
if ($is_admin) {
$sql = " UPDATE $write_table SET
wr_20 = now()
 WHERE
wr_id = '{$wr_id}'
";
sql_query($sql);
}
?>

728x90
반응형
반응형

$(".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');

 

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

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

더 간편해보이긴하던데

728x90
반응형

'프로그래밍 > javascript' 카테고리의 다른 글

첫글자 빼고 별표로 치환하기  (0) 2019.10.29
휠다운 메뉴상단 고정  (0) 2019.07.25
인스타그램 사진 가져오기  (0) 2019.07.25
엔터키로 form submit  (0) 2019.07.23
스크롤에 따라 div 숨김, 출력  (0) 2019.07.23
반응형

스타일 --

.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 '

'; }

 

스크립트 입력 --

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(); });

 

 

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

 

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

728x90
반응형

'프로그래밍 > javascript' 카테고리의 다른 글

휠다운 메뉴상단 고정  (0) 2019.07.25
javascript tab  (0) 2019.07.25
엔터키로 form submit  (0) 2019.07.23
스크롤에 따라 div 숨김, 출력  (0) 2019.07.23
페이지 화면 상단이동 버튼  (0) 2019.07.23
반응형

엔터키로 form submit 해버리자

 

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

728x90
반응형

'프로그래밍 > javascript' 카테고리의 다른 글

javascript tab  (0) 2019.07.25
인스타그램 사진 가져오기  (0) 2019.07.25
스크롤에 따라 div 숨김, 출력  (0) 2019.07.23
페이지 화면 상단이동 버튼  (0) 2019.07.23
페이지 넓이구하기  (0) 2019.07.23
반응형

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

.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; 
   }

728x90
반응형

'프로그래밍 > javascript' 카테고리의 다른 글

javascript tab  (0) 2019.07.25
인스타그램 사진 가져오기  (0) 2019.07.25
엔터키로 form submit  (0) 2019.07.23
페이지 화면 상단이동 버튼  (0) 2019.07.23
페이지 넓이구하기  (0) 2019.07.23
반응형

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

728x90
반응형

'프로그래밍 > javascript' 카테고리의 다른 글

javascript tab  (0) 2019.07.25
인스타그램 사진 가져오기  (0) 2019.07.25
엔터키로 form submit  (0) 2019.07.23
스크롤에 따라 div 숨김, 출력  (0) 2019.07.23
페이지 넓이구하기  (0) 2019.07.23

+ Recent posts