๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ

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.