Мне было поручено разработать довольно простую консоль бронирования для отеля. Он имеет две <form>
с соответствующими вкладками, активная вкладка применяется к форме по умолчанию, а неактивная вкладка применяется к скрытой форме. На вкладки можно нажимать, и они могут включать / отключать соответствующие формы.
Пока что я планирую встроить элементы style
и script
ниже моего основного HTML.
Вопрос 1.1 : Что касается HTML, могу ли я просто пойти дальше и делать то, что я хочу, или я ограничен? Нужно ли использовать какие-либо элементы, относящиеся к Facebook, для простых старых вещей, таких как формы?
Вот пример фрагмента, который я бы использовал:
<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
, для поведения, основанного на событиях, потому что «конвертеру» Facebook будет проще его проанализировать и «перекомпилировать»?
Другая справочная информация:
Этот виджет не имеет каких-либо
поделиться кнопками, логином, картинками. Это
в значительной степени будет состоять из
текстовое поле прибытия / отъезда, выпадающие списки
для взрослых / детей и кнопку отправки.
Это касается обеих форм.