2012-09-24 3 views
0

전문적인 목적을 가진 HTML 웹 페이지가 있습니다. 그러나 내 사이트/앱의 다른 곳에서 사용되는 일반적인 액션 세트가있는 HTML 페이지도 있습니다.같은 사이트의 다른 페이지에 HTML이 포함되어 있습니까?

특정 페이지

<html> 
    <head><title>Specific Page</title></head> 
    <body> 
    <h1>My Specific Action</h1> 

    <div id="NameAction"> 
     <!-- Action HTML goes here... --> 
    </div> 
    </body> 
</html> 

일반 동작 문제는, 나는 특정 페이지의 NameAction의 사업부로 일반 작업 HTML를 삽입하고자하는 것입니다

<html> 
    <body> 
    Please tell me your name... 
    <input id="NameText" type="text" size="50" /> 
    <input id="NameSubmit" type="submit" /> 
    </body> 
</html> 

. 이 일을 수행하는 방법은 무엇입니까? 두 HTML 조각은 (프런트 엔드에 자바 스크립트를 상호 작용하는 당신은 다른에 하나의 HTML 문서를 포함하는 방법은 iframe을 사용할 수

<html> 
    <head><title>Specific Page</title></head> 
    <body> 
    <h1>My Specific Action</h1> 

    <div id="NameAction"> 
     <iframe src="Path-to-generic-html" /> 
    </div> 
    </body> 
</html> 
+0

iFrame을 또는 포함은 가장 일반적인 것입니다. – j08691

+0

iFrames는 내가 작업하고있는 프로젝트가 가고 싶어하는 방식이 아닙니다. 어떻게 이것을 수행합니까? –

+2

@AndrewGray는 SSI (서버 측 포함) 작업을 수행합니다 (예 :''? – starbeamrainbowlabs

답변

0

사용 iframe을하지만이 어렵게 만든다 , 등).

일반 작업 조각

Please tell me your name... 
<input id="NameText" type="text" size="50" /> 
<input id="NameSubmit" type="submit" /> 
가 : 당신이 (JSP, PHP, ASP)를 사용중인 템플릿 엔진 (포함 서버 측) 다음에 따라 당신은 페이지에 HTML 조각을 포함 할 수 있어야한다

특정 페이지

<html> 
    <head><title>Specific Page</title></head> 
    <body> 
    <h1>My Specific Action</h1> 

    <div id="NameAction"> 
     <% include generic action fragment here using engine specific code %> 
    </div> 
    </body> 
</html> 
+1

I 프레임은 최후의 수단이어야합니다. 동일한 도메인에서 호스팅되는 콘텐츠에 대해 이야기 할 때 매우 바람직하지 않은 솔루션입니다. – threejeez

0

+0

JavaScript를 활용하는 더 좋은 방법은 무엇입니까? 이런 종류의 기능을 제공하는 일종의 jQuery 시스템이 있습니까? –

+2

그것은 당신이 성취하고자하는 것에 달려 있습니다. 이 두 입력 태그를 여러 위치에 넣으려고하는 경우 페이지를 렌더링하기 전에 백엔드에 배치하는 것이 가장 좋습니다. jQuery (html 조각을 반환하고 DOM을 업데이트하는 아약스 호출)을 통해이 작업을 수행 할 수 있지만 수행하려는 작업에 지나치게 복잡 해 보인다. – threejeez

관련 문제