2010-07-22 6 views
1

나는 호텔을 위해 매우 간단한 예약 콘솔을 개발해야 할 의무가있다. 활성 탭이 기본 양식에 적용되고 비활성 탭이 숨겨진 양식에 적용됩니다. 탭은 클릭 할 수 있으며 해당 양식을 활성화/비활성화합니다.Facebook에서 FBML으로 작업 할 때 알아야 할 사항은 무엇입니까?

지금까지 내가 계획 한 내용은 기본 HTML 아래에 stylescript 개의 요소를 포함 시켰습니다.

질문 1.1 : HTML의 경우, 내가 원하는대로 직접 진행하거나 제한 할 수 있습니까? 양식과 같은 오래된 것들에 대해 페이스 북 관련 요소를 사용해야합니까?

<ul> 
    <li id="tab"><a href="#blah">text</a></li> 
    <li id="tab2"><a href="#blah">text</a></li> 
</ul> 
<form id="hidden">blah</form> 
<script> 
(function() { 
var tab = document.getElementById('tab'), 
    tab2 = document.getElementById('tab2'); 
    tab2.onclick = function() { 
     document.getElementById('hidden').style.display=''; 
     return false; 
    } 
})(); 
</script> 
<style> #hidden { display:none; }</style> 

질문 1.2 :

는 여기에 코드 조각의 예를 들어 내가 사용하는 것입니다 함정이 코드가 있습니까? Facebook이 마크 업과 js를 변환하는 방식 때문에 개인 네임 스페이스/익명 함수에 의존하는 것이 좋지 않습니까? 페이스 북의 "변환기"가 구문 분석하고 "다시 컴파일"하기가 쉬우므로 이벤트 기반 동작을 위해 onclick과 같은 인라인 이벤트 처리기를 사용해야합니까?

다른 배경 정보 :

이 위젯 공유 버튼, 로그인, 사진의 어떤 종류가 없습니다. 도착/출발 텍스트 필드는 이며, 성인/어린이는 드롭 다운 이며 제출 버튼은 거의 구성되지 않습니다. 이것은 두 가지 형식 모두에 해당됩니다.

답변

0

FBML에 대해 알아야 할 중요한 점은 Facebook에 deprecated FBML pages의 iframe 페이지가 있다는 것입니다. 새로운 iframe 페이지 사용에 대한 좋은 점은 CSS, HTML 및 자바 스크립트 측면에서 원하는 모든 것을 페이지에서 수행 할 수 있다는 것입니다. FBML에 대해 묻는 동안 많은 문제가 있었지만 대다수는 사라졌습니다.

관련 문제