반응형
반응형

jquery ,  sortable, 안에 텍스트는 드래그 가능하게.  bootstrap sortable inner text dragable

 

https://jqueryui.com/sortable/

 

Sortable | jQuery UI

Sortable Reorder elements in a list or grid using the mouse. Enable a group of DOM elements to be sortable. Click on and drag an element to a new spot within the list, and the other items will adjust to fit. By default, sortable items share draggable prope

jqueryui.com

 

Sortable w/ Selectable Text : 

https://stackoverflow.com/questions/4070749/sortable-w-selectable-text

 

Sortable w/ Selectable Text

Is it possible to be able to have sortable elements, but still allow users to copy/paste the text inside the elements? <div class="sortable"> <div class="pseudo-sortable">Foo</di...

stackoverflow.com

 

What about putting your text in a <span>?

HTML

<ul id="sortable">
    <li><span>Item 1</span></li>
    <li><span>Item 2</span></li>
    <li><span>Item 3</span></li>
    <li><span>Item 4</span></li>
    <li><span>Item 5</span></li>
    <li><span>Item 6</span></li>
    <li><span>Item 7</span></li>
</ul>

jQuery

$("#sortable").sortable({
    revert: true,
    cancel: "#sortable li span"
});

Try it here: http://jsfiddle.net/6uXx8/

반응형
저작자표시 비영리 (새창열림)

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

[javascript] Object.assign()  (0) 2022.01.18
[javascript] window.onload vs $(document).ready()  (0) 2022.01.13
자바스크립트로 현재시간 timestamp 구하기  (0) 2022.01.12
[jQuery] modal, 전체화면, Mask  (0) 2022.01.11
제이쿼리(jQuery)를 아직도 사용하나요? - 제이쿼리의 현재와 미래  (0) 2021.11.16
반응형

자바스크립트로 현재시간 timestamp 구하기

console.log( new Date().getTime() );
 

 

반응형
저작자표시 비영리 (새창열림)

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

[javascript] window.onload vs $(document).ready()  (0) 2022.01.13
jquery , sortable, 안에 텍스트는 드래그 가능하게. bootstrap sortable inner text dragable  (0) 2022.01.12
[jQuery] modal, 전체화면, Mask  (0) 2022.01.11
제이쿼리(jQuery)를 아직도 사용하나요? - 제이쿼리의 현재와 미래  (0) 2021.11.16
[javascript] getDay() 날짜의 요일을 숫자로 반환 , JavaScript Get Date Methods  (0) 2021.10.18
반응형

어린 시절
오산천은 우리들의 최고 놀이터였다.
그러나 다시 돌아온 오산천은 망가지고
있었다. 자연이 주는 무한한 풍요는 사라진 채
곳곳의 악취와 함께 시민들의 주차장으로, 주말에는
삼겹살을 구워 먹는 곳으로 변질되었다. 모든 하천이
직선으로 바뀌었다. 자연하천은 곡선으로 흐른다.
천변에 시멘트를 발라 기괴하게 변한
물길을 보면 내 어린 시절이
뒤틀리는 느낌이었다.


- 곽상욱의《세상에서 가장 넓은 학교》중에서 -


* 누구에게나
어린 시절의 추억이 있습니다.
흙, 물, 숲, 논, 밭, 자연과 더불어 뛰놀던,
더없이 즐겁고 슬프고 아련했던 추억입니다.
시골에서 자란 사람들은 더욱 그렇습니다. 대도시로
나가 부지런히 뜀박질을 하며 살다 고향으로 돌아오면
뒤틀린 듯 변해버린 모습에 가슴이 아파옵니다.
시멘트 범벅으로 변한 오산천의 물길을
다시 되돌리는 것, 크게 박수받을
아름다운 일입니다.

반응형
저작자표시 비영리 (새창열림)

'아침편지' 카테고리의 다른 글

헌신의 대상  (0) 2022.01.17
감춰진 과녁  (0) 2022.01.13
구십이 넘도록 글을 써야지  (0) 2022.01.11
겨울꽃, 고드름  (0) 2022.01.10
나의 일 사랑하기  (0) 2022.01.10
반응형

역사적인 성공의 절반은
죽을지도 모른다는 위기의식에서 비롯되었고,
역사 속 실패의 절반은
찬란했던 시절에 대한 향수에서 비롯되었다.
- 아놀드 토인비, 역사학자


군자는 지금 편안할 때가 있다고 해도
언제 위험이 다가올지 모른다는 생각을 잊지 말아야 하고
지금은 존재해 있어도 언제 망할지 모른다는 것을 잊지 않아야 합니다.
그렇게 해야 몸이 편안해질 수 있고
나라(조직)를 보전할 수 있습니다.
아주 오래된 불교 경전 역경(譯經)에 나오는 말입니다.

반응형
저작자표시 비영리 (새창열림)

'생활의 발견 > 행복한 경영' 카테고리의 다른 글

삶에 변화가 없으면 인생은 이미 녹슨 것  (0) 2022.01.17
그냥 하지 말고, 생각을 먼저 하라  (0) 2022.01.13
인생의 목적을 가질 때 일어나는 기적들  (0) 2022.01.11
어려울 때일수록 공격 경영이 필요하다  (0) 2022.01.10
우리의 생각이 세상을 만든다  (0) 2022.01.07
반응형
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <style>
    #mask {
      position:absolute;
      z-index:9000;
      background-color:#000;
      display:none;
      left:0;
      top:0;
    }
    .window{
      display: none;
      position:absolute;
      left:100px;
      top:100px;
      z-index:10000;
    }
    </style>
    <script src="http://code.jquery.com/jquery-latest.js"></script>
    <script>
    function wrapWindowByMask(){
        //화면의 높이와 너비를 구한다.
        var maskHeight = $(document).height();
        var maskWidth = $(window).width();  
 
        //마스크의 높이와 너비를 화면 것으로 만들어 전체 화면을 채운다.
        $('#mask').css({'width':maskWidth,'height':maskHeight});  
 
        //애니메이션 효과 - 일단 1초동안 까맣게 됐다가 80% 불투명도로 간다.
        $('#mask').fadeIn(1000);
        $('#mask').fadeTo("slow",0.8);    
 
        //윈도우 같은 거 띄운다.
        $('.window').show();
    }
 
    $(document).ready(function(){
        //검은 막 띄우기
        $('.openMask').click(function(e){
            e.preventDefault();
            wrapWindowByMask();
        });
 
        //닫기 버튼을 눌렀을 때
        $('.window .close').click(function (e) {
            //링크 기본동작은 작동하지 않도록 한다.
            e.preventDefault();
            $('#mask, .window').hide();
        });       
 
        //검은 막을 눌렀을 때
        $('#mask').click(function () {
            $(this).hide();
            $('.window').hide();
        });
    });
    </script>
</head>
<body>
    <div id="mask"></div>
    <div class="window">
        <input type="button" href="#" class="close" value="나는야 닫기 버튼(.window .close)"/>
    </div>
    <a href="#" class="openMask">검은 막 띄우기</a>
</body>
</html>

 

 

 

jQuery 레이어 팝업(modal window) 띄울 때 전체를 덮는 반투명 검은 막(black mask) 만들기

출처: https://dev23.tistory.com/26 [Hello. Android!!]

 

jQuery 레이어 팝업(modal window) 띄울 때 전체를 덮는 반투명 검은 막(black mask) 만들기

< html > < head >     < meta http-equiv = "Content-Type" content = "text/html; charset=utf-8" >     < style >     #mask {       position:absolute;       z-index:9000;       b..

dev23.tistory.com

 

반응형
저작자표시 비영리 (새창열림)

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

jquery , sortable, 안에 텍스트는 드래그 가능하게. bootstrap sortable inner text dragable  (0) 2022.01.12
자바스크립트로 현재시간 timestamp 구하기  (0) 2022.01.12
제이쿼리(jQuery)를 아직도 사용하나요? - 제이쿼리의 현재와 미래  (0) 2021.11.16
[javascript] getDay() 날짜의 요일을 숫자로 반환 , JavaScript Get Date Methods  (0) 2021.10.18
[javascript] How to output numbers with leading zeros in JavaScript? ZeroPad  (0) 2021.10.14
반응형

[웅진주니어]'친구의 전설' 호랑이는 왜 눈호랑이가 됐을까?

http://www.yes24.com/Product/Goods/102366588

 

친구의 전설 - YES24

『팥빙수의 전설』을 잇는 강력하고 치명적인 전설이 찾아왔다! 『팥빙수의 전설』로 여름, 겨울 할 것 없이 팥빙수 열풍을 일으켰던 이지은 작가가 새로운 전설의 문을 열었다. “맛있는 거 주

www.yes24.com

https://www.youtube.com/watch?v=buwDHQPndEQ 

 

반응형
저작자표시 비영리 (새창열림)

'생활의 발견 > Books' 카테고리의 다른 글

[도서구매] 왜 아가리로만 할까? 오늘도, 해야지 해야지 하며 하루를 보낸 당신에게  (0) 2022.03.29
[도서구매] 간단하고 재미있는 첫 종이접기, 하루 10분 쉽게 따라 그리기 1  (0) 2022.02.16
[도서] 이파라파 냐무냐무  (0) 2022.01.10
[도서] 마구로 센세의 일본어 메뉴판 마스터 + 일본어 편의점 마스터  (0) 2022.01.03
[도서구매] 나의 추천도서 - SE가 가져야 할 성공 마인드  (0) 2021.12.30

+ Recent posts

티스토리툴바