2013-08-26 2 views
0

나는 부동산 웹 사이트를 개발 중입니다. 웹 사이트는 사람들이 내 웹 사이트를 통해 부동산 목록을 볼 수있는 유료 서비스와 함께 작업하고 있습니다. 내 웹 사이트는 www.mywebsite.listingswebsite.com과 같은 다른 웹 사이트의 하위 도메인이됩니다. 목록 웹 사이트는 내가 제공 한 페이지 중 하나에서 동적으로 머리글 및 바닥 글 래퍼를 가져 와서 페이지의 가운데에 내용을 배치합니다. 그래서 이렇게 보입니다.그냥 css/js를 사용하여 페이지에 콘텐츠를 추가 할 수 있습니까?

My Header 
Their listings content that I have no control over 
My Footer 

문제는 페이지를 수정하고 싶습니다. 콘텐츠 전에 콘텐츠를 추가하고 싶습니다. 요소를 옮기고 싶습니다. 일부 요소를 삭제하고 싶습니다. 현재로서는 내가 아는 전부는 페이지에서 요소를 제거하는 것입니다. 그 방법은 Div의 ID를 찾고 CSS 파일에 display : none을 추가하는 것입니다.

하지만 페이지에 콘텐츠를 추가하고 싶다면 어떻게해야합니까? CSS/JS를 제어 할 수 있기 때문에 어떻게 할 수 있습니까? 그 내용 바로 앞에 그림을 추가하고 싶다고합시다.

+1

당신이 콘텐츠를 표시 할 iframe을를 사용하는)? –

답변

0

JQuery와 당신의 가장 친한 친구 남자, http://jquery.com은, 그냥 원하는 ID를 표적으로 할 수 있습니다 : jQuery를 약 DOM Insertion 오프이 문서에서

// Waits until the dom is ready 
$(document).ready(function(){ 
    $("#mytarget").html("this replaces all content in the target"); 
    $("#mytarget").append("this places your content after content in the target"); 
    $("#mytarget").prepend("this places your content before content in the target"); 
}); 

// Waits until everything is loaded 
$(window).load(function(){ 
    $("#mytarget").html("this replaces all content in the target"); 
    $("#mytarget").append("this places your content after content in the target"); 
    $("#mytarget").prepend("this places your content before content in the target"); 
}); 
+0

일반 자바 스크립트를 작성하는 것과 같은 방식으로 jQuery를 작성할 수 있습니까? js 파일에 넣고 링크하면됩니까? – Mike

+0

파일을 다운로드했습니다. 알아 냈습니다 – Mike

+0

전치부를 사용했습니다. 그것은 내 자신의 페이지에서 테스트 할 때 작동합니다. 그러나 내 (하위 도메인 페이지)가 아닌 페이지에서 div ID를 입력하면 작동하지 않습니다. 내 생각 엔 머리글과 바닥 글 래퍼를 먼저 가져온 다음 div를로드하므로 연결되지 않습니다. 어떤 아이디어? – Mike

0

봐,이 약 Css, 그들은 당신이 조작해야하는 것을 모두 포함 DOM 요소.

0

Jquery를 사용하는 경우 append, preprend, "after"또는 "before"메소드가 포함 된 콘텐츠를 추가 할 수 있습니다. 희망이 당신을 도울 것입니다.

(나는, 난 단지이 링크를 게시 할 수 있지만 몇 가지 예를 원하는 경우 쉽게 찾을 수 있습니다 죄송합니다;)

관련 문제