More Related Content
Similar to MilkCocoaを使ってスタイリッシュなプレゼンをする! (20)
MilkCocoaを使ってスタイリッシュなプレゼンをする!
- 11. 実際のコード
<script type="text/javascript">
impress().init(); // impress.js初期化
var milkcocoa = new MilkCocoa('xxxxx.mlkcca.com');
var send = milkcocoa.dataStore(cnst.dataStoreName);
// milkcocoa経由でデータが渡された場合
send.on('send', function(data){
if ( cnst.vector.prev === data.value.code ) {
impress().prev(); // 前に移動(impress.jsの関数)
}
else {
impress().next(); // 次に移動(impress.jsの関数)
}
});
</script>
<script type="text/javascript">
var milkcocoa = new MilkCocoa('xxxxx.mlkcca.com');
var ds = milkcocoa.dataStore(cnst.dataStoreName); // データストア
// どちらのボタンが押されたか
var toMove = function(code){
ds.send({'code': code});
};
</script>
・・・
<div class="btn" onclick="toMove(cnst.vector.prev)">前のスライド</div>
<div class="btn" onclick="toMove(cnst.vector.next)">次のスライド</div>
プレゼンテーション側
操作画面側
※別途定数用オブジェクトにて以下のような定義もされてま
す。
var cnst = {
vector: { prev: 1, next: 2 },
dataStoreName: "mlkcca"
};