영화 콘텐츠 검색 API 출력 문의 드립니다.
본문
위 원본 게시판 소스를 사용중입니다.
1 그림 (다음 API 개편 전에는 정상적으로 검색 출력됨..)
2 그림 (다음 API 개편후.. 엉망이 됨..)
그림 3. 글쓰기 눌러서.. 검색하면... 아래..이미지 주소까지 나타남.... ;;
글자만 나와야 되는데 휴..
현제 2번 그림처럼 비정상 적으로 출력이 되네요 ㅠㅠ
테스트 게시판 주소 :http://mulim.woweb.net/bbs/board.php?bo_table=F01
다음 API http://developers.daum.net/services/apis/contents/movie 여기 봐도 이해가 안가네요...
혹시 아시는분 부탁드립니다 ㅠㅠ
소스-----------------------------------------------------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<style type="text/css">
* {font-size:12px;}
#divSearch {margin:5px; padding-bottom:8px; text-align:center; border-bottom: 2px solid #c7c6d7;}
#search_movie {}
#search_movie li {position:relative; margin-top:5px; padding:5px; height:70px; clear:both; border-top:1px solid #dedede; list-style: none;}
#search_movie li div {float:left; margin-left:5px;}
#search_movie li div p {margin:2px 0 6px 0; padding:0; font-size:12px;}
#search_movie li img {float:left; width:50px; height:75px; border:2px solid #dedede; cursor:pointer;}
</style>
<script language="Javascript" type="text/javascript">
var obj = {
apikey: "047eed0f3ace8cf0f4615a5d518f3323",
init : function()
{
obj.q = document.getElementById('q');
obj.b = document.getElementById('b');
obj.r = document.getElementById('search_movie');
obj.b.onclick = obj.pingSearch;
},
// 검색을 요청하는 함수
pingSearch : function()
{
if (obj.q.value)
{
obj.s = document.createElement('script');
obj.s.type ='text/javascript';
obj.s.charset ='utf-8';
obj.s.src = 'http://apis.daum.net/contents/movie?apikey=' + obj.apikey + '&output=json&callback=obj.pongSearch&q=' + encodeURI(obj.q.value);
document.getElementsByTagName('head')[0].appendChild(obj.s);
}
},
// 검색 결과를 뿌리는 함수
pongSearch : function(z)
{
obj.r.innerHTML = '';
var msg = "";
if(!z.channel || z.channel.item.length <= 0)
{
obj.r.innerHTML = "검색 결과가 없습니다.";
return;
}
else
{
sh_movie_item = new Array();
for (var i = 0; i < z.channel.item.length; i++)
{
var item = z.channel.item[i];
sh_movie_item[i] = item;
var li = document.createElement("li");
var thumbnail = document.createElement("img");
var thumbnail_link = document.createElement("a");
var content_wrap = document.createElement("div");
var title = document.createElement("p");
var director = document.createElement("p");
var openinfo = document.createElement("p");
var actor = document.createElement("p");
// 썸네일(링크도 건다)
thumbnail_link.href = "#";
thumbnail.src= item.thumbnail[0].content;
thumbnail_link.appendChild(thumbnail);
title.innerHTML = "제목: " + item.title[0].content + "(" + item.eng_title[0].content + ")";
director.innerHTML = "감독: " + item.director[0].content;
actor.innerHTML += "배우: ";
openinfo.innerHTML += "개봉: " + item.open_info[0].content;
for(var j = 0; j < item.actor.length; j++)
{
actor.innerHTML += item.actor[j].content + " ";
}
//li.appendChild(thumbnail);
li.innerHTML += "<img src=\'"+item.thumbnail[0].content+"\' onclick=\'select_movie("+i+")\'>";
content_wrap.appendChild(title);
content_wrap.appendChild(director);
content_wrap.appendChild(openinfo);
content_wrap.appendChild(actor);
li.appendChild(content_wrap);
obj.r.appendChild(li);
}
}
},
// HTML태그 안 먹게 하는 함수
escapeHtml : function(str)
{
str = str.replace(/&/g, "&");
str = str.replace(/</g, "<");
str = str.replace(/>/g, ">");
return str;
}
};
function select_movie(movie_num) {
var item = sh_movie_item[movie_num];
var actor_all = '';
for(var j = 0; j < item.actor.length; j++) {
actor_all += item.actor[j].content + "_";
}
parent.fwrite.wr_1.value = item.title[0].content + "|" + item.eng_title[0].content + "|" + item.director[0].content + "|" + actor_all + "|" + item.open_info[0].content;
parent.fwrite.wr_2.value = item.thumbnail[0].content;
parent.fwrite.wr_3.value = item.story[0].content;
parent.fwrite.wr_4.value = item.category[0].content;
parent.fwrite.wr_5.value = item.genre[0].content;
var li = parent.document.createElement("li");
var thumbnail = parent.document.createElement("img");
var thumbnail_link = parent.document.createElement("a");
var content_wrap = parent.document.createElement("div");
var title = parent.document.createElement("p");
var director = parent.document.createElement("p");
var openinfo = parent.document.createElement("p");
var actor = parent.document.createElement("p");
title.innerHTML = "제목: " + item.title[0].content + "(" + item.eng_title[0].content + ")";
director.innerHTML = "감독: " + item.director[0].content;
actor.innerHTML += "배우: ";
for(var j = 0; j < item.actor.length; j++) {
actor.innerHTML += item.actor[j].content + " ";
}
//actor.innerHTML += "배우: " + actor_all;
openinfo.innerHTML += "개봉: " + item.open_info[0].content;
li.innerHTML += "<img src=\'"+item.thumbnail[0].content+"\'>";
content_wrap.appendChild(title);
content_wrap.appendChild(director);
content_wrap.appendChild(actor);
content_wrap.appendChild(openinfo);
li.appendChild(content_wrap);
parent.document.getElementById("select_movie").innerHTML=""
parent.document.getElementById("select_movie").appendChild(li);
// self.close();
parent.SLB();
}
window.onload = function()
{
obj.init();
obj.pingSearch();
};
</script>
</head>
<body>
<div id="divSearch">
<input id="q" type="text" value=""/>
<input id="b" type="image" value="검색" src="../img/btn_search.gif" align="absmiddle"/>
</div>
<div id="search_movie"></div>
</body>
</html>
-------------------------------------------
