2014-09-02 2 views
0

는 내가 뭘 원하는 이러한 목표를 달성하기 위해div가 아닌 오른쪽 하단에 HTML 페이지를 표시하는 방법은 무엇입니까?

enter image description here

아래, 내가하지 않으려처럼 내 JS 스크립트를 통해 페이지의 오른쪽 하단 모서리에 HTML 페이지의 내용을 표시하는 것입니다 페이지에 div를 넣은 다음 페이지가 나타나게하지만 어떻게 든 페이지를 대체적으로 배치하십시오.

목표는 페이지에서 아무것도 편집하지 말고 모든 마법은 .js 파일을 통해 수행해야합니다.

<div id="topBar"> <a href ="#" onclick="load_home()"> HOME </a> </div> 
<div id ="content"> </div> 
<script> 
function load_home() 
{ 
    document.getElementById("content").innerHTML='<object type="text/html" data="home.html" ></object>'; 
} 
</script> 

하지만 내가 오버레이하지 사업부를 배치 할 페이지를로드 : 지금은 그래서

는 내가 가지고있는 것은 이것이다.

어떻게 하시겠습니까? JQuery와 당신과 함께 확인하는 경우

+0

다음 시도 할 수 있습니다. 'iframe'은 페이지의 오른쪽 하단에 위치 할 것입니다. – Catalin

+0

@RaraituL 나는 페이지를 편집하고 싶지 않고 코드가 iframe없이 다른 도메인에서 HTML을로드하는 것으로 설명했습니다. – EnexoOnoma

+0

수동으로 추가하지 않고 페이지의 콘텐츠를 페이지에 추가 하시겠습니까? 또는 귀하의 페이지의 html 컨텐츠를 수정하지 않고도 컨텐츠를 표시하고 싶습니까? – Catalin

답변

0

는, 당신은 다음과 같은 옵션 http://www.erichynds.com/examples/jquery-notify/

http://notifyjs.com/ 에 모습을 가질 수 있습니다 당신은로드 할 수 있습니다

(이 사람은 위의 이미지에 설명 된 것과 같은 동일한 효과가 있습니다) HTML 페이지를 AJAX를 통해 다운로드 한 다음 위의 플러그인 중 하나를 사용하여 만든 DIV로 렌더링합니다.

크로스 도메인의 경우이 방법 당신은 다른 HTML 페이지의 내용을 표시 할 경우`iframe`를 만들 필요가 http://www.leggetter.co.uk/2010/03/12/making-cross-domain-javascript-requests-using-xmlhttprequest-or-xdomainrequest.html

+0

좋은 링크입니다. 고마워요. 이것들은 단지 Javascript로 할 수 있습니까? – EnexoOnoma

+0

예 @Xalloumokkelos 당신은 틀림없이 JavaScript로 이것을 할 수 있습니다. – CuriousMind

관련 문제