• ベストアンサー
※ ChatGPTを利用し、要約された質問です（原文：クリックしたら順番に並び替わるようにするには）

ホームページビルダーを使用して商品一覧表を作成する際の順番並び替え方法についての質問

このQ&Aのポイント
  • 初心者の方がホームページビルダーを使用して商品一覧表を作成し、特定の項目をクリックしたらその項目で並び替える方法についてわからないので、教えてください。
  • 商品一覧表は現在商品番号順に並んでいるが、価格順に並び替える方法がわからない。プログラムの知識がないため、どのようにすればいいかわからない。
  • ホームページビルダーで作成した商品一覧表の項目並び順を変更する方法について教えてください。特に価格順に並び替える方法が知りたい。
  • CGI
  • 回答数1
  • ありがとう数2

質問者が選んだベストアンサー

  • ベストアンサー
  • BLUEPIXY
  • ベストアンサー率50% (3003/5914)
回答No.1

とりあえず、javascriptで作ってみました。 表のデータは、表のまま、スクリプトと対応さえ合わせばいいです。 ---------------------------------------------------------------- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=SHIFT_JIS"> <title>価格でソート</title> <script type="text/javascript"> <!-- function sort(key, seq, kind){ //key:ソートに使う列番号、０始まり //seq:L or S 、大きい順か小さい順かを示す //kind:N or S、数字か文字かを示す //バブルソート var TB=document.getElementById('TB'); var rowsLen=TB.rows.length; var x, y; for(var i=0;i<rowsLen-1;i++){ for(var j=i+1;j<rowsLen;j++){ if(kind=='N'){ x=parseInt(TB.rows[i].cells[key].innerHTML); y=parseInt(TB.rows[j].cells[key].innerHTML); } else { x=TB.rows[i].cells[key].innerHTML; y=TB.rows[j].cells[key].innerHTML; } if(seq=='L'){ if(x < y) swapRow(i, j); } else { if(x > y) swapRow(i, j); } } } } function swapRow(r1, r2){//r 位置は、０始まり,r1<r2 var TB=document.getElementById('TB'); var colsLen=TB.rows[0].cells.length; var newTR; var newTD; newTR = TB.insertRow(r1); for(var i=0;i<colsLen;i++){ newTD = newTR.insertCell(i); newTD.innerHTML = "" + TB.rows[r2+1].cells[i].innerHTML; TB.rows[r2+1].cells[i].innerHTML=TB.rows[r1+1].cells[i].innerHTML } TB.deleteRow(r1+1); } //--> </script> </head> <body> <table border=1> <col align="left"><col align="center"><col align="left"><col span="4" col align="center"> <thead> <tr> <th onclick="sort(0, 'S', 'S')">商品番号</th> <th>商品名</th> <th onclick="sort(2, 'L', 'N')">価格</th> <th>色</th> <th>サイズ</th> <th onclick="sort(5, 'L', 'N')">在庫</th> <th>備考</th> </tr> </thead> <tbody id="TB"> <tr> <td>11BKL</td> <td>ハンドバッグ</td> <td>5500</td> <td>黒</td> <td>大</td> <td>20</td> <td>なし</td> </tr> <tr> <td>12BKM</td> <td>ハンドバッグ</td> <td>5000</td> <td>黒</td> <td>中</td> <td>40</td> <td>なし</td> </tr> <tr> <td>13BKS</td> <td>ハンドバッグ</td> <td>4800</td> <td>黒</td> <td>小</td> <td>15</td> <td>なし</td> </tr> <tr> <td>22BLM</td> <td>ハンドバッグ</td> <td>5000</td> <td>青</td> <td>中</td> <td>50</td> <td>人気商品！</td> </tr> </tbody> </table> </body> </html>

chiko0000
質問者

お礼

わぁ！ すご～い！！ わざわざ作っていただいたんですか？ どうもありがとうございます。<(_ _*)> これを自分のサイトの表示に合わせて文字を打ち変えて使えばいいんですね。 早速やってみます。 また、もしつっかえたら補足します。 そのときはよろしくお願いいたします^^

chiko0000
質問者

補足

ありがとうございました。 できました。 大変お世話になりました。 お礼と補足が反対になっちゃってスミマセン。

全文を見る
すると、全ての回答が全文表示されます。
  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. CGI

関連するQ&A

  • 【ホームページビルダー】データをリスト化したい！

    こんにちは。 ホームページを作り始めて３週間。 トップのデザインとコンテンツ（見出し）ができたので、そろそろ中身を作る作業に入ります。 そこで、質問なんですが、 よくショッピングなどのサイトで、商品を価格順（安い順、高い順）などの並び替えができるような商品リスト（？）がありますが、 あれは、高度な技術が必要なのでしょうか？ わたしもたくさんのデータがあり、順番を変えられるような機能を付けたいのですが・・・ そんなことは可能なのでしょうか？ ※プロバイダの都合で、自作のCGIは使えません。 ※ホームページビルダー８を使用しています。

    • ベストアンサー
    • HTML
  • ページに検索条件（チェック項目）をつけるには？

    Webサイトで、「条件のあるチェック項目をいくつかチェックしていくと目的の商品が絞り込まれて表に並ぶ」という機能があると思います。 たとえば価格COMの下記のページのようなかんじです（左上部にその他オプションというのがあります）。 http://kakaku.com/bb/ranking/1110000011301500000000000000000000012000/ そこで質問があるのですが、 １．このような機能はなんというプログラムで動いているのでしょうか？ ２．どのように勉強していけばいいですか？ ３．このような機能を簡単に設置できるレンタルサーバーがあるのでしょうか？（ショップカートのような機能ですか？） ４．ホームページビルダーで作れますか？ どれか一点でも教えていただければと思います。他にアドバイスがあればよろしくお願いします。

    • ベストアンサー
    • CSS
  • 表品番号などを順番に貼り付けてくれるツール？または方法ありますか？

    メールで商品番号一覧が送られて来ます その一覧から商品番号だけを 別項目に商品番号を入れ直さないといけないのですが 現在は一つ一つコピー＆ペーストで 移してるのですが・・・ 範囲を指定して、指定した番号を 一つずつ貼り付けていける方法はないでしょうか？ またはツールみたいなもの探してます 説明が下手ですいません 何か方法ありましたら御教授下さい

  • phpとaspの違いについて

    自社のホームページのリニューアルを検討中です。 業者数社に問合せ中ですが、phpとaspと会社によって提案された言語が違います。 ホームページは、殆どが静的なページで、プログラムが必要なのは、管理画面から更新のできる新着情報と商品一覧・商品詳細ページのみです。 どちらのプログラムがより良いのでしょうか？ プログラムの知識があまりありませんので、初心者にわかるようにご説明頂けたら助かります。 よろしくお願い致します。

    • ベストアンサー
    • PHP
  • サイトの表だけ更新したいのです

    ホームページ運営しておりますが、サイトに商品一覧表をのせております。更新はこの部分だけをおこなって、ページ更新をしています。この手間をなくすために、一覧表の部分だけを変えれば、簡単にサイトも更新される方法はありますでしょうか？ いまはホームページビルダーVer6を使用しております。

  • 価格表。作るならcgi ? HTML ?

    価格表を作りたいのですが、 ＨＴＭＬで作ったほうがいいのか、 ＣＧＩで作ったほうがいいのか迷ってます。 ＣＧＩは、改造するぐらいなら出来ます。 ＨＴＭＬは、ゼロから作れます。（気合いで） できればＣＧＩを使いたいのですが、 何かいいフリーソフトってありますか？ 使用方法としては、 車のパーツ販売なのですが、 ・最初にメーカーを選ぶ（１０項目） ・→車種を選ぶ（４０項目） ・→商品を選ぶ（１０項目） ・→価格が表示される。 というような感じで考えています。 アドバイスお願いします。

  • ホームページビルダーでエクセルのリンク

    お世話になります。 ホームページビルダー８です。 左フレームにボタンを配置し、右フレームにある一覧表を表示させたいと思っています。 その一覧表はエクセルで作ってあります。 左のボタンのリンク先をエクセルの一覧表にしたのですが、そのボタンをクリックすると 「エクセルファイルを開きますか？」のように聞いてきます。 「はい」と答えると、ページにエクセルが開いて入力とかもできてしまいます。 ただ単に、ボタンをクリックすると何も聞かれずにエクセルの表だけを 表示させたいのですが、出来ますか。 エクセルは１００行以上ある表です。 他にいい方法があれば教えてください。 宜しくお願いします。

  • VBAの質問です。

    エクセルVBAの質問です。商品と価格をCSVでデータを取り込んで別の表に商品一覧に価格の合計をSAMIFの常駐で出しているのですが商品項目が増えた場合に表に自動で追加できるようにしたいのですが、どのようなコードを書けばいいんでしょうか？是非教えていただけないでしょうか？

  • ファイルを右クリック時アンインストール済のものがで

    ファイルを右クリックしてコンテキストメニューを出したときに、既にアンインストールしているアプリケーションの項目が出ます。 ====================================== 開く(O) 編集'(E) ホームページ・ビルダー14で編集 ホームページ・ビルダー17で編集 ・ ・ プログラムから開く(H) 送る(N) ・ ・ ====================================== 上記の『ホームページ・ビルダー14で編集』がそうです。 アプリケーションを再インストールしてから、再度アンインストールしても消えません。 アンインストールは、コントロールパネル から入り プログラムと機能 で行いました。 FileMenu Tools といったソフトを使わずに消すことは出来ないのでしょうか？ -------------------------------------------------------------------------------- 仕 様ＯＳ Ｗｉｎｄｏｗｓ７　６４ｂｉｔ　 直前の作業 　ホームページ・ビルダー１７にアップグレードした時、「旧バージョンを削除」にチェックを入れた。　

  • ビルダーにPHPやPerl、ＣＧＩを導入することは可能ですか？

    最近ホームページビルダー１２を購入しました。 これから色々考えてホームページを作っていきたいと思ってるんですが、PHPやPerl、ＣＧＩといったプログラムを取り込むことによって便利なサイトが出来ると聞きました。 同じ作るならこれらのシステムも使ってみたいのですが、そもそもビルダーはこういうプログラムを使えるのでしょうか？ ビルダーは決まった事しか出来ないとよく言われてますが・・・ アドバイスよろしくお願いします。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する