applican

マイページに戻る

SlideMenu

スライドメニューを操作します。事前にapplican-config.xmlで設定が必要です。applican-config.xmlの設定方法はチュートリアルをご覧ください。

機能

利用用途

ページ内の上部or下部に固定したメニューを作成したい場合、こちらの機能をご利用ください。

【対応ランタイムバージョン】

ランタイムのバージョン毎に最適化したサンプルをダウンロードしてご使用ください。

サンプル SlideMenu
サンプル SlideMenu
サンプル SlideMenu
サンプル SlideMenu
サンプル SlideMenu

メソッド

getCurrentMenu

メソッド説明

getCurrentMenu(Function successCallback)

現在のスライドメニューを取得します。

パラメータ

successCallback : Function 成功時のコールバックの引数には、現在設定中のメニューの画像IDとURLの配列が渡されます。

Return

void

サンプルコード

applican.slideMenu.getCurrentMenu(getSlideMenu_Success);

function getSlideMenu_Success(result){
	var dump = "getSlideMenu_Success\n";
	var cnt = result.length;
	if(cnt>0){
		for(var i=0; i<cnt; i++){
			var menu = result[i];
			dump += "========================\n";
			dump += "image:"+menu.image+"\n";	//画像ID
			dump += "url:"+menu.url+"\n";		//URL
		}
	}
	alert(dump);
}

setMenu

メソッド説明

setMenu(Array menu)

スライドメニューを設定します。

パラメータ

menu : Array 引数には画像IDとURLの配列を指定します。

Return

void

サンプルコード

var menu = [
	{image:"menu1", url:"index.html"},
	{image:"menu2", url:"http://www.google.co.jp/"},
	{image:"menu3", url:"tab3.html"},
	{image:"menu4", url:"tab4.html"},
	{image:"menu5", url:"test/tab5.html"},
	{image:"menu1", url:"http://www.yahoo.co.jp/"}
];
applican.slideMenu.setMenu(menu);

resetMenu

メソッド説明

resetMenu()

スライドメニューをapplican-config.xmlの設定値に初期化します。

パラメータ

(none)

Return

void

サンプルコード

applican.slideMenu.resetMenu();