퍼블리싱 우선순위 6 자주 쓰는 표현 - 수정 아이콘 제거, 텍스트 누르면 바로 수정 가능하게

dev_bert
정이솔 3 years ago
parent 5a85ddd507
commit 90a278a6e9

@ -4650,7 +4650,6 @@ main {
line-height: 45px;
padding: 0 20px;
margin-bottom: 10px;
background: #f3f3f3;
display: flex;
justify-content: center;
}
@ -15239,3 +15238,24 @@ main.sona_cont_measurement {
.m_set_recode_order .save {
width: 100%;
}
/* 8-16.설정하기-자주쓰는표현 */
.favorite_word {
}
.favorite_word .flex_box {
display: flex;
padding: 15px 0;
}
.favorite_word .radio-label {
border: none;
flex-grow: 1;
}
.favorite_word .delete_btn {
padding: 7px 12px;
border: 1px solid #999;
border-radius: 7px;
}

@ -0,0 +1,72 @@
<!DOCTYPE html>
<!--[if IE 8]> <html lang="ko" class="ie8"> <![endif]-->
<!--[if !IE]><!-->
<html lang="ko">
<!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no, viewport-fit=cover" />
<title>이유식당</title>
<link href="../../css/style.css?1" rel="stylesheet" type="text/css" >
<script src="../../js/jquery-3.3.1.min.js"></script>
</head>
<body><!--grey_bg / blue_w_bg /blue_g_bg-->
<div class="wrap">
<header class="header_wrapper">
<a href="javascript:back.return_url()" class="side_Lbtn hidden pre_btn">이전으로</a>
<h1 class="header_title">자주 쓰는 표현</h1>
<a href="#" class="side_Rbtn hidden"></a>
</header>
<main class="m_set_recode_order favorite_word">
<div class="cont">
<form id="frmUpdate" name="frmUpdate" method="post" onsubmit="return false">
<div class="list_cont" id="list_cont">
<div id="word_list">
<div class="set_list_wrap list">
<div name="list_item" class="item_order flex_box">
<input class="radio-label" value="표현 1">
<input type="hidden" name="record_list" value="${item['cd_no']!}">
<div class="delete_btn" onclick="fncRemove(this)">삭제</div>
</div>
</div>
<div class="set_list_wrap list">
<div name="list_item" class="item_order flex_box">
<input class="radio-label" value="표현 2">
<input type="hidden" name="record_list" value="${item['cd_no']!}">
<div class="delete_btn" onclick="fncRemove(this)">삭제</div>
</div>
</div>
</div>
<div class="item_add" onclick="fncAddItem(this)"><img src="../../img/setting/add_circle_ico.png" /></div>
</div>
<div class="info">
* 텍스트를 눌러 표현을 수정하거나 버튼을 눌러 삭제할 수 있습니다.
</div>
<button type="submit" id="" name="" class="btns blue_btn save">저장</button>
</form>
</div>
</main>
</div>
<script>
function fncAddItem() {
$("#word_list").append("<div class='set_list_wrap list'>" +
"<div name='list_item' class='item_order flex_box'>" +
"<input class='radio-label' value='' placeholder='자주 쓰는 표현을 입력해주세요'>" +
"<input type='hidden' name='record_list' value='${item['cd_no']!}'>" +
"<div class='delete_btn' onclick='fncRemove(this)'>삭제</div>" +
"</div></div>");
}
function fncRemove(e) {
$(e).parent().parent().remove();
}
</script>
</body>
</html>
Loading…
Cancel
Save