Тэг FBML fb:editor в приложениях Facebook

Jan 16
2008 20:59 (Facebook) · English (2,558 views)

Не так давно я начал писать о платформе Facebook (см. мои заметки о setFBML и библиотеках Facebook для .NET). Сегодняшняя тема — это fb:editor. Как вы могли заметить, Facebook имеет приятный интерфейс (look and feel), и приложения, разработанные для него, должны его придерживаться. Тэг FBML fb:editor позволяет создавать формы, которые выглядят точно так же, как родные формы самого Facebook, но у него есть одно существенное ограничение: он генерирует свой собственный тэг form, а потому не может быть использован внутри серверной формы ASP.NET. В этой короткой заметке я покажу HTML, генерируемый тэгом fb:editor, и продемонстрирую, как использовать его в приложении ASP.NET.

Вот пример из документации fb:editor:

fb:editor

Для начала нам нужно включить тэг fb:editor на страницу, чтобы гарантировать загрузку файлов CSS:

<div style="display:none"><fb:editor /></div>

Теперь нужно определить базовую структуру формы:

<table class="editorkit" border="0" cellspacing="0" style="width:400px">
    <tr class="width_setter">
        <th style="width:50px"></th>
        <td></td>
    </tr>
    <tr>
        <th class="detached_label">
            <label for="login">Login:<br><small>(required)</small></label>
        </th>
        <td class="editorkit_row">
            <input name="login" id="login" />
        </td>
        <td class="right_padding"></td>
    </tr>
    <tr>
        <th></th>
        <td class="editorkit_buttonset">
            <input type="submit" class="editorkit_button action" value="Submit" />
        </td>
        <td class="right_padding"></td>
    </tr>
</table>

Кстати, в этом примере есть некоторые улучшения оригинальной разметки: мы указали атрибут for для тэга label (теперь, если вы кликните на описание, фокус перейдет на соответствующее поле), и добавили возможность помечать обязательные поля с помощью текста required (что невозможно в случае fb:editor).

Tagged , , ,

10 отзывов на 'Тэг FBML fb:editor в приложениях Facebook'

Подписаться на комментарии по RSS или TrackBack на 'Тэг FBML fb:editor в приложениях Facebook'.

1
сказал 16.01.2008 в 22.03

[...] Dmytro Shteflyuk’s Home wrote an interesting post today on fb:editor FBML tag in Facebook applicationsHere’s a quick excerpt Some time ago I have started posting about Facebook Application Platform (see my posts about setFBML and Facebook libraries for .NET). Today’s topic is fb:editor. As you may see, Facebook has nice look and feel, and all applications usually adapted in some way to its interface. fb:editor FBML tag allows you to create forms which looks just like native ones, but it has great limitation: it generates it’s own form tag, so can’t be used within ASP.NET server form. In this short post I’ll show HTML [...]

2
сказал 16.01.2008 в 22.36

Здорово!
на дворе 21 век, а в мы все еще используем таблицы для разметки!

ЗЫ

Fatal error: Call to undefined function curl_init() in /var/www/kpumuk/kpumuk.info/wp-content/plugins/openid/openid-classes.php on line 229
3
сказал 17.01.2008 в 10.02

Ага, меня это тоже поразило. Но фейсбуковцев это, видимо, не сильно напрягает.

4
сказал 21.01.2008 в 12.46

почему их это должно напрягать?

5
сказал 25.01.2008 в 5.12

Kigorw
ну видимо потому, что есть способы куда эффективнее :)

6
Saito
сказал 07.03.2008 в 0.17

Button and Profile Box Question! Please help!!!

How do I create a button on my canvas page that when clicked shows/sends the ‘ imgsrc=’http://img.youtube.com/2.jpg’ width=’340′ height=’270′ />

7
сказал 31.03.2008 в 23.42

Дарофте,,
help!!
вопрос токого плана:
мне нуна чтобы моя апликация отображалось с лева в списке Applications.
каким пораметром управляется изменение в списке(с лево)?,
зарание благодарен…

8
сказал 01.04.2008 в 0.58

уточнение,
при добовление моей апликации другим пользователем,
название(и ссылка) должна появится в левой понельке пользователя,,
help plizz,

9
Anonymous
сказал 07.04.2008 в 15.45

Так невозможно сделать

10
сказал 25.04.2008 в 12.25

Все получилось, правда пришлось попотеть, Спасибо большое.

to Anonymous, не говорите если не знаете, вы наверное даже не пробовали, у меня все получилось!

Оставить отзыв

Вы можете использовать простые теги форматирования HTML (вроде <a>, <ul> and others). Чтобы вставить пример код, используйте <code lang="php">$a = "hello";</code> (поддерживаемые языки: ruby, php, yaml, html, csharp, javascript). Также Вы можете использовать <code>$a = "hello";</code>, синтаксис не будет подсвечен. Если вы не хотите использовать тег <code>, замените символ < на &lt;.

Отправить

 
Copyright © 2005 - 2008, Dmytro Shteflyuk