테스트 사이트 - 개발 중인 베타 버전입니다

포털사이트로 바로 검색하는 기능을 넣었는데 글자가 깨져서 검색되네요ㅠㅠ 채택완료

crush 10년 전 조회 4,505
안녕하세요!
자바스크립트,제이쿼리는 초보인데 테스트 하다가 이상한게있어서 도움 좀 요청하려고합니다 ㅠㅠ
제목 그대로 제가 만든 페이지에서 input에 검색어를 입력하면
새로운 창에 포털사이트가 뜨면서 검색을 바로할 수 있게 만들었는데요..
크롬에서는 정상적으로 검색이 되는데

ie에서는 ㅁㅁ이런식으로 글자가 깨져서 나오네요 ㅠㅠ 왜그러는걸까요 ㅠㅠ

예를 들어서 민들레를 치면 아래 캡쳐본처럼 한글로 값이 넘어가긴하는데 검색할때는 글자가 깨
져서 검색됩니다. 이게 제가 코딩한게 문제가 아니고 저 포털사이트의 문제인가요 ㅠㅠ 

답변 부탁드립니다. 감사합니다 ㅠㅠ

 

</span></p><p><span style="color: rgb(102, 102, 102); font-family: 나눔고딕, NanumGothic, 돋움; font-size: 13px; line-height: 20.7999992370605px;"></span><font color="#666666" face="나눔고딕, NanumGothic, 돋움"><span style="font-size: 13px; line-height: 20.7999992370605px;"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<a href="<a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" target="_blank" rel="noopener noreferrer">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd</a>"><a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" target="_blank" rel="noopener noreferrer">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd</a></a>"></span></font></p><p><font color="#666666" face="나눔고딕, NanumGothic, 돋움"><span style="font-size: 13px; line-height: 20.7999992370605px;"><html xmlns="<a href="<a href="http://www.w3.org/1999/xhtml" target="_blank" rel="noopener noreferrer">http://www.w3.org/1999/xhtml</a>"><a href="http://www.w3.org/1999/xhtml" target="_blank" rel="noopener noreferrer">http://www.w3.org/1999/xhtml</a></a>"></span></font></p><p><font color="#666666" face="나눔고딕, NanumGothic, 돋움"><span style="font-size: 13px; line-height: 20.7999992370605px;"><head></span></font></p><p><font color="#666666" face="나눔고딕, NanumGothic, 돋움"><span style="font-size: 13px; line-height: 20.7999992370605px;"><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></span></font></p><p><font color="#666666" face="나눔고딕, NanumGothic, 돋움"><span style="font-size: 13px; line-height: 20.7999992370605px;"><title>test</title></span></font></p><p><font color="#666666" face="나눔고딕, NanumGothic, 돋움"><span style="font-size: 13px; line-height: 20.7999992370605px;"><script src="<a href="<a href="http://code.jquery.com/jquery-1.11.3.min.js" target="_blank" rel="noopener noreferrer">http://code.jquery.com/jquery-1.11.3.min.js</a>"><a href="http://code.jquery.com/jquery-1.11.3.min.js" target="_blank" rel="noopener noreferrer">http://code.jquery.com/jquery-1.11.3.min.js</a></a>"></script></span></font></p><p><font color="#666666" face="나눔고딕, NanumGothic, 돋움"><span style="font-size: 13px; line-height: 20.7999992370605px;"></head></span></font></p><p><font color="#666666" face="나눔고딕, NanumGothic, 돋움"><span style="font-size: 13px; line-height: 20.7999992370605px;">
</span></font></p><p><font color="#666666" face="나눔고딕, NanumGothic, 돋움"><span style="font-size: 13px; line-height: 20.7999992370605px;"><body></span></font></p><p><font color="#666666" face="나눔고딕, NanumGothic, 돋움"><span style="font-size: 13px; line-height: 20.7999992370605px;"><div class="grid1 grid_src"></span></font></p><p style="margin-left: 40px;"><font color="#666666" face="나눔고딕, NanumGothic, 돋움"><span style="font-size: 13px; line-height: 20.7999992370605px;"><img src="images/main/src_cm_bg.jpg" alt="약재검색" /></span></font></p><p style="margin-left: 40px;"><font color="#666666" face="나눔고딕, NanumGothic, 돋움"><span style="font-size: 13px; line-height: 20.7999992370605px;"><form></span></font></p><p style="margin-left: 40px;"><font color="#666666" face="나눔고딕, NanumGothic, 돋움"><span style="font-size: 13px; line-height: 20.7999992370605px;"><span class="Apple-tab-span" style="white-space:pre">	</span><input type="text" name="cm" id="cm" value="ex)당귀" class="on" /></span></font></p><p><font color="#666666" face="나눔고딕, NanumGothic, 돋움"><span style="font-size: 13px; line-height: 20.7999992370605px;"><span class="Apple-tab-span" style="white-space:pre">		</span>    <button name="cm" class="btn_cm"><img src="images/main/btn_src.png" alt="검색" /></button></span></font></p><p style="margin-left: 40px;"><font color="#666666" face="나눔고딕, NanumGothic, 돋움"><span style="font-size: 13px; line-height: 20.7999992370605px;"> </form></span></font></p><p><font color="#666666" face="나눔고딕, NanumGothic, 돋움"><span style="font-size: 13px; line-height: 20.7999992370605px;"></div></span></font></p><p><font color="#666666" face="나눔고딕, NanumGothic, 돋움"><span style="font-size: 13px; line-height: 20.7999992370605px;"><div class="grid1 grid_src last"></span></font></p><p><font color="#666666" face="나눔고딕, NanumGothic, 돋움"><span style="font-size: 13px; line-height: 20.7999992370605px;"><span class="Apple-tab-span" style="white-space:pre">	</span><img src="images/main/src_pn_bg.jpg" alt="질병검색" /></span></font></p><p><font color="#666666" face="나눔고딕, NanumGothic, 돋움"><span style="font-size: 13px; line-height: 20.7999992370605px;"><span class="Apple-tab-span" style="white-space:pre">	</span><form></span></font></p><p><font color="#666666" face="나눔고딕, NanumGothic, 돋움"><span style="font-size: 13px; line-height: 20.7999992370605px;"><span class="Apple-tab-span" style="white-space:pre">		</span><input type="text" name="pn" id="pn" value="ex)감기" class="on" /></span></font></p><p><font color="#666666" face="나눔고딕, NanumGothic, 돋움"><span style="font-size: 13px; line-height: 20.7999992370605px;"><span class="Apple-tab-span" style="white-space:pre">		</span><button name="pn" class="btn_pn"><img src="images/main/btn_src.png" alt="검색" /></button></span></font></p><p><font color="#666666" face="나눔고딕, NanumGothic, 돋움"><span style="font-size: 13px; line-height: 20.7999992370605px;"><span class="Apple-tab-span" style="white-space:pre">	</span></form></span></font></p><p><font color="#666666" face="나눔고딕, NanumGothic, 돋움"><span style="font-size: 13px; line-height: 20.7999992370605px;"></div></span></font></p><p><font color="#666666" face="나눔고딕, NanumGothic, 돋움"><span style="font-size: 13px; line-height: 20.7999992370605px;"><script type="text/javascript"></span></font></p><p><font color="#666666" face="나눔고딕, NanumGothic, 돋움"><span style="font-size: 13px; line-height: 20.7999992370605px;">$(function(){</span></font></p><p><font color="#666666" face="나눔고딕, NanumGothic, 돋움"><span style="font-size: 13px; line-height: 20.7999992370605px;">$(".grid_src input").focus(function(){</span></font></p><p><font color="#666666" face="나눔고딕, NanumGothic, 돋움"><span style="font-size: 13px; line-height: 20.7999992370605px;">if($(this).hasClass("on") == true){</span></font></p><p><font color="#666666" face="나눔고딕, NanumGothic, 돋움"><span style="font-size: 13px; line-height: 20.7999992370605px;"><span class="Apple-tab-span" style="white-space:pre">	</span>$(this).val("");</span></font></p><p><font color="#666666" face="나눔고딕, NanumGothic, 돋움"><span style="font-size: 13px; line-height: 20.7999992370605px;"><span class="Apple-tab-span" style="white-space:pre">	</span>$(this).removeClass("on");</span></font></p><p><font color="#666666" face="나눔고딕, NanumGothic, 돋움"><span style="font-size: 13px; line-height: 20.7999992370605px;">}else{</span></font></p><p><font color="#666666" face="나눔고딕, NanumGothic, 돋움"><span style="font-size: 13px; line-height: 20.7999992370605px;">}<span class="Apple-tab-span" style="white-space:pre">									</span></span></font></p><p><font color="#666666" face="나눔고딕, NanumGothic, 돋움"><span style="font-size: 13px; line-height: 20.7999992370605px;">});</span></font></p><p><font color="#666666" face="나눔고딕, NanumGothic, 돋움"><span style="font-size: 13px; line-height: 20.7999992370605px;">$(".medi_wrap div input").keypress(function (event) {</span></font></p><p><font color="#666666" face="나눔고딕, NanumGothic, 돋움"><span style="font-size: 13px; line-height: 20.7999992370605px;"><span class="Apple-tab-span" style="white-space:pre">	</span>if (event.which == 13) {</span></font></p><p><font color="#666666" face="나눔고딕, NanumGothic, 돋움"><span style="font-size: 13px; line-height: 20.7999992370605px;"><span class="Apple-tab-span" style="white-space:pre">		</span>$(this).parent().find("button").click();</span></font></p><p><font color="#666666" face="나눔고딕, NanumGothic, 돋움"><span style="font-size: 13px; line-height: 20.7999992370605px;"><span class="Apple-tab-span" style="white-space:pre">	</span> }</span></font></p><p><font color="#666666" face="나눔고딕, NanumGothic, 돋움"><span style="font-size: 13px; line-height: 20.7999992370605px;">});</span></font></p><p><font color="#666666" face="나눔고딕, NanumGothic, 돋움"><span style="font-size: 13px; line-height: 20.7999992370605px;">$(".grid_src button").click(function(){</span></font></p><p><font color="#666666" face="나눔고딕, NanumGothic, 돋움"><span style="font-size: 13px; line-height: 20.7999992370605px;"><span class="Apple-tab-span" style="white-space:pre">	</span>if($(this).hasClass("btn_cm") == true){</span></font></p><p><font color="#666666" face="나눔고딕, NanumGothic, 돋움"><span style="font-size: 13px; line-height: 20.7999992370605px;"><span class="Apple-tab-span" style="white-space:pre">		</span>var url = "<a href="<a href="http://www.koreantk.com/ktkp2014/medicine/search-by-keyword.page?pageNo=1&pageSize=&setId=&keyword=" target="_blank" rel="noopener noreferrer">http://www.koreantk.com/ktkp2014/medicine/search-by-keyword.page?pageNo=1&pageSize=&setId=&keyword=</a>"><a href="http://www.koreantk.com/ktkp2014/medicine/search-by-keyword.page?pageNo=1&pageSize=&setId=&keyword=" target="_blank" rel="noopener noreferrer">http://www.koreantk.com/ktkp2014/medicine/search-by-keyword.page?pageNo=1&pageSize=&setId=&keyword=</a></a>"+$(this).parent().find("input").val();</span></font></p><p><font color="#666666" face="나눔고딕, NanumGothic, 돋움"><span style="font-size: 13px; line-height: 20.7999992370605px;"><span class="Apple-tab-span" style="white-space:pre">		</span>window.open(url);</span></font></p><p><font color="#666666" face="나눔고딕, NanumGothic, 돋움"><span style="font-size: 13px; line-height: 20.7999992370605px;"><span class="Apple-tab-span" style="white-space:pre">	</span>}else{</span></font></p><p><font color="#666666" face="나눔고딕, NanumGothic, 돋움"><span style="font-size: 13px; line-height: 20.7999992370605px;"><span class="Apple-tab-span" style="white-space:pre">		</span>var url = "<a href="<a href="http://www.koreantk.com/ktkp2014/disease/search-by-keyword.page?pageNo=1&pageSize=&setId=&keyword=" target="_blank" rel="noopener noreferrer">http://www.koreantk.com/ktkp2014/disease/search-by-keyword.page?pageNo=1&pageSize=&setId=&keyword=</a>"><a href="http://www.koreantk.com/ktkp2014/disease/search-by-keyword.page?pageNo=1&pageSize=&setId=&keyword=" target="_blank" rel="noopener noreferrer">http://www.koreantk.com/ktkp2014/disease/search-by-keyword.page?pageNo=1&pageSize=&setId=&keyword=</a></a>"+$(this).parent().find("input").val();</span></font></p><p><font color="#666666" face="나눔고딕, NanumGothic, 돋움"><span style="font-size: 13px; line-height: 20.7999992370605px;"><span class="Apple-tab-span" style="white-space:pre">		</span>window.open(url);<span class="Apple-tab-span" style="white-space:pre">	</span></span></font></p><p><font color="#666666" face="나눔고딕, NanumGothic, 돋움"><span style="font-size: 13px; line-height: 20.7999992370605px;"><span class="Apple-tab-span" style="white-space:pre">	</span>}</span></font></p><p><font color="#666666" face="나눔고딕, NanumGothic, 돋움"><span style="font-size: 13px; line-height: 20.7999992370605px;">});</span></font></p><p><font color="#666666" face="나눔고딕, NanumGothic, 돋움"><span style="font-size: 13px; line-height: 20.7999992370605px;">});</span></font></p><p><font color="#666666" face="나눔고딕, NanumGothic, 돋움"><span style="font-size: 13px; line-height: 20.7999992370605px;"></script></span></font></p><p><font color="#666666" face="나눔고딕, NanumGothic, 돋움"><span style="font-size: 13px; line-height: 20.7999992370605px;"></body></span></font></p><p><font color="#666666" face="나눔고딕, NanumGothic, 돋움"><span style="font-size: 13px; line-height: 20.7999992370605px;"></html></span></font></p><p><font color="#666666" face="나눔고딕, NanumGothic, 돋움"><span style="font-size: 13px; line-height: 20.7999992370605px;">

댓글을 작성하려면 로그인이 필요합니다.

답변 1개

채택된 답변
+20 포인트
10년 전

urlencode 가 자바스크립트에는 없나요?

 

검색해보니

 

encodeURIComponent()

 

함수가 있던데

 

$(this).parent().find("input").val();

이 부분을

 

encodeURIComponent( $(this).parent().find("input").val(); )

 

이렇게 감싸서 해보세요...

 

 

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

c
crush
10년 전
바로 해결됐습니다! 정말 감사합니다!!!!ㅠㅠ

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인