본문 바로가기

Lect & Tip118

✈ Bootstrap 4 Carousel : 자동 재생 중지 방법 부트스트랩 슬라이더 처음 퍼블리셔를 시작했을 때 내게 카루셀(Carousel)은 악몽같은 존재였다. 클라이언트들이 요구하는 각종 사안을 적용해서 슬라이더를 매번 새로 만들어야 했기 때문이다. 요즘은 부트스트랩같은 라이브러리가 많이 사용되고 있어서 슬라이더 구현이 너무 편하다. Bootstrap 4는 별로 친절하지 않다. Bootstrap 4에 카루셀 슬라이더가 있지만, 처음부터 자동재생이다. 이걸 원한다면 너무도 간편한 방법이지만, 처음에 멈춰 있기를 원한다면 이 때는 패닉이다. 방법은 의외로 간단하고 무궁무진하다. 먼저 예제를 보자. 가장 간단한 방법은 data-ride =”carousel” 를 빼 버리는 방법이다. 이게 없으면 부트스트랩 슬라이더는 멈춰 있다. 아니 멈춰두면 이게 뭐냐? 싶겠지만 부트스트랩 슬라이더는 P.. 2019. 10. 27.

제이쿼리 아코디언 on() 이벤트 주간 스케줄 만들기 css :not() 선택자 제이쿼리 on() 이벤트 와 css :not() 선택자를 이용해서 주간 스케줄 아코디언 만들기 일하는 중이라 자세한 제이쿼리 아코디언 설명은 생략한다. css /* scheduleWeek*/ .scheduleWeek { width: 100%; min-width: 950px; table-layout: fixed; border-spacing: 0; border-top: 1px solid #ccc; } .scheduleWeek>tbody>tr>th, .scheduleWeek>tbody>tr>td { border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; } .scheduleWeek>tbody>tr>th.selectTH { width: 90px; border.. 2019. 10. 11.

부트스트랩4 데이트피커 datepicker 이벤트 가로채기 부트스트랩4 데이트피커부트스트랩4 데이트피커 datepicker 이벤트 가로채기 플러그인 자체에서 이벤트를 발생시켜 주지만, 딱 내가 원하던게 아니어서 직접 소스를 건드렸다. https://tempusdominus.github.io/bootstrap-4/Events/ Events - Tempus Dominus - Bootstrap 4 Events Events hide.datetimepicker Fired when the widget is hidden. Parameters: e = { date //the currently set date. Type: moment object (clone) } Emitted from: toggle() hide() disable() show.datetimepicker Fire.. 2019. 9. 27.

✈ php include로 파라미터 값넘기기 (php include parameters) & php switch case 분기 처리 php include로 파라미터 값 넘기기 (php include parameters) 주소 뒤에 ?id=1과 같이 파라미터를 붙여서 include를 할 수는 없다. 대신 php의 include는 별도의 스코프(scope)를 가지지 않으므로 설정된 변수를 함께 공유한다. 따라서 와 같이 선언하고 받는 측 즉 위의 경우라면 list_contents_card_toolbar.php는 다음과 같이 파라미터를 받는다. php switch case 분기 처리는 위와 같이 한다. 2019. 9. 26.

유튜브 업로드 베타 모달 레이어팝업 + 부트스트랩 select, collase expansion panel 퍼블리싱 유튜브 업로드 베타 모달 레이어팝업 + 부트스트랩 select, collase expansion panel 퍼블리싱 구글이 무거워지고 있다. 시스템의 구글이 되어가다보니, 가볍던 과거의 구글 코딩은 사라졌다. 유트브도 자체 프레임워크로 페이지들이 만들어지다보니 간단한 화면조차도 너무 무겁다. ytcp로 시작하는 태그와 라이브러리들이 난무한다. 회사에서 비슷한 화면을 만들어 달라기에 불필요한 기능을 제거하면서 옮긴다고 옮겨봤지만 여전히 무겁다. 걷어낸다고 최대한 걷어냈지만, 복잡할 수 있다. 아무튼 혹시나 필요한 사람들을 위해 일단 포스팅. 동영상 업로드(베타) 초안 - 시청자에게 표시되지 않음 동영상 처리율: 100% 1 기본 정보 2 고급 설정 3 미리보기 및 게시 제목(필수 항목) 설명(필수 항목) .. 2019. 9. 25.

[웹표준 CSS] cursor:pointer가 웹표준. cursor:hand는 ie에서만. 2014.10.04 11:38 [웹 표준 CSS] cursor:pointer가 웹 표준. cursor:hand는 ie에서만. 이미지에 onClick="javascript:…."를 쓴 경우라든지 뭐 OnClick속성은 A태그 이외의 모든 객체에 줄 수 있다. TD에도 DIV에도 줄 수 있는데...이 속성을 객체에 줘도 클릭을 할 때 액션은 일어나지만 마우스의 커서 모양이 손 모양이 아닌 화살표 모양으로 그대로 남아 있으니까 사람들이 클릭하는 건지 모를 때가 많다. 그럴 땐 흔히 style="cursor:hand;"를 쓰지만, FireFox에서는 안 먹힌다. MS에서 임의로 만든 속성이기 때문이다. 이럴 땐 style="cursor:pointer;" 로 주면 된다. cursor:pointer가 웹표준이다. .. 2019. 9. 16.

이전 1 ··· 12 13 14 15 16 17 18 ··· 20 다음

티스토리툴바