プルダウンメニューを使ったメニュー画面

【説明】

DreamMaker2においてメニュー画面で閲覧者に登録していただく事項を製作者であるあなたが登録内容をあらかじめ用意した単語に限定できるタグです。

見本1

・どうしてもこの部分はこの中のどれかを使って欲しい場合。
選択肢を製作者側で限定したい場合。

見本2

・例えば誕生石を入力して欲しい場合に閲覧者の誰もが自分の誕生石を知っているとは限りません。
でもいちいち調べてもらうのは申し訳ない場合。
製作者があらかじめ調べて登録をスムーズに行ってもらえます。

【ソース】

では実際に作ってみましょう。

見本1の場合

メニュー画面のソースを開きます。直す個所はひとつです。

<p align="left"><input type="text" size="16" name="name×">
</td>
</tr>

赤字の「入力する部分はテキストだよ」という命令文をプルダウン式に変更します。

<p align="left"><select name="name×">
<option value="ああああ">ああああ  
<option value="いいいい">いいいい  
<option value="ううううう">ううううう  
<option value="ええええ">ええええ  
<option value="おおおお">おおおお  
</select>

</td>
</tr>

《解説》

<select name="name×"> 
この×の部分は入力項目部分です。
表示させたい場所がname1なら<select name="name1">
name2
なら<select name="name2">となります。

<option value="ああああ">ああああ  
このの部分は表示させたい単語です。
必要数に応じてこのタグを増減してください。

見本2の場合

閲覧者の手間を省く方法です。

<p align="left"><select name="name×">
<option value="1111">ああああ  
<option value="2222">いいいい  
<option value="3333">ううううう  
<option value="4444">ええええ  
<option value="5555">おおおお  
</select>

</td>
</tr>

《解説》

<option value="1111">
この1111の部分が実際に選択した部分を登録させます。

見本2で紹介した例で上げると
1月生まれを選択して登録ボタンを押したときに、登録内容には「ガーネット」と表示されます。

 

【注意点】

HP作成ソフトを使っている方は、すべてのデザインを作ってからメモ帳、もしくはテキストエディタからメニュー画面を開いてこのソースを使いましょう。

なぜならプルダウンのソースに未対応のソフトの場合、このソースを使ってから再度読み込むと

FrontPageExpressの場合




 

HPビルダー2001の場合




このように勝手にソースを付け加えられて大笑いなファイルになってしまいます。(笑)

もちろんこうなっちゃったら作り直すしかありません( ̄ - ̄)遠い目

FrontPageExpressやHPビルダー2001以外のソフトではどうなるか判りません。
ビルダーのバージョンが6や7だと作れるのかしら…情報をお待ちしております。m(_ _)m

この大笑いな状態を回避するには登録のアレンジしたメニュー画面ファイルと閲覧する小説へのリンクページファイルを別に作ればOKです。

 

★ご感想やご意見があれば一言お願いします

◆入力項目は全て必須です。(下段のフォームで投稿記事を削除出来ます)
お名前 コメント 削除キー
 

[060] 2007/01/03-00:28 : できました〜^^慣れれば面白いですね!(和泉)
[059] 2006/12/21-20:07 : 全然わからん・・・(ai)
[058] 2006/07/08-23:49 : 眠い…です(寝ろよ;(雪李)
[057] 2006/05/06-20:55 : ぁっ! できました! ありがとうございます!(空海 陸)
[056] 2006/04/20-19:49 : うひゃぁ!!あたしは失敗・・・する・・・かも・・・でも頑張ってみよ・・・(汗(わっか)
[055] 2005/12/02-18:41 : で・・・できるできる(多分)できます!(何(アヤカ)
[054] 2005/10/23-18:44 : 大丈夫大丈夫、きっとできるさ・・・(冷汗(静迅)
[053] 2005/10/17-20:10 : がっがががっがが頑張ります・・・!!自身無しッスけど・・;;(汗 ゼッテェ失敗するな、俺・・じゃなくて私 ワラ(馬路の女です(侑史)
[052] 2005/09/21-15:05 : 頑張れば出来そうですね(´Д`;) 無理だったらどーしよ 焦(葵)
[051] 2005/08/30-14:43 : もうちょっとわかりやすかったらいいなぁ・・・。(神無月)
[050] 2005/08/28-09:11 : むずずずずずかしいです。。。(優也)
[049] 2005/08/03-07:12 : こ、これは少し難しいですね・・・;もうすこし勉強してからにします^^;(朧)
[048] 2005/07/31-20:30 : 難しそうだけど教え方がとてもお上手なんでできそうです。これからも頑張ってください。(空歌)
[047] 2005/07/30-15:14 : むずかしい!!(鯱)
[046] 2005/06/02-07:44 : コレは便利ですね。いろいろと使えそうで…初心者の私にも応用が出来そうで嬉しいです。ありがとうございます(煌)
[045] 2005/05/31-19:36 : むっ・・・・・むずかしいっっ!!もうすこし、わかりやすくできないですか?(うに)
[044] 2005/03/24-11:57 : むむむ・・・むずかしいです・・・。もう少し練習してから再チャレンジしたいですね・・・。(ユウヒ)
[043] 2005/02/17-20:19 : 全く分かりません;;こんな私でも理解できるような説明をお願いしたいです;;;(藍子)
[042] 2005/01/04-18:26 : 難しいです・・・・・。馬鹿にでも出来る様には出来ませんかね(汗)(るい)
[041] 2004/12/11-09:24 : す、凄いです!前に見たときは全然分からなかったのに、今みたら解かるではありませんか!(笑)有難うございますっ!これからもがんばってくださいね!(星音)
[040] 2004/07/31-04:07 : ちょっと難しかったですが、読みなおしていたらできました!有難う御座います、これからも頑張ってください、ひっそりとですが応援してます!!(櫻)
[039] 2004/07/31-04:05 : 初めまして、ちょっと難しかったですが説明をしっかり読みなおしていたらできました!有難う御座います。ひっそりと応援させて頂いてますιこれからも頑張って下さい!(櫻)
[038] 2004/07/28-01:16 : 難しいです・・・。でも、諦めず頑張ります!(星華)
[037] 2004/07/10-15:41 : 難しいですね・・・ もう少し慣れてからにします〜(ヒロミ)
[036] 2004/05/08-13:42 : これを見て設置しようと徹夜しましたーvできましたよ!(シズク)
[035] 2004/04/30-16:26 : 凄いです、早速使ってみます(鎖羅)
[034] 2004/03/24-15:41 : む・・・難しい;でも頑張ってミマス!!(琴音)
[033] 2004/03/17-15:46 : 面白いですね!がんばります!(虎座衛門の助小太郎棒慈郎左近)
[032] 2004/03/07-21:13 : うわー!!おもしろいですね!!こんなこともできるんだー…(感涙)さっそくやってみます!!説明上手で憧れますー。(さくらもち)
[031] 2004/02/01-19:30 : う〜んわかりづらいっすねぇ・・・まだはじめてから半年も経ってないんでもうちょっとネットに詳しくなってから使わせていただきます;(香菜)
記事No: 削除キー
管理者:雷花
MiniLog Ver1.21