2014年4月16日水曜日

ダイアログボックスを使ってお知らせを表示する

Monacaでのダイアログボックスを表示するにはAlert命令を使います。

0.最小限のプロジェクトを用意(最小限のプロジェクトの作り方)

1.書いてみます。 index.htmlファイル内の Your code hereを消して、

初期の状態
<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <script src="plugins/plugin-loader.js"></script>
    <link rel="stylesheet" href="plugins/plugin-loader.css">
    <script>
        // Set virtual screen width size to 640 pixels
        monaca.viewport({width: 640});
    </script>
</head>
<body>

  Your code here

</body>
</html>



次のように、追加します。

<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <script src="plugins/plugin-loader.js"></script>
    <link rel="stylesheet" href="plugins/plugin-loader.css">
    <script>
        // Set virtual screen width size to 640 pixels
        monaca.viewport({width: 640});
    </script>
</head>
<body>
  <script type="text/javascript">
    alert("こんにちは");
  </script>

</body>
</html>

2.書き方は以下の通りです。

[書式]
alert(message)

message : ダイアログへ表示するメッセージを指定

<返り値>
なし

【説明】alert命令を使うときには、<script>タグの中で使う必要があります。
ダイアログへ表示するメッセージの指定では、文字列の場合、ダブルコーテーションで挟む必要があります。

命令の末尾には、; を入力するのを忘れずに。区切りとして機能します。

改行したい場合には、\n を入力します。

3.スマホで実行画面

























0 件のコメント:

コメントを投稿