プロが教えるわが家の防犯対策術!

バイク王の買取り金額検索フォームの用なフォームを作りたいです。
http://www.8190.co.jp/
構成としては左右の二つのフォームで左側にはメーカーを、右側にはそのメーカーから発売されている商品を表示させ、左→右の順に選択を終えたら検索ボタンを押し、指定しているページに飛ばすといったフォームを作りたいのですが、どこか参考になるサイトや似たような作りのサンプルがあるサイトはありませんか?
ご教授頂ければ幸いです。宜しくお願いします。

このQ&Aに関連する最新のQ&A

A 回答 (2件)

セレクトボックスを連動させて内容を変えるという意味ですよね?


ぐぐってみればたくさん情報が見つかると思います。

以下、参考まで。(内容は良し悪しは確認していません)
<簡単なつくりかたサイト>
 http://www.geocities.co.jp/SiliconValley/4334/un …
 http://d.hatena.ne.jp/Mug/20060414/1145023696
 http://chaichan.web.infoseek.co.jp/src/javasc31. …
<ライブラリ化したもの>
 http://d.hatena.ne.jp/Mars/20071109
 http://www.skuare.net/2009/12/selectjavascriptde …
<データ量が多いときはajax併用で>
 http://www.devmoz.com/blog/2007/04/04/cakephp-up …
    • good
    • 0

商品リストをXMLで作っておいて、AJAXで読み込んで、selectboxを次々と


動的に作成するってのはどうです。
    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aと関連する良く見られている質問

Q入れ子のプルダウン?孫プルダウン?を作成したい

入れ子のプルダウン?孫プルダウン?を作成したい
HTMLで画像のようにリストのリスト(入れ子のリスト?孫リスト)
を作成したいのですがどうすればいいのでしょうか
プログラムコードも載せて頂きたいです。

例(プルダウンのプルダウンを作成したい)
 東京
   →渋谷
    新宿
    品川
 大阪
 名古屋
 福岡

Aベストアンサー

参照URLでは、JavaScriptを使わずにクールな多段メニューを紹介しています

参考URL:http://journal.mycom.co.jp/articles/2010/03/24/css/index.html

Qセレクトボックスの選択肢を直前の選択で変動させたい

お世話になります。

バイク王
http://www.8190.co.jp/

セレクトボックスを上記サイトのように
選択肢リストを直前の選択肢によって変化させて
さらに、セレクトボックス横のボタンのリンクも変更させたいのですが、
どのように設定すればできますか?

サイトのheadタグ内に下記の記述があるのですが、
3つ目のセレクトボックスの選択肢を設定しているのがどのファイルなのかわかりません。

上記サイトと全く同じでなくても、
セレクトボックスが3つあって、
1つ目と2つ目の選択肢によって3つ目の選択肢リストが変わり、
ボックス横のボタンのリンクも変化するフォームの作成方法を
ご存じでしたら、ぜひ教えていただけないでしょうか。
よろしくお願いいたします。




<script language="javascript" type="text/javascript">

function models_gen()
{

if ((document.sateiform.maker_id.selectedIndex > 0)&&(document.sateiform.engine_size_id.
selectedIndex > 0)){
var uri = '/online/modellist/'+document.sateiform.maker_id.value+'/'+document.sateiform.engine_size_id.value;
new Ajax.Updater('placebikelist', uri, { method: 'get'});
}
}

function satei_prepare()
{
if((document.sateiform.maker_id.selectedIndex > 0)
&&(document.sateiform.engine_size_id.selectedIndex > 0)
&&(document.sateiform.model_id.selectedIndex > 0)){
return true;
}
else{
alert('バイクを選択してください');
return false;
}
}


-->
</script>

お世話になります。

バイク王
http://www.8190.co.jp/

セレクトボックスを上記サイトのように
選択肢リストを直前の選択肢によって変化させて
さらに、セレクトボックス横のボタンのリンクも変更させたいのですが、
どのように設定すればできますか?

サイトのheadタグ内に下記の記述があるのですが、
3つ目のセレクトボックスの選択肢を設定しているのがどのファイルなのかわかりません。

上記サイトと全く同じでなくても、
セレクトボックスが3つあって、
1つ目と2つ目の選択肢によって3つ目の選択肢リスト...続きを読む

Aベストアンサー

以前にバイク王のセレクトボックスについての質問の時に作ったやつがあります。
http://oshiete.goo.ne.jp/qa/5992319.html

選択させる項目の階層構造を外部に<XML>で記述しておいて、javascriptの
XMLHttpRequestで読み込んで、selectboxを次々と動的に作成するAJAXです。

(使い方)
  new xmlselectbox(selector,xmlpath,key,callback)
  selector:セレクトボックスを書き出す領域のCSSセレクター指定
  xmlpath:読み込むXMLのファイル名(パス名)
  key:最初のセレクトボックスの項目名
  callback(省略可):コールバック関数 引数(最後のSELECTBOXのname,最後のSELECTBOXのvalue)
 (例)
  myselectbox1=xmlselectbox('#sel1','/syouhin.xml','maker',
  function(selectname,value){
  alert("選ばれたのは" + selectname +"の" + value + "です。");
  }
  );

読み込むXML(syouhin.xml)のサンプル

<?xml version="1.0" encoding="UTF-8"?>
<アイテム>
 <メーカー>111
  <タイプ>XXX
   <商品>aaa
   <価格>100</価格>
   </商品>
   <商品>bbb
   <価格>200</価格>
   </商品>
  </タイプ>
  <タイプ>YYY
   <商品>ddd
   <価格>400</価格>
   </商品>
   <商品>eee
   <価格>500</価格>
   </商品>
  </タイプ>
  <タイプ>ZZZ
   <商品>ggg
   <価格>700</価格>
   </商品>
   <商品>hhh
   <価格>800</価格>
   </商品>
  </タイプ>
 </メーカー>
 <メーカー>222
  <タイプ>OOO
   <商品>jjj
   <価格>1000</価格>
   </商品>
   <商品>kkk
   <価格>2000</価格>
   </商品>
  </タイプ>
  <タイプ>PPP
   <商品>mmm
   <価格>4000</価格>
   </商品>
   <商品>nnn
   <価格>5000</価格>
   </商品>
  </タイプ>
  <タイプ>QQQ
   <商品>ppp
   <価格>7000</価格>
   </商品>
   <商品>qqq
   <価格>8000</価格>
   </商品>
   <商品>rrr
   <価格>9000</価格>
   </商品>
  </タイプ>
 </メーカー>
</アイテム>

javascriptコード(XmlSelectBox1.js)は
https://gist.github.com/725124

HTMLサンプルは、
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>Xml Select Box</title>
<script type="text/javascript" src="XmlSelectBox1.js"></script>
</head>
<body>
<h2>Xml Select Box</h2>
<button onclick="go();">セレクトボックスを生成</button>
<div id="sel1"></div>
<script type="text/javascript">
 function go(){
  var myselectbox1 = xmlselectbox('#sel1','/syouhin.xml','メーカー',
  function(selectname,value){
  alert("選ばれたのは" + selectname +"の" + value + "です。");
  });
 }
</script>
</body>
</html>

以前にバイク王のセレクトボックスについての質問の時に作ったやつがあります。
http://oshiete.goo.ne.jp/qa/5992319.html

選択させる項目の階層構造を外部に<XML>で記述しておいて、javascriptの
XMLHttpRequestで読み込んで、selectboxを次々と動的に作成するAJAXです。

(使い方)
  new xmlselectbox(selector,xmlpath,key,callback)
  selector:セレクトボックスを書き出す領域のCSSセレクター指定
  xmlpath:読み込むXMLのファイル名(パス名)
  key:最初のセレクトボックスの項目名
  callbac...続きを読む

QSELECT文で、指定カラム以外の全カラムを一括指定って可能でしょうか

SELECT文で、指定カラム以外の全カラムを一括指定って可能でしょうか?
MYSQLサーバのバージョンは5.0.77です。

下記のように「*」を使用して指定テーブルの全カラムを表示する方法がありますが、
SELECT TableName.* FROM TableName

上記の逆で、指定テーブルの指定カラム以外の全カラムを一括指定って可能でしょうか?
例えば下記のような「^」みたいな、又は同等な書き方があれば良いなと思ってまして。
SELECT TableName.^ColumnName1 FROM TableName

ちなみに、下記のように一つ一つ表示したいカラムを指定する方法以外です。
SELECT TableName.ColumnName2 , TableName.ColumnName3 FROM TableName

よろしくお願いします。

Aベストアンサー

ない。
SQL文でそんなことをするより、メソッドとして作ればいいんじゃないですか。
だいたい、それ以外のカラムの数がわからないし、並びも不明だし。

#1に方と同じで
SELECT * from xxxx
なんてのは正気の人間は書きません。
カラムの数も位置も属性もわからないSQL文の結果をどうやって扱うのか。

Qテーブルをスクロールさせるときのスクロールの位置

お世話になります。

IE限定の質問です。

テーブルのヘッダを固定してスクロールバーを右に付けるとします。
 ↓例↓
===================================
<html>
<head>

<style type="text/css">
.FreezHeader
{
background-color:#ffffff;
position:relative;
top:expression(this.offsetParent.scrollTop);
z-index:10;
}
</style>

</head>
<body>

<div id="divFrame" style="overflow:auto; position:relative; width:100%; height:100px;">
<table cellspacing="0" cellpadding="0" width="100%" border="1">
<tr class="FreezHeader"><th>あ</th><th>か</th><th>さ</th></tr>
<tr><td>い</td><td>き</td><td>し</td></tr>
<tr><td>う</td><td>く</td><td>す</td></tr>
<tr><td>え</td><td>け</td><td>せ</td></tr>
<tr><td>お</td><td>こ</td><td>そ</td></tr>
<tr><td>あ</td><td>か</td><td>さ</td></tr>
<tr><td>い</td><td>き</td><td>し</td></tr>
<tr><td>う</td><td>く</td><td>す</td></tr>
<tr><td>え</td><td>け</td><td>せ</td></tr>
<tr><td>お</td><td>こ</td><td>そ</td></tr>
</table>
</div>

</body>
</html>
===================================


上記のような HTML を書いた場合,
【下の図】↓の「A」のように表示されます。


「A」のようにではなく
スクロールバーの位置(TOPの位置)をヘッダの下から開始させたいのです。
できれば 【下の図】↓の「B」のような感じで
それが難しいとした場合, 【下の図】↓の「C」のような感じです。

このように表示させる方法を教えていただきたく思います。


IEのみで使えれば良いので,
他のブラウザでの見え方は考えなくて良いです。
ただ,
IE 5.5 や 6 などなるべく低いバージョンでも見えるようにと
なるべく JavaScript の使用は避けて
なおかつ,なるべくシンプルな方法が希望です。

お世話になります。

IE限定の質問です。

テーブルのヘッダを固定してスクロールバーを右に付けるとします。
 ↓例↓
===================================
<html>
<head>

<style type="text/css">
.FreezHeader
{
background-color:#ffffff;
position:relative;
top:expression(this.offsetParent.scrollTop);
z-index:10;
}
</style>

</head>
<body>

<div id="divFrame" style="overflow:auto; position:relative; width:100%; height:100px;">
<table cellspacing="0" cellpadding="0" width="100%"...続きを読む

Aベストアンサー

結論です。IEでは簡単には無理です。参考サイトは最後に書いておきます。

 まず、データの多いtableは、<thead><tfoot><tbody>でマークアップすべきです。これは印刷したとき(ユーザーエージェントがページ媒体であるとき)に、それぞれのページに見出しを表示すべきだからです。先の回答を実際に印刷すると明白です。ページ媒体でスクロールは出来ませんから、overflowにscrollないしautoを指定した場合は、スタイルシートでスクリーン端末のみ適用されるよう記述することは必須です。スタイルシートのデフォルトはall(仕様書ではscreenですが、実装はallになっています。HTML5では allに変更される)

 期待のように表示させるためには、本来はtbodyにoverflowを指定すればよいのですが、これはtable要素には使えないことになっています。(IEにはバグあり使えそうに見えます)
 そのため、スタイルシートでtbodyをblockに変換してやる必要があります。しかしその時点でIEは、tbodyの高さをtrに継承してしまうバグがあります。またスクロールバー自体が表示されません。

 IEで期待通りの表らしき形にしたいのなら、table以外でマークアップしてすべての要素table,thead,tfoot,tbody,tr,td,th,col,cilgroup・・をブロックに下からスタイルシートで配置しなおさないとなりません。
 当然ですが、スタイルシートを読まないブラウザ(テキストブラウザ、点字端末、読み上げソフト、そしてプリンター)や他の端末、検索エンジンには意味が通じないことになります。

 仕方なく、table全体を<div>で囲って、thead部分をfixedで固定する方法も試したのですが、IEのみfixedで位置を決めない場合は影も形も消えうせてしまいます。--もちろん標準ブラウザではきちんと整形されます。

{IEのみで使えれば良いので,}
 は、印刷やその他すべてを犠牲にすれば、表の見出しと本体を別のtableにするなど、文書構造を無視したマークアップ・・あるいは、リストなどでマークアップすることになりますが、決してすべきではない邪道になります。

☆tbodyをscrollさせる方法は下記サイトをご覧ください。
Tableのヘッダ(thead)を固定して、<tbody>内をスクロールさせる方法 » 株式会社ジラフィー(Giraffy) ( http://giraffy.jp/blog/2009/09/11/css/107/ )

 今回は質問ありがとうございます。自分自身よい勉強になりました。IEがクソであることも再確認できたし・(笑)

結論です。IEでは簡単には無理です。参考サイトは最後に書いておきます。

 まず、データの多いtableは、<thead><tfoot><tbody>でマークアップすべきです。これは印刷したとき(ユーザーエージェントがページ媒体であるとき)に、それぞれのページに見出しを表示すべきだからです。先の回答を実際に印刷すると明白です。ページ媒体でスクロールは出来ませんから、overflowにscrollないしautoを指定した場合は、スタイルシートでスクリーン端末のみ適用されるよう記述することは必須です。スタイルシートのデフォル...続きを読む


人気Q&Aランキング