•  03-07-2019
  •  | 
  •  

문제

iframes를 사용하여 사이트 내 링크 테이블에서 작업하고 있습니다. 두 개의 다른 대상 프레임 내에서 두 개의 동시 대상으로 이동하기 위해 링크를 코딩 할 방법이 있는지 궁금합니다. 나는 오후 내내 읽었고 내가하고 싶은 일에 가까운 것을 찾을 수 없습니다. 기본적으로 하나의 링크가 하나의 iframe에 사진을 제시하고 다른 iframe의 일부 데이터를 제시하려고합니다. 어떤 아이디어?

도움이 되었습니까?

해결책

짧은 대답 : 아니요.

더 긴 답변 : 설명한 내용을 사용하면 엄격하게 x/html을 사용하면 불가능합니다. 그러나 iframe SRC를 변경하기 위해 JavaScript를 추가 할 수 있습니다. 같은 것 :

function click_link(id) {
    document.getElementById('iframe1').src = "page.ext?id=" + id;
    document.getElementById('iframe2').src = "other_page.ext?id=" + id;
}

그러나 물론, 당신은 어쨌든 iframes를 사용해서는 안됩니다 ...

다른 팁

쉬운 방법은 JavaScript이지만 그 방법은 이미 답변되었습니다. 이 작업을 수행하는 유일한 방법 (JavaScript에 의존하지 않고)은 serverside입니다.

u003Ca target >변경하려는 모든 프레임이 포함 된 상단 프레임 세트로 다시 링크를 만들고 서버 사이드에서 프레임의 SRC 속성을 변경하십시오.u003C/a>

프레임을 사용하지 마십시오. 그들은 유용성에 좋지 않으며 SEO에게는 좋지 않으며 이와 같은 문제를 일으 킵니다.

이것은 도움이되지 않는 조언처럼 보일지 모르지만 실제로 장기적으로는 많은 두통을 피할 것입니다.

서버 측에서 파일을 병합하면 모든 브라우저, 검색 엔진 등에 문제없이 작동합니다. 간단한 페이지를 다시로드하면 2 IFRAME를로드하는 것보다 느리지 않아도됩니다.

또는 설명이있는 사진을 표시하는 경우 간단한 DHTML이 작업을 수행 할 수 있습니다.

img.onclick = function(){
   $('bigphoto').src = this.src.replace(/_small/,'_big');
   $('description').innerHTML = this.title;
}
라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top