2011-03-03 3 views
1

소개소셜 플러그인은 어떻게 작동합니까? 등

내가 의 추천을, 페이스 북이 제공 같은 많은 위젯을 만들 계획입니다, 기본적 요구 사항은 다음과 같습니다

  1. 클라이언트는 우리가 제공하는 자바 스크립트가 포함됩니다 .
  2. 이제 클라이언트는 JS가있는 페이지에 위젯을 넣을 수 있습니다. 위젯 자리 표시자는 <nw:fav id="911"/>처럼 보입니다.
  3. 페이지가로드되면 자바 스크립트는 자리 표시자를 실제 HTML로 바꿉니다. JavaScript는 또한이 DIV를 동적 (아마도 long polling 사용) 내용으로 업데이트합니다.

문제

나는이 2 단계 작업을 수행하는 방법을 모르겠습니다.

자바 스크립트를 모든 <nw:... 태그와 그것의 모든 속성을 얻을 것이다 어떻게
  1. ?
  2. 태그를 실제 HTML 태그로 바꾸는 방법은 무엇입니까? 클라이언트는 또한 다른 버전 일 수 있습니다, jQuery를 사용하는 경우 우리는 충돌이 발생할 수 있기 때문에

제약

  1. 나는, JQuery와 또는 다른 JS 라이브러리를 피하기 위해 노력하고 있습니다.
  2. IFrame을 사용하고 싶지 않습니다. https://stackoverflow.com/questions/4558826/how-does-facebook-social-plugins-work-client-server-code-involved : 가능한

이 질문에 중복. 그것이 대답 되었다면, 아마도 내 문제를 해결했을 것입니다.

Tumbleweed 배지를 사용하고 싶지 않습니다. 접근 방법을 찾고 있습니다. 제안을 위해 열어 라.

감사
Nishant는

+0

어떤 브라우저를 지원 하시겠습니까? –

+0

@ 브라이언 다우닝 이상적으로 IE6를 모두 포함합니다. :). 따라서 IE6 +, FF3 +, Safari2 +. 그러나 최악의 시나리오에서는 IE6 만 제외 할 수 있습니다. 그러나 나는 Nishant

답변

3

페이스 북은 JS SDK는 오픈 소스에 연결합니다. xfbml.js 파일이 유용 할 수 있습니다. this link을 참조하십시오.

기본적으로 문서가로드 될 때 코드는 DOM이 특정 네임 스페이스가있는 요소를 찾습니다 (FB는 fb를 사용하며 nw를 사용하려는 것으로 보입니다). 해당 요소를 찾은 다음 필요한 모든 내용으로 바꿉니다.

+1

굉장! 'document.getElementsByTagNameNS'에 대해 배웠습니다. –

관련 문제