2011-09-28 3 views
3

죄송합니다 모두들, 저는 Ajax와 Json을 초보자로 생각합니다. 어떤 도움을 주셔서 미리 감사드립니다!JQuery Ajax 링크가없는 로컬 페이지를로드하지 않습니다.

다음과 같은 상황이 있습니다. 여러 링크를 사용하여 만든 웹 페이지가 있습니다. 이 링크의 대부분은 Wikipedia 또는 다양한 학술 자료의 페이지를 가리 킵니다. 내 페이지가로드되면 모든 링크를 사용하도록 설정해야합니다. 그러나 wikipedia/학술적 페이지를로드 할 때 링크가 비활성화 된 상태에서로드해야합니다. 요점은 질문지를 작성할 수 있도록 사용자에게 소스 목록을 제공하는 것입니다. 그러나 질문을 작성하는 동안 소스 페이지에서 다른 것들이 산만 해 지거나 1 페이지 이상 탐색 할 수 없도록하고 싶습니다 설문지에서 물러나십시오.

+0

좋은, 당신은 왜 요구하는지에 대한 정보를 지원하는 맑은 질문 : 여기

는 소스입니다. Upvote. 불행히도 나는 그 해답을 모른다. iframe에서 페이지를 열고 iframe의 링크를 사용 중지 할 수 있습니다. –

+0

제대로 작동하는지 확실하지 않으므로 공식 답변을 피하십시오. 하지만 iframe에서 wikipedia 페이지를로드 해 볼 수 있습니다. iframe의 load() 이벤트에 바인딩 한 다음 프레임의 모든 url 변경을 차단합니다. – nsanders

답변

1

좋아, 해냈어. iframe에서 페이지를 열고 투명한 배경을 사용하는 div로 iframe을 덮어야합니다. 이렇게하면 iframe을 볼 수 있지만 터치 할 수는 없습니다.

는 여기에서 방법을 가지고 : http://webdeveloper.com/forum/showthread.php?t=182260

을 그리고 이것은 내 증거입니다 :

http://jsfiddle.net/MarkKramer/jwQtd/

참고 : 사업부 전체 iframe이 적용되지 않습니다 방법 공지 사항, 나는 그것을 가지고 iframe을 감싸기에 충분할 정도로 넓게 설정되지만 스크롤 막대를 표시하여 웹 페이지를 볼 수 있고 위아래로 스크롤 할 수 있지만 클릭 할 수는 없습니다.

<div 
    id="framecover" 
    style=" 
     position:absolute; 
     width:(same as iframe -30px for the scroll bar); 
     height:(same as iframe); 
     top:(use to set over iframe) 
     right:(use to set over iframe) 
     z-index:(higher than iframe); 
     background-color: transparent;" 
     <!--change the bg-color to see where the div is when youre positioning it--> 
></div> 

<iframe src="_whatever you want_" width="_y_" height="_x_"> 
    <!--Fallback for older browsers--> 
    <p>Your browser does not support iframes.</p> 
</iframe> 
+0

이렇게하면 탭 키가있는 링크로 연결되는 것을 막을 수 있습니까? – nsanders

+0

iframe 내부에서 예, 스크롤 막대를 제외하고 iframe에서 아무 것도 만질 수 없습니다. iframe 바깥 쪽, 아니. –

+0

어떻게 작동하는지 보려면 링크 (http://ultimatemmo.webege.com/Test2.html)를보십시오. –

관련 문제