ＳＱＬの窓 イラストAC フリー素材
<< Win8 Metro(JS) : Role 属性 | TOP | Win8 Metro(JS) : Split Application : d… >>

2012年03月19日

Win8 Metro(JS) : Split Application : default.html

 


■ 左下の home の上の図形が &#xE10F; に相当します
■ position は bottom か top (右クリックでアプリケーションバーが表示されます)

WinJS.UI.getControl(document.getElementById('appbar')).show();
WinJS.UI.getControl(document.getElementById('appbar')).hide();

で アプリケーションバー を表示・非表示可能


<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>splitApp</title>

<link rel="stylesheet" href="/winjs/css/ui-dark.css" />
<script src="/winjs/js/base.js"></script>
<script src="/winjs/js/ui.js"></script>
<script src="/winjs/js/binding.js"></script>
<script src="/winjs/js/controls.js"></script>
<script src="/winjs/js/animations.js"></script>
<script src="/winjs/js/uicollections.js"></script>
<script src="/winjs/js/wwaapp.js"></script>

<link rel="stylesheet" href="/css/default.css" />
<script src="/js/default.js"></script>
</head>
<body data-homePage="/html/splitPage.html">
	<div id="contentHost"></div>
	<div
		id="appbar"
		data-win-control="WinJS.UI.AppBar"
		aria-label="Command Bar"
		data-win-options="{
			position:'bottom',
			transient:true,
			autoHide:0,
			lightDismiss:false
		}"
	>
		<div class="win-left">
			<button id="home" class="win-command">
				<span class="win-commandicon win-large">&#xE10F;</span><span class="win-label">Home</span>
			</button>
		</div>
	</div>
</body>
</html>
【オワコンの最新記事】
posted by at 2012-03-19 16:41 | Comment(0) | オワコン | このブログの読者になる | 更新情報をチェックする
SQLの窓全体の検索
Custom Search
この記事へのコメント
コメントを書く
お名前:

メールアドレス:

ホームページアドレス:

コメント:

※ブログオーナーが承認したコメントのみ表示されます。


Powered by Seesaa