| ホームページの画面を飾るテクニック（その４） |
| ［ダイアログボックスを表示させる］ |
［４−１ 確認ダイアログボックスの表示］
下のプッシュボタン
をクリックすると
という
ダイアログボックスが表示されます。OKボタンをクリックするとイラストが変わります。
キャンセルボタンを押した場合にはイラストは変わりません。サンプルを確認して見ましょう♪
|---ﾎｰﾑﾍﾟｰｼﾞ作りで遊ぶ
| 事前準備と注意事項
|--- 1.FrontPage Expressに関して
|--- 2.FrontPage Expressの起動
| （簡単圧縮・解凍ソフト紹介）
|--- 3.新規作成−文字を書く
|--- 4.表を挿入する
|--- 5.背景を入れる
|--- 6.画像を入れる
|--- 7.音楽を入れる
|--- 8.保管する
|--- 9.プレビュー
|---10.保管したページを編集(修正）
|---11.リンクを貼る
|---12.ＣＧＩを利用する
| ｱｸｾｽｶｳﾝﾀを設置する
| 掲示板を設置する
| チャットを設置する
|---13.HOMEＰＡＧＥの登録
|---14.ＨＰをＵＰする（FFFTP）
|---15.素材のＨＰ紹介
|---16.ＨＰを飾るテクニック
作成日；２００1年０４月０１日
最終更新日；2001年04月01日
----------------------------------------------------------------------------------------------
<html>
<head>
<title>ダイアログ-確認ダイアログBOXを表示_Source</title>
</head>
<body bgcolor="#FFFFFF">
<script language="JavaScript">
<!--
imgnum=1
function Check(){
if(confirm("画像を変更しますか？")){
if(imgnum==1){
document.myimg.src="page3-mail-yo_sui04.gif";
imgnum=2;
}else if(imgnum==2){
document.myimg.src="page3-mail-pinc_yos3.gif";
imgnum=1;
}
}
}
// -->
</script>
<p align="center"><a><img src="page3-mail-pinc_yos3.gif"
width="69" height="65" name="myimg"></a>
</p>
<form>
<p align="center"><input type="button"
value="画像を変更" onclick="Check()">
</p>
</form>
</body>
</html>
----------------------------------------------------------------------------------------------
［切り換える画像の準備］
上記のソース（ＪａｖａＳｃｒｉｐｔ）を埋め込み、切り換える画像を同じフォルダ内に準備します。
画像の名称は任意に設定できますが、ソースに書き込んだ名称と同じ名称にします。
|
 |
|
| page3-mail-pinc_yos3 | page3-mail-yo_sui04 |
これで画像を切り換える場合の確認ダイアログボックスを表示する準備は完了です。
動作を確認した上で、ページを仕上げましょう。
M.Kentの遊び部屋ホームページに戻る