2012-03-20 3 views
0

나는 html 페이지에서 iframe을 호출하고 있습니다. 웹 사이트 URL이 있습니다. 로고 위치를 변경하고 싶습니다. 나는 패딩을 추가하고 싶습니다. 그래서 웹 사이트 CSS에서 동일한 클래스를 복사하고 내 HTML 페이지에 적용! 중요하지만 작동하지 않습니다.iframe src 페이지의 클래스를 변경할 수 있습니까?

<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 


<style> 
/*website class(just for example) 
    #header_logo { 
     padding: 29px 0 18px 8px; 
    }*/ 

    // my class 

    #header_logo { 
     padding: 29px 0 18px 50px!important; 
    } 


</style> 
</head> 

<body> 
<iframe width="100%" height="600" allowtransparency="yes" frameborder="0" src="http://airtel.in"> 


</iframe> 

</body> 
</html> 

답변

1

미트, 자바 스크립트/jQuery로

당신이 ID 또는 클래스을 변경 (또는 클래스를 추가) ...

당신이 같은 뭔가를해야만 할 수있는 iframe에 내용을 찾는 :

$ ("iframe"). 내용(). 찾기 ('# selector')

+0

내가 확인했습니다 – Carlos

+0

보세요 : http://grasshopperpebbles.com/ajax/using-jquery-to- access-iframe-content에는 문제를 해결하는 데 필요한 튜토리얼 종류의 페이지가 있습니다. –

1

나는 이것이 가능하다고 생각하지 않습니다.

iframe의 페이지 스타일을 변경하려면 해당 실제 페이지의 스타일을 변경해야합니다.

동적 인 페이지를 제어 할 수있는 경우 URL에 쿼리 문자열을 전달하여 클래스가 iframe에서 볼 때만 변경되도록 할 수 있습니다. 물론 이것은 당신이 그러나 iframe에 표시되는 페이지를 제어 할 수 있는지 여부에 따라 달라집니다

if (Request.QueryString("iframeview")==1){ 
    //Make changes to add class here 
} 

:

http://airtel.in?iframeview=1 

이 그런 다음 프로그래밍 언어의 추가에 따라 예를 들어,에 SRC를 변경합니다.

관련 문제