2010-09-23 6 views
2

У меня возникла проблема при разработке моей первой facebook api, я использую fb: tabs в моей api.FBML fb: проблемы с вкладками

Но у меня есть некоторые проблемы.

<div> 
     <fb:serverfbml style="width: 650px;"> 
      <script type="text/fbml"> 
        <fb:fbml> 
        <fb:tabs> 
        <fb:tab-item href="http://apps.facebook.com/myapi/invite.php" title="Invite Friends" selected="true"/> 
        <fb:tab-item href="http://apps.facebook.com/myapi/inbox.php" title="inbox"/> 
        <fb:tab-item href="http://apps.facebook.com/myapi/sent.php" title="sent"/> 
        title="comm" align="right"/> 
        </fb:tabs> 
        </fb:fbml> 
      </script> 
     </fb:serverfbml> 
     <div id="center-border"> 

     </div> 
    </div> 

Я использовал приведенный выше код для визуализации вкладок.

  1. Я использую DIV с идентификатором = «центр-границей», чтобы сделать остальную часть страницы, хотя большая болтливость появляется между вкладками и содержимым страницы, когда я проверить его с огнем ошибкой это IFrame , Примечание: вышеупомянутая проблема не появляется, когда остальная часть страницы будет fb: элементы внутри.
  2. при переключении между вкладками появляется логотип facebook, и я должен щелкнуть его, чтобы перенаправить меня на другую вкладку.
  3. Я использую приведенный выше код на каждой странице, чтобы сделать вкладки, есть ли другие способы

обновление: Я решил вторую проблему, заменив ссылки на вкладках по фактической ссылке в моем случае это был локальный хост так:

<fb:tab-item href="http://localhost/facebook......./invite.php" title="Invite Friends" /> 

обновление: Я искал в этой проблеме еще раз, теперь я могу изложить это более ясно, я буду делить его на шаги, чтобы быть более ясным.

  1. при использовании фба: вкладки, как выше кода, кажется, что каждый из фба: вкладка-элемент имеет свой собственный IFRAME, что «HREF» ссылка визуализируется на нем (я понял, что с помощью Firebug)

  2. при нажатии на вкладку связанная страница появляется без проблем, проблема в том, что вкладки исчезают.

  3. , чтобы избежать исчезновения вкладок, я должен поместить вышеуказанный код на каждую страницу и изменить выбранную вкладку.

  4. то промежуток, который появляется между панелью вкладок и содержимым страницы, является iframe вкладок, которые ничего не отображают, а содержимое отображается в «правильном» iframe ниже.

  5. Как я уже упоминал выше, проблема не возникает, если визуализировать страницу «встроенной» приглашающей стороны facebook.

  6. Одним из решений, которые, как я думал, является создание fb: «X», который может отображать элемент HTML «например», чтобы я мог обойти эту проблему, но я не нашел такой вещи.

обновление: я мог исправить проблему 3, поставив выше код в PHP файл и включить его в случае необходимости, мы можем изменить выбранные вкладки, как, что:

<?php $page = basename($_SERVER['PHP_SELF']);?> 
<fb:tabs> 
    <fb:tab-item href="http://localhost/facebook......./invite.php" title="Invite Friends" <?php if ($page == 'invite.php'):?>selected="true"<?php endif;?>/> 
    <fb:tab-item href="http://localhost/facebook......./inbox.php" title="inbox" <?php if ($page == 'inbox.php'):?>selected="true"<?php endif;?>/> 
    <fb:tab-item href="http://localhost/facebook......./sent.php" title="sent" <?php if ($page == 'sent.php'):?>selected="true"<?php endif;?>/> 
</fb:tabs> 

очень жаль о длинный пост.

любая помощь будет оценена по достоинству. Заранее спасибо

ответ

0

Предлагаю вам перейти на сайт www.facebook.com/thefanpagefactory Вы найдете здесь свой ответ. Просто спроси.

Наслаждайтесь!

+0

спасибо, я попробую это. – omar

1

я не нашел решение, но я получил эту проблему, я использовал поджигатель, чтобы получить нативный код для книжных закладок для лица и поместить его в .php файл, и включить его при желании

php file

<?php $page = basename($_SERVER['PHP_SELF']);?> 
<html> 
    <head> 
     <link href="http://static.ak.fbcdn.net/rsrc.php/z29RQ/hash/hdvsb40e.css" rel="stylesheet" type="text/css"> 
     <link href="http://static.ak.fbcdn.net/rsrc.php/z1LB3/hash/7zqkk7tm.css" rel="stylesheet" type="text/css"> 
     <link href="http://static.ak.fbcdn.net/rsrc.php/zD8FK/hash/87ukiib8.css" rel="stylesheet" type="text/css"> 
    </head> 
    </body> 
    <div class="fb_protected_wrapper" fb_protected="true"> 
     <div class="tabs clearfix"> 
      <center> 
       <div class="left_tabs"> 
        <ul id="toggle_tabs_unused" class="toggle_tabs"> 
         <li class="first "> 
          <a onmousedown="" onclick="return true;" class="<?php if ($page == 'invite.php') echo "selected";?>" href="http://localhost/facebook....../invite.php">Invite Friends</a> 
         </li> 
         <li> 
          <a onmousedown="" onclick="return true;" class="<?php if ($page == 'inbox.php') echo "selected";?>" href="http://localhost/facebook....../inbox.php">inbox</a> 
         </li> 
         <li class="last "> 
          <a onmousedown="" onclick="return true;" class="<?php if ($page == 'sent.php') echo "selected";?>" href="http://localhost/facebook...../sent.php">sent</a> 
         </li> 

        </ul> 
       </div> 
      </center> 
     </div> 
    </div> 
    </body> 
</html> 
+0

Очень полезно - я использовал этот подход, поэтому я мог бы использовать ajax в событии onclick - спасибо за публикацию! – metadaddy

Смежные вопросы