SAMPLE9924

メニュー画面への機能展開

URLコピー

メニューをクリックする事で、別ウィンドウではなく、メニュー画面の右側領域に機能を表示するサンプルです。
メニュー画面左上のハンバーガーアイコン(三本線)をクリックする事で、メニュー領域を縮める事が可能です。


画面イメージ:メニュー選択前


画面イメージ:メニュー選択後


画面イメージ:ハンバーガーアイコンクリック



※ 注意:本サンプルを使用したページでタイムアウトが発生しますと、ログイン画面が右フレームに表示されますが、フレームにはメニューがそのまま表示されます。
この動作は回避できません。

開発のポイント
talon_project.jsと、talon.cssで制御しています。
指定した機能ID(機能グループマスタメンテの機能ID)の実行の場合、メニュー右側の領域をTARGETに機能を実行しています。