Pull to refresh
  • by relevance
  • by date
  • by rating

В конце этого года наступит эпоха вмешательства сайтов в контекстное меню браузеров посредством HTML5

Website development *
Всякий, кто читал сколько-нибудь недавний черновик стандарта HTML5 и доходил там до подраздела 4.11.4.3 Context menus»), уж конечно видал в нём, что стародавнему элементу <menu> придали новый смысл — так что он может использоваться, в частности, для пополнения контекстного меню некоторого элемента формы новыми командами, вызывающими на исполнение джаваскрипты:

<form name="npc">
   <label>Character name:
      <input name=char type=text contextmenu=namemenu required>
   </label>
   <menu type=context id=namemenu>
      <command label="Pick random name"
         onclick="document.forms.npc.elements.char.value = getRandomName()">
      <command label="Prefill other fields based on name"
         onclick="prefillFields(document.forms.npc.elements.char.value)">
   </menu>
</form>

Некоторое время нововведение можно было попросту игнорировать: право же, ну какое значение мог иметь кусок черновика, не поддерживаемый ещё ни одним браузером?

Но это время стремительно близится к концу.

На днях вышел Firefox 6. И новый шестинедельный цикл разработки Файерфоксов означает, что через ≈12 недель (через ≈три месяца, в ноябре нынешнего 2011 года) выйдет и Firefox 8, сейчас находящийся в состоянии «Aurora» (то есть в фазе альфа-тестирования).

Firefox 8, господа, будет поддерживать атрибут contextmenu; у всех вас (да и у меня также) есть не более двенадцати недель для подготовки к появлению вышеописанного нововведения в массовой реальности.
Total votes 54: ↑45 and ↓9 +36
Views 788
Comments 73

Контекстные меню на языке HTML5 пришли, и выглядят они сносно

Firefox
Tutorial
Пару раз на Хабрахабре я упоминал ужé ([1], [2]), что Firefox 8 станет поддерживать контекстные меню, написанные на языке HTML5. Именно поэтому, едва мой Firefox по бета-каналу обновился до версии 8 beta, я пошёл пощупать, как эти меню будут выглядеть. Мне достаточно было из статьи «Firefox 8 for developers» по гиперссылкам допрыгать до соответствующей демонстрационной страницы да жмякнуть правой кнопкою мыши — и вот что предстало моим глазам:

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

Вот полный листинг кода демонстрационной страницы:

Читать дальше →
Total votes 93: ↑77 and ↓16 +61
Views 4.6K
Comments 41