묻고답하기
내용직접입력하기에서 input 입력 -> iframe 출력
2015.06.25 16:21
테스트용으로 일반 브라우져에서 샘플 뽑아 봤을때는 정상적으로 작동하는데
위젯페이지에서 직접내용 추가로 아래와 같은 소스로 입력했을때는
google/Pumed 는 정상작동 하는데(windows open)
wikipedia는 작동을 안합니다(iframe)
구글이랑 퍼매드는 새창으로 뜨게 만들었고
위키피디아는 아이프레임으로 현재창에 디스플레이 되도록 만들었습니다.
소스에서 위젯에서는 안통하는 소스가 있는건가요?ㅠㅠ
해드부분 스타일은 디자인관리 에 헤더부분 입력하도록 되어있는 칸에 입력하였고
바디부분만 직접내용입력 에 입력하였습니다.
---------------샘플소스-------------------
<html>
<head>
<style type="text/css">
@import url(http://www.google.com/cse/api/branding.css);
</style>
<script>
function search(tempForm){
var selectmenu = document.getElementById("meta")
var tempIframe = document.getElementById("wikiIframe");
tempIframe.style.display="none";
var selectedValue = "";
var tempUrl = "";
for (optionIndex=0;optionIndex<selectmenu.options.length;optionIndex++)
{
if(selectmenu.options[optionIndex].selected==true){
selectedValue = selectmenu.options[optionIndex].value;
}
}
switch(selectedValue)
{
case "google" :
tempUrl = "http://www.google.co.kr/search?q=";
tempUrl = tempUrl + tempForm.q.value;
window.open(tempUrl, 'serchWindow', 'width=1200, height=800, menubar=no, status=no, toolbar=no, scrollbars=yes');
break;
case "pubmed" :
tempUrl = "http://www.ncbi.nlm.nih.gov/pubmed/?term=";
tempUrl = tempUrl + tempForm.q.value;
window.open(tempUrl, 'serchWindow', 'width=1200, height=800, menubar=no, status=no, toolbar=no, scrollbars=yes');
break;
case "wiki" :
tempIframe.src = "https://en.m.wikipedia.org/wiki/" + tempForm.q.value;
tempIframe.style.display = "block";
//tempIframe.locaion.reload();
break;
default :
break;
}
return false;
}
function detailSearch(){
window.open("http://www.google.co.kr/advanced_search?hl=ko&authuser=0", 'serchWindow', 'width=1200, height=800, menubar=no, status=no, toolbar=no, scrollbars=yes');
}
function enterEvent(event,tempForm2){
if(event.keyCode==13)
{
search(tempForm2);
return false;
}
return false;
}
</script>
</head>
<body>
<div class="cse-branding-bottom" style="background-color:#FFFFFF;color:#000000">
<div class=cse-branding-logo>
<img alt="Google" src="http://www.google.com/images/poweredby_transparent/poweredby_FFFFFF.gif">
</div>
<div class="cse-branding-form">
<form id=cse-search-box action="javascript:search(this.form)">
<select name="meta" id="meta">
<option value="google" selected="selected">GOOGLE</option>
<option value="pubmed">Pubmed</option>
<option value="wiki">WIKIPEDIA</option>
</select>
<!--<input type="hidden" value="UTF-8" name="ie">-->
<input type="text" id="q" size="40" name="q" onKeyPress="enterEvent(event,this.form);" value="">
<input type="text" id="p" size="0" name="p" style="DISPLAY: none;" value=""><!-- dummy input input type test가 하나 일 경우 엔터는 바로 submit 되는 그지 같은 현상이 발생됨 --;;; -->
<!--<input type="hidden" value="hl" name="ko">
<input type="hidden" value="source" name="hq">-->
<input type="button" value="검색" onclick="search(this.form);">
<input type="button" value="고급검색" onclick="detailSearch();">
<br>
<iframe id="wikiIframe" src ="" width="500" height="600" frameborder="0" style="DISPLAY: block;"></iframe>
</form>
</div>
</div>
</body>
</html>
