FBML fb: проблемы с вкладками - PullRequest
Новая
       32

FBML fb: проблемы с вкладками

2 голосов
/ 23 сентября 2010

У меня возникла проблема при разработке моего первого API Facebook, я использую вкладки fb: в моем API.

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

<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 с id = "center-border" для рендеринга остальной части страницы, хотя между вкладками и содержимым страницы появляется большой пробел, когда я проверяю его с ошибкой запуска, это был iframe. примечание: вышеописанная проблема не появляется, если остальная часть страницы будет внутри fb: elements.
  2. при переключении между вкладками появляется логотип facebook, и я должен щелкнуть по нему, чтобы перенаправить меня на другую вкладку.
  3. Я использую приведенный выше код на каждой странице для отображения вкладок, есть ли другие способы

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

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

Обновление: Я снова искал эту проблему, теперь я могу сформулировать ее более четко, я разделю ее на этапы, чтобы быть более ясными.

  1. при использовании fb: tabs, как в коде выше, кажется, что каждый элемент fb: tab имеет свой собственный 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>

очень сожалею о длинном посте.

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

Ответы [ 2 ]

1 голос
/ 27 сентября 2010

Я не нашел решения, но я обошел эту проблему, я использовал firebug, чтобы получить собственный HTML-код для вкладок "Журнала", поместить его в файл .php и включить его при желании

файл php 

<?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 голосов
/ 25 сентября 2010

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

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

...