Commit @4cea36d8fa7b4003d417f5d9f05f0c9822ccd55d

정수빈 2025-07-18

친구톡 > 대체문자 장문, 단문, 포토문자 일 경우 textarea height 조정

@4cea36d8fa7b4003d417f5d9f05f0c9822ccd55d

4cba7e1

4cea36d

src/main/webapp/publish/css/content.css

--- src/main/webapp/publish/css/content.css

+++ src/main/webapp/publish/css/content.css


 .kakaotalksend_cont .kakao_wrap .send_right .phone .phoneIn .text_preview{height: 78%;}
 .kakaotalksend_cont .kakao_wrap .kakao_template_text {display: flex;justify-content: space-between;}
 .kakaotalksend_cont .kakao_wrap .put_right .btn_popup_wrap{margin: 0 0 5px 0;}
-.kakaotalksend_cont .kakao_wrap .replace_send_wrap .put_left{height: 234px;}
+.kakaotalksend_cont .kakao_wrap .replace_send_wrap .put_left{position:relative;height: 234px;}
 .kakaotalksend_cont .kakao_wrap .replace_send_wrap .put_left.long{height: 305px;}
+.kakaotalksend_cont .kakao_wrap .replace_send_wrap .put_left.photo{height: 385px;}
 .kakaotalksend_cont .kakao_wrap .replace_send_wrap .put_left textarea{padding:0 5px;}
-.kakaotalksend_cont .kakao_wrap .replace_send_wrap .put_left.short textarea{height: calc(100% - 105px);}
-.kakaotalksend_cont .kakao_wrap .replace_send_wrap .put_left.long textarea{height: 220px;}
+.kakaotalksend_cont .kakao_wrap .replace_send_wrap .put_left.short textarea{height: calc(100% - 82px);}
+.kakaotalksend_cont .kakao_wrap .replace_send_wrap .put_left.short .ad_txt+textarea{height: calc(100% - 105px);}
+.kakaotalksend_cont .kakao_wrap .replace_send_wrap .put_left.long textarea{height: calc(100% - 61px);}
+.kakaotalksend_cont .kakao_wrap .replace_send_wrap .put_left.long .ad_txt+textarea{height: calc(100% - 86px);}
+.kakaotalksend_cont .kakao_wrap .replace_send_wrap .put_left.photo .ad_txt+textarea{height: calc(100% - 184px);}
 .kakaotalksend_cont .kakao_wrap .replace_send_wrap .sub_ad_text p{padding:3px 10px 0 0;}
+
 .kakaotalksend_cont .kakao_wrap .button_type_wrap{display: flex; border: 1px solid #e5e5e5; border-radius: 5px; padding: 10px 20px; margin: 10px 0 0 0;}
 .kakaotalksend_cont .kakao_wrap .button_type_wrap dt{width: 110px; font-weight: 400; padding: 8px 0 0 0;}
 .kakaotalksend_cont .kakao_wrap .button_type_wrap .button_type_input{width: 483px;}

4cba7e1

4cea36d

src/main/webapp/publish/js/content.js

--- src/main/webapp/publish/js/content.js

+++ src/main/webapp/publish/js/content.js


 				"height": "calc(100% - 18px)"
 			});
 			
+			$(".friend_talk_wrap .replace_send_wrap .put_left").each(function(idx, itm){
+				if($(itm).is(".short") == true){
+					//단문일 경우
+					$(itm).find("textarea").css({
+						"height": "calc(100% - 79px)"
+					});	
+				}else if($(itm).is(".photo") == true){
+					//포토문자일 경우
+					$(itm).find("textarea").css({
+						"height": "calc(100% - 146px)"
+					});	
+				}else{
+					// 장문일 경우
+					$(itm).find("textarea").css({
+						"height": "calc(100% - 59px)"
+					});
+				}
+				
+			})
 			
-			if($(".friend_talk_wrap .replace_send_wrap .put_left").is(".short") == true){
-				$(".friend_talk_wrap .replace_send_wrap textarea").css({
-					"height": "calc(100% - 79px)"
-				});	
-			}else{
-				$(".friend_talk_wrap .replace_send_wrap textarea").css({
-					"height": "calc(100% - 59px)"
-				});
-			}
+			
 			
 		} else {
 			$(".ad_txt, .sub_ad_text p,.friend_talk_title,.kakao_block_text").show();

4cba7e1

4cea36d

src/main/webapp/publish/kakao_friendtalk_send.html

--- src/main/webapp/publish/kakao_friendtalk_send.html

+++ src/main/webapp/publish/kakao_friendtalk_send.html


                                                                         <!-- 업로드한 이미지의 썸네일 영역 -->
                                                                         <ul class="thumb_wrap liOnImg ui-sortable"></ul>
                                                                         <!-- //업로드한 이미지의 썸네일 영역 -->
-                                                                        <div class="ad_txt" style="">
-					                                                        <p>(광고)</p>
-					                                                    </div>
                                                                         <label for="smsTxtArea" class="label"></label>
+                                                                        <div class="ad_txt">
+																			<p>(광고)</p>
+																		</div>
                                                                         <textarea id="smsTxtArea" name="smsTxtArea" class="put_text"></textarea>
+                                                                        
                                                                         <div class="text_length">
-	                                                                        <div class="sub_ad_text">
-					                                                            <p>무료거부 0808800858</p>
-					                                                        </div>
                                                                             <div name="afterDeny">
                                                                                 <p>
                                                                                     <span class="fwMd" id="msgLeng">0 /

                                                                     </div>
 
                                                                 </div>
-                                                                <!-- <p>* 현재 [<span id="nowMsgType">단문</span>] <span class="c_e40000 fwBold nowMsgCnt">0</span>건 발송 가능합니다.</p> -->
+                                                                <p>* 현재 [<span id="nowMsgType">단문</span>] <span class="c_e40000 fwBold nowMsgCnt">0</span>건 발송 가능합니다.</p>
+                                                            </td>
+                                                        </tr>
+                                                        <tr>
+                                                            <th>내용</th>
+                                                            <td class="putText">
+                                                                <div class="clearfix">
+                                                                    <div class="put_left long">
+                                                                    	<!-- 업로드한 이미지의 썸네일 영역 -->
+                                                                        <ul class="thumb_wrap liOnImg ui-sortable"></ul>
+                                                                        <!-- //업로드한 이미지의 썸네일 영역 -->
+                                                                        <label for="smsTxtArea" class="label"></label>
+                                                                        <div class="ad_txt">
+																			<p>(광고)</p>
+																		</div>
+                                                                        <textarea id="smsTxtArea" name="smsTxtArea" class="put_text"></textarea>
+                                                                        <div class="text_length">
+                                                                            <div name="afterDeny">
+                                                                                <p>
+                                                                                    <span class="fwMd" id="msgLeng">0 /
+                                                                                    </span>
+                                                                                    <span class="c_002c9a fwMd" id="limitLeng">90</span>byte
+                                                                                </p>
+                                                                                <span class="msg_com msg_short">장문</span>
+                                                                            </div>
+                                                                        </div>
+                                                                    </div>
+                                                                    <div class="put_right">
+                                                                        <button type="button" class="btnType btnType7" onclick="javascript:fn_errorChk(); return false;">오류검사<i class="qmMark"></i></button>
+                                                                        <div class="send_btnWrap">
+                                                                            <button type="button" class="btnType btnType9" style="width:100%;">초기화</button>
+                                                                        </div>
+                                                                    </div>
+
+                                                                </div>
+                                                                <p>* 현재 [<span id="nowMsgType">단문</span>] <span class="c_e40000 fwBold nowMsgCnt">0</span>건 발송 가능합니다.</p>
+                                                            </td>
+                                                        </tr>
+                                                        <tr>
+                                                            <th>내용</th>
+                                                            <td class="putText">
+                                                                <div class="clearfix">
+                                                                    <div class="put_left photo">
+                                                                        <!-- 업로드한 이미지의 썸네일 영역 -->
+                                                                        <ul class="thumb_wrap ui-sortable">
+																			<li class="on ui-sortable-handle">
+																				<div>
+																					<img src="/publish/images/content/thumb1.jpg" alt="thumb1">
+																				</div>
+																				<button type="button" class="file_close"><img src="/publish/images/content/thumb_del.png" alt="첨부파일 삭제"></button>
+																				<button type="button" class="file_close_on"><img src="/publish/images/content/thumb_del_on.png" alt="첨부파일 삭제"></button>
+																			</li>
+																			<li class="ui-sortable-handle">
+																				<div>
+																					<img src="/publish/images/content/thumb2.jpg" alt="thumb1">
+																				</div>
+																				<button type="button" class="file_close"><img src="/publish/images/content/thumb_del.png" alt="첨부파일 삭제"></button>
+																				<button type="button" class="file_close_on"><img src="/publish/images/content/thumb_del_on.png" alt="첨부파일 삭제"></button>
+																			</li>
+																			<li class="ui-sortable-handle">
+																				<div>
+																					<img src="/publish/images/content/thumb3.jpg" alt="thumb1">
+																				</div>
+																				<button type="button" class="file_close"><img src="/publish/images/content/thumb_del.png" alt="첨부파일 삭제"></button>
+																				<button type="button" class="file_close_on"><img src="/publish/images/content/thumb_del_on.png" alt="첨부파일 삭제"></button>
+																			</li>
+																		</ul>
+                                                                        <!-- //업로드한 이미지의 썸네일 영역 -->
+                                                                        <label for="smsTxtArea" class="label"></label>
+                                                                        <div class="ad_txt">
+																			<p>(광고)</p>
+																		</div>
+                                                                        <textarea id="smsTxtArea" name="smsTxtArea" class="put_text"></textarea>
+                                                                        <div class="text_length">
+                                                                            <div name="afterDeny">
+                                                                                <p>
+                                                                                    <span class="fwMd" id="msgLeng">0 /
+                                                                                    </span>
+                                                                                    <span class="c_002c9a fwMd" id="limitLeng">90</span>byte
+                                                                                </p>
+                                                                                <span class="msg_com msg_short">그림</span>
+                                                                            </div>
+                                                                        </div>
+                                                                    </div>
+                                                                    <div class="put_right">
+                                                                        <button type="button" class="btnType btnType7" onclick="javascript:fn_errorChk(); return false;">오류검사<i class="qmMark"></i></button>
+                                                                        <div class="send_btnWrap">
+                                                                            <button type="button" class="btnType btnType9" style="width:100%;">초기화</button>
+                                                                        </div>
+                                                                    </div>
+
+                                                                </div>
+                                                                <p>* 현재 [<span id="nowMsgType">단문</span>] <span class="c_e40000 fwBold nowMsgCnt">0</span>건 발송 가능합니다.</p>
                                                             </td>
                                                         </tr>
                                                     </tbody>

Add a comment

Open 0
Closed 0

List

...	...	@@ -1771,12 +1771,17 @@
1771	1771	.kakaotalksend_cont .kakao_wrap .send_right .phone .phoneIn .text_preview{height: 78%;}
1772	1772	.kakaotalksend_cont .kakao_wrap .kakao_template_text {display: flex;justify-content: space-between;}
1773	1773	.kakaotalksend_cont .kakao_wrap .put_right .btn_popup_wrap{margin: 0 0 5px 0;}
1774		-.kakaotalksend_cont .kakao_wrap .replace_send_wrap .put_left{height: 234px;}
	1774	+.kakaotalksend_cont .kakao_wrap .replace_send_wrap .put_left{position:relative;height: 234px;}
1775	1775	.kakaotalksend_cont .kakao_wrap .replace_send_wrap .put_left.long{height: 305px;}
	1776	+.kakaotalksend_cont .kakao_wrap .replace_send_wrap .put_left.photo{height: 385px;}
1776	1777	.kakaotalksend_cont .kakao_wrap .replace_send_wrap .put_left textarea{padding:0 5px;}
1777		-.kakaotalksend_cont .kakao_wrap .replace_send_wrap .put_left.short textarea{height: calc(100% - 105px);}
1778		-.kakaotalksend_cont .kakao_wrap .replace_send_wrap .put_left.long textarea{height: 220px;}
	1778	+.kakaotalksend_cont .kakao_wrap .replace_send_wrap .put_left.short textarea{height: calc(100% - 82px);}
	1779	+.kakaotalksend_cont .kakao_wrap .replace_send_wrap .put_left.short .ad_txt+textarea{height: calc(100% - 105px);}
	1780	+.kakaotalksend_cont .kakao_wrap .replace_send_wrap .put_left.long textarea{height: calc(100% - 61px);}
	1781	+.kakaotalksend_cont .kakao_wrap .replace_send_wrap .put_left.long .ad_txt+textarea{height: calc(100% - 86px);}
	1782	+.kakaotalksend_cont .kakao_wrap .replace_send_wrap .put_left.photo .ad_txt+textarea{height: calc(100% - 184px);}
1779	1783	.kakaotalksend_cont .kakao_wrap .replace_send_wrap .sub_ad_text p{padding:3px 10px 0 0;}
	1784	+
1780	1785	.kakaotalksend_cont .kakao_wrap .button_type_wrap{display: flex; border: 1px solid #e5e5e5; border-radius: 5px; padding: 10px 20px; margin: 10px 0 0 0;}
1781	1786	.kakaotalksend_cont .kakao_wrap .button_type_wrap dt{width: 110px; font-weight: 400; padding: 8px 0 0 0;}
1782	1787	.kakaotalksend_cont .kakao_wrap .button_type_wrap .button_type_input{width: 483px;}

...	...	@@ -542,16 +542,27 @@
542	542	"height": "calc(100% - 18px)"
543	543	});
544	544
	545	+ $(".friend_talk_wrap .replace_send_wrap .put_left").each(function(idx, itm){
	546	+ if($(itm).is(".short") == true){
	547	+ //단문일 경우
	548	+ $(itm).find("textarea").css({
	549	+ "height": "calc(100% - 79px)"
	550	+ });
	551	+ }else if($(itm).is(".photo") == true){
	552	+ //포토문자일 경우
	553	+ $(itm).find("textarea").css({
	554	+ "height": "calc(100% - 146px)"
	555	+ });
	556	+ }else{
	557	+ // 장문일 경우
	558	+ $(itm).find("textarea").css({
	559	+ "height": "calc(100% - 59px)"
	560	+ });
	561	+ }
	562	+
	563	+ })
545	564
546		- if($(".friend_talk_wrap .replace_send_wrap .put_left").is(".short") == true){
547		- $(".friend_talk_wrap .replace_send_wrap textarea").css({
548		- "height": "calc(100% - 79px)"
549		- });
550		- }else{
551		- $(".friend_talk_wrap .replace_send_wrap textarea").css({
552		- "height": "calc(100% - 59px)"
553		- });
554		- }
	565	+
555	566
556	567	} else {
557	568	$(".ad_txt, .sub_ad_text p,.friend_talk_title,.kakao_block_text").show();

...	...	@@ -778,15 +778,13 @@
778	778	<!-- 업로드한 이미지의 썸네일 영역 -->
779	779	<ul class="thumb_wrap liOnImg ui-sortable"></ul>
780	780	<!-- //업로드한 이미지의 썸네일 영역 -->
781		- <div class="ad_txt" style="">
782		- <p>(광고)</p>
783		- </div>
784	781	<label for="smsTxtArea" class="label"></label>
	782	+ <div class="ad_txt">
	783	+ <p>(광고)</p>
	784	+ </div>
785	785	<textarea id="smsTxtArea" name="smsTxtArea" class="put_text"></textarea>
	786	+
786	787	<div class="text_length">
787		- <div class="sub_ad_text">
788		- <p>무료거부 0808800858</p>
789		- </div>
790	788	<div name="afterDeny">
791	789	<p>
792	790	<span class="fwMd" id="msgLeng">0 /
...	...	@@ -805,7 +803,99 @@
805	803	</div>
806	804
807	805	</div>
808		- <!-- <p>* 현재 [<span id="nowMsgType">단문</span>] <span class="c_e40000 fwBold nowMsgCnt">0</span>건 발송 가능합니다.</p> -->
	806	+ <p>* 현재 [<span id="nowMsgType">단문</span>] <span class="c_e40000 fwBold nowMsgCnt">0</span>건 발송 가능합니다.</p>
	807	+ </td>
	808	+ </tr>
	809	+ <tr>
	810	+ <th>내용</th>
	811	+ <td class="putText">
	812	+ <div class="clearfix">
	813	+ <div class="put_left long">
	814	+ <!-- 업로드한 이미지의 썸네일 영역 -->
	815	+ <ul class="thumb_wrap liOnImg ui-sortable"></ul>
	816	+ <!-- //업로드한 이미지의 썸네일 영역 -->
	817	+ <label for="smsTxtArea" class="label"></label>
	818	+ <div class="ad_txt">
	819	+ <p>(광고)</p>
	820	+ </div>
	821	+ <textarea id="smsTxtArea" name="smsTxtArea" class="put_text"></textarea>
	822	+ <div class="text_length">
	823	+ <div name="afterDeny">
	824	+ <p>
	825	+ <span class="fwMd" id="msgLeng">0 /
	826	+ </span>
	827	+ <span class="c_002c9a fwMd" id="limitLeng">90</span>byte
	828	+ </p>
	829	+ <span class="msg_com msg_short">장문</span>
	830	+ </div>
	831	+ </div>
	832	+ </div>
	833	+ <div class="put_right">
	834	+ <button type="button" class="btnType btnType7" onclick="javascript:fn_errorChk(); return false;">오류검사<i class="qmMark"></i></button>
	835	+ <div class="send_btnWrap">
	836	+ <button type="button" class="btnType btnType9" style="width:100%;">초기화</button>
	837	+ </div>
	838	+ </div>
	839	+
	840	+ </div>
	841	+ <p>* 현재 [<span id="nowMsgType">단문</span>] <span class="c_e40000 fwBold nowMsgCnt">0</span>건 발송 가능합니다.</p>
	842	+ </td>
	843	+ </tr>
	844	+ <tr>
	845	+ <th>내용</th>
	846	+ <td class="putText">
	847	+ <div class="clearfix">
	848	+ <div class="put_left photo">
	849	+ <!-- 업로드한 이미지의 썸네일 영역 -->
	850	+ <ul class="thumb_wrap ui-sortable">
	851	+ <li class="on ui-sortable-handle">
	852	+ <div>
	853	+ <img src="/publish/images/content/thumb1.jpg" alt="thumb1">
	854	+ </div>
	855	+ <button type="button" class="file_close"><img src="/publish/images/content/thumb_del.png" alt="첨부파일 삭제"></button>
	856	+ <button type="button" class="file_close_on"><img src="/publish/images/content/thumb_del_on.png" alt="첨부파일 삭제"></button>
	857	+ </li>
	858	+ <li class="ui-sortable-handle">
	859	+ <div>
	860	+ <img src="/publish/images/content/thumb2.jpg" alt="thumb1">
	861	+ </div>
	862	+ <button type="button" class="file_close"><img src="/publish/images/content/thumb_del.png" alt="첨부파일 삭제"></button>
	863	+ <button type="button" class="file_close_on"><img src="/publish/images/content/thumb_del_on.png" alt="첨부파일 삭제"></button>
	864	+ </li>
	865	+ <li class="ui-sortable-handle">
	866	+ <div>
	867	+ <img src="/publish/images/content/thumb3.jpg" alt="thumb1">
	868	+ </div>
	869	+ <button type="button" class="file_close"><img src="/publish/images/content/thumb_del.png" alt="첨부파일 삭제"></button>
	870	+ <button type="button" class="file_close_on"><img src="/publish/images/content/thumb_del_on.png" alt="첨부파일 삭제"></button>
	871	+ </li>
	872	+ </ul>
	873	+ <!-- //업로드한 이미지의 썸네일 영역 -->
	874	+ <label for="smsTxtArea" class="label"></label>
	875	+ <div class="ad_txt">
	876	+ <p>(광고)</p>
	877	+ </div>
	878	+ <textarea id="smsTxtArea" name="smsTxtArea" class="put_text"></textarea>
	879	+ <div class="text_length">
	880	+ <div name="afterDeny">
	881	+ <p>
	882	+ <span class="fwMd" id="msgLeng">0 /
	883	+ </span>
	884	+ <span class="c_002c9a fwMd" id="limitLeng">90</span>byte
	885	+ </p>
	886	+ <span class="msg_com msg_short">그림</span>
	887	+ </div>
	888	+ </div>
	889	+ </div>
	890	+ <div class="put_right">
	891	+ <button type="button" class="btnType btnType7" onclick="javascript:fn_errorChk(); return false;">오류검사<i class="qmMark"></i></button>
	892	+ <div class="send_btnWrap">
	893	+ <button type="button" class="btnType btnType9" style="width:100%;">초기화</button>
	894	+ </div>
	895	+ </div>
	896	+
	897	+ </div>
	898	+ <p>* 현재 [<span id="nowMsgType">단문</span>] <span class="c_e40000 fwBold nowMsgCnt">0</span>건 발송 가능합니다.</p>
809	899	</td>
810	900	</tr>
811	901	</tbody>

Delete comment