Lect & Tip111 ์ ์ด์ฟผ๋ฆฌ ์์ฝ๋์ธ 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. CSS ์ ํ์ (selector)์ ์ ์์ ์ฌ์ฉ๋ฒ CSS๋ฅผ ๋ค๋ฃจ๋ ๋ฐ ์์ด์ ๊ฐ์ฅ ๊ธฐ์ด์ ์ด๊ณ ๊ธฐ๋ณธ์ ์ด๊ณ ํต์ฌ ์ ์ธ ๊ฒ์ด ๋ฐ๋ก CSS ์ ํ์์ ํ์ฉ์ด์ฃ . CSS์ ์ ํ์ ๋ฌธ๋ฒ์ ๋ค์๊ณผ ๊ฐ์ฃ . ์ ํ์ { ์์ฑ:๊ฐ} /*example*/ select {position:absolute} #selector { position:absolute; } .selector { postition:absolute; } ์ด๋ฐ ์ ํ์๋ ์ฐ๋ฆฌ๊ฐ CSS์ ์คํ์ผ์ ์ ์ฉํ๊ณ ์ถ์ ํน์ ๋์์ ์ ํํ๊ณ ์ง์ ํ๋ ๊ฒ์ ์ง์นญํ๋ ๊ฒ์ด์ฃ . ์ฝ๊ฒ ์๊ฐํ๋ฉด ํ๊น์ด๋ผ๊ณ ์ฌ๊ฒจ๋ ๋ฌด๋ฐฉํฉ๋๋ค. ์์์ ์๋ฅผ ๋ ์ ํ์ 3์ข ์ ๋ํด์ ์ผ๋จ ์์๋ณด์ฃ . ์์ ์ ํ์ (type Selector) ์๋ฌด๋ฐ ๊ธฐํธ๊ฐ ์์ด ์ค๋ ๋จ์ด๋ html ํ๊ทธ์ Element์์์ ๋๋ค. a, p, div, table, li, u.. 2019. 9. 8. ์ด์ 1 ยทยทยท 11 12 13 14 15 16 17 ยทยทยท 19 ๋ค์