Не так давно я начал писать о платформе 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 на страницу, чтобы гарантировать загрузку файлов CSS:
1 | <div style="display:none"><fb:editor /></div> |
Теперь нужно определить базовую структуру формы:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 | <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).
[...] 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 [...]
Здорово!
на дворе 21 век, а в мы все еще используем таблицы для разметки!
ЗЫ
Ага, меня это тоже поразило. Но фейсбуковцев это, видимо, не сильно напрягает.
почему их это должно напрягать?
Kigorw
ну видимо потому, что есть способы куда эффективнее :)
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′ />
Дарофте,,
help!!
вопрос токого плана:
мне нуна чтобы моя апликация отображалось с лева в списке Applications.
каким пораметром управляется изменение в списке(с лево)?,
зарание благодарен…
уточнение,
при добовление моей апликации другим пользователем,
название(и ссылка) должна появится в левой понельке пользователя,,
help plizz,
Так невозможно сделать
Все получилось, правда пришлось попотеть, Спасибо большое.
to Anonymous, не говорите если не знаете, вы наверное даже не пробовали, у меня все получилось!
Aшветия
Вопрос о разметке истинно спорный, если отлично используется в редакторе то уж простите, я тоже за использование таблиц в таком случае, тем более это не случай когда не надо использовать таблицы.
Долго… Говорю, что-то не пишешь долго, я так в ремя от времени захожу поглазеть чего тут у тебя, а новых постов нету.. Мож случилось чего..? Ыть?
Чегой-то не наблюдил тут прямых контактов на сайте, решил написать каментом.
И чур я не бот :)
ЗЫ: и на RC тоже что-то не видно.. куда пропал?
Поддерживаю Рекса, ты где пропал?