ホームページビルダーにてhtmlファイル内のセルを作成しています。
そこにエクセルのセルのデーターをリンクさせたいのです。

具体例を申しますと
エクセルでは
人口推移というファイルに○○市人口というsheetがあり、男女年代地区別に管理しています。
そのデーターのうちhtmlでは
男女のみ抽出して表示したいのです。抽出・・・というよりリンクです。
エクセルのデーターが更新されれば同じようにhtml内のデーターの更新させたいのです。

htmlのエクセルのタグは
<TR>
<TD class="hpb-cnt-tb-cell1">男性人口</TD>
<TD class="hpb-cnt-tb-cell2">女性人口</TD>
</TR>
<TR>
<TD class="hpb-cnt-tb-cell1"></TD>
<TD class="hpb-cnt-tb-cell2"></TD>
</TR>
<TR>
<TD class="hpb-cnt-tb-cell1"></TD>
<TD class="hpb-cnt-tb-cell2"></TD>
</TR>
といように作成してあります。

他の方法でもよいので、良い方法がありましたらお教え下さい。

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

A 回答 (2件)

通常の方法ではできないので、ajaxなどによることになるでしょう。



例えば、
http://www.openspc2.org/JavaScript/Ajax/Excel/
http://blog.sorasol.co.jp/?p=13
でも、自作は面倒なので、ライブラリなどを利用するほうが簡単でしょう。
http://feed.designlinkdatabase.net/feed/outsite_ …

さらに、Win+IE限定でよければ、VBScript、ActiveXなどを利用することで直接エクセルを開くことが可能です。ただし、たいていの場合、ユーザへのセキュリティ警告がでると思う。(通常の設定であれば)
ほかにも、IE限定ならデータバインドなんていうお便利機能も用意されているけど…
http://www.makoto3.net/document/databind/databin …

いずれにしろ、ある程度の知識が必要になるでしょうし、当たり前ですが更新したエクセルデータ(またはcsvなど)のアップロード作業は必要です。

以前、似たようなことを試みたことがありますが、エクセル本体を起動する方式だと、設置は比較的簡単ですが起動に時間がかかるので、ユーザにとっては表示までに多少なりとも待つ感じがします。
その時は結局、エクセル側のマクロで『必要なデータに変換したものをアップロードする』機能を作成しておいて、更新時に自動的にtextファイルでUPするようにしてしまい、ブラウザへの出力はCGIを利用することにしました。
これだとエクセルを起動しなくても良いので、ファイルへのアクセスも気になりません。(ajax利用でもほぼ同様でしょう)
    • good
    • 0
この回答へのお礼

データーバインドで実行してみたらうまくいきました。

お礼日時:2009/05/28 18:02

私もエクセルとホームページの連携はやったことがないですが、基本的にホームページを動的に変更させたい場合は、HTMLだけではかなり手間がかかると思いますよ。


エクセルが更新されたら、誰かがHTMLソースを直接編集して、ホームページを更新するという流れになるからです。

ホームページ上からデータを直接入力して変更したり、エクセルと動的にリンクさせるには、PerlやPHPといった言語で、プログラムを組まないと出来ないと思いますよ。

また、特定データを抽出するとなると、一般的にはMySQLやOracleといったデータベースを使用します。
テキストファイルにデータを区切って記載して、データベースの代わりとすることは出来るのですが、検索に非常に時間が掛かり、管理も煩雑になるので、データが大量にある場合は、余りオススメできませんね。

一般的にエクセルをホームページで表示する場合は、ファイルにリンクを張って、直接ブラウザにエクセルを表示するやり方が多いと思いますよ。
    • good
    • 0

このQ&Aに関連する人気のQ&A

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

このQ&Aを見た人が検索しているワード

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

Qエクセル プルダウンの作り方

お世話になります。
エクセルでプルダウンの作り方を教えていただけませんでしょうか?
住所を▼のボタンでクリックしたら【北海道,青森,秋田,岩手・・・】などの選択ができるようにしたいのです。
宜しくお願いします。

Aベストアンサー

メニューから「データ」、「入力規則」、「設定」で「入力値の種類」を「リスト」を選択します。
そうすると「元の値」という表示がでますので、そこで前もって作っておいたリストの範囲を指定します。
多くないのでしたら、そのままそこにカンマで区切って入力しても出来ます。

QHTML タグ セル内余白を無くす方法

次の様なプログラムで画像(a.gif 30x30ピクセル)を表示させると、画像とセル枠線との上下の間に余白ができる。この余白を無くす方法?

<table border="1">
<tr><td rowspan="2"><img src="a.gif"></td><td><br></td></tr>
<tr><td rowspan="2"><img src="a.gif"></td></tr>
<tr><td rowspan="2"><img src="a.gif"></td></tr>
<tr><td rowspan="2"><img src="a.gif"></td></tr>
<tr><td><br></td><td>
</table>
テーブル内を2列にして、画像を縦方向に画像高さの半分だけズラして表示したい。
セル結合をしないで、ごく普通に2行2列にすると画像とセル枠との間には余白が生じない。
セル結合した場合に生ずる余白を無くす方法を教えて下さい。エディタは「メモ帖」、OSはWinXP、ブラウザはInternet Explorer6です。

次の様なプログラムで画像(a.gif 30x30ピクセル)を表示させると、画像とセル枠線との上下の間に余白ができる。この余白を無くす方法?

<table border="1">
<tr><td rowspan="2"><img src="a.gif"></td><td><br></td></tr>
<tr><td rowspan="2"><img src="a.gif"></td></tr>
<tr><td rowspan="2"><img src="a.gif"></td></tr>
<tr><td rowspan="2"><img src="a.gif"></td></tr>
<tr><td><br></td><td>
</table>
テーブル内を2列にして、画像を縦方向に画像高さの半分だけズラして表示したい。
セル結合...続きを読む

Aベストアンサー

表を入れ子にしたらどうでしょうか↓

<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<table border="1" cellspacing="0" cellpadding="0">
<tr>
<td><img src="a.gif"></td>
</tr>
<tr>
<td><img src="a.gif"></td>
</tr>
<tr>
<td> </td>
</tr>
</table>
</td>
<td>
<table border="1" cellspacing="0" cellpadding="0">
<tr>
<td> </td>
</tr>
<tr>
<td><img src="a.gif"></td>
</tr>
<tr>
<td><img src="a.gif"></td>
</tr>
</table>
</td>
</tr>
</table>

表を入れ子にしたらどうでしょうか↓

<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<table border="1" cellspacing="0" cellpadding="0">
<tr>
<td><img src="a.gif"></td>
</tr>
<tr>
<td><img src="a.gif"></td>
</tr>
<tr>
<td> </td>
</tr>
</table>
</td>
<td>
<table border="1" cellspacing="0" cellpadding="0">
<tr>
<td>...続きを読む

Qエクセルでプルダウンメニューの作り方

  エクセルの画面で、よく三角形を逆さまにした形をクリックするといくつかメニューが出てき、どれかを選べるようになっていますが、その作り方を教えてください。
 会社で人事を担当していますが、三角形(プルダウンボタン)をクリックすると社員氏名一覧が表示され、そこから選択できるようにしたいのです。
 しばらく自力でいろいろやってみましたが、さっぱり見当がつかず、どうやればいいのか分かりませんでした。よろしくお願いします。

Aベストアンサー

こんばんは!
当方使用のExcel2003での一例です!

↓の画像のようにSheet2に名簿表を作成しておきます。
画像ではSheet2のA2セル以降を範囲指定 → 名前ボックスに仮に「名簿」と入力しOK
これで範囲指定したセルが「名簿」と名前定義されましたので、

Sheet1のリスト表示させたいセルを範囲指定 → メニュー → データ → 入力規則
→ リスト → 「元の値」の欄に
=名簿
としてOK

これでSheet1のセルをアクティブにすると右側に下向き▼が表示されますので、そこをクリック!
これで希望に近い形にならないでしょうか?
Excel2007の場合は↓のURLが参考になるかもしれません。

http://www.eurus.dti.ne.jp/~yoneyama/Excel2007/excel2007-ny_kis2.html

尚、同一Sheetに「名簿表」を作成する場合は名前定義する必要はなくて
「元の値」の右側の四角をクリックし、リスト表示したいセルをそのまま範囲指定すればOKです。

以上、お役に立てば良いのですが・・・m(_ _)m

こんばんは!
当方使用のExcel2003での一例です!

↓の画像のようにSheet2に名簿表を作成しておきます。
画像ではSheet2のA2セル以降を範囲指定 → 名前ボックスに仮に「名簿」と入力しOK
これで範囲指定したセルが「名簿」と名前定義されましたので、

Sheet1のリスト表示させたいセルを範囲指定 → メニュー → データ → 入力規則
→ リスト → 「元の値」の欄に
=名簿
としてOK

これでSheet1のセルをアクティブにすると右側に下向き▼が表示されますので、そこをクリック!
これで希望に近い形にならない...続きを読む

QDW8で置換したい。
  • dreamwever8を使っているのですが、置換で分からない所があります。
    <li><a リンク>ああああああ</a></li>
    <li><a リンク>いいいいいい</a></li>
    <li><a リンク>うううううう</a></li>
    上記の<a リンク>から中のそれぞれの文字と</a>を全て消して
    <li></li>にしたい時はどうすればいいのでしょうか?
    (※中の文字はそれぞれ全て違います。)
    どなたか分かる方いましたら教えて下さい。
    お願いします。

    Aベストアンサー

    hrefのURLが全部違うと開始タグの一括置換はDWじゃ無理かな?
    エクステンションで正規表現の置換が出来るようなものがあれば別ですが
    デフォルトでは出来なかったはず。
    確か秀丸で正規表現使う置換が出来たと思うのでお試しください。
    (なくても置換の設定が細かくできるのでDWより楽だと思います)

    Qエクセル(Excel) 納品書の作り方【画像修正版

    昨日http://oshiete.goo.ne.jp/qa/7348426.htmlで質問させていただき、詳しくご回答いただき少し進んだのですが、状況が変わったので改めて質問させていただきます。

    ■エクセル(Excel)で納品書の作成をしています。
    シート1に納品書、シート2に商品マスタ(一覧)を作っていて、シート2の一覧を反映させて
    納品書に番号を打ち込むだけで、商品名・単価までが出るシステムを作りたいのですが、
    昨日のご回答の中の「VLOOKUP」?を入れて、自分なりにマス目の数字を変えてやってみたのですが
    反映されずN/?のようなエラーになってしまいます。

    ※画像が見にくかったのでシート<CENTER></CENTER>だけにしました。

    1、上記のように、シート2との関連付けの係数を、写真の場合の数字で教えてください。

    2、合計と、合計から20%を引いた数値を割り出す関数も、写真の数字で御願いします。

    宜しくご教授お願い致します。

    Aベストアンサー

    こんばんは!
    前回投稿した者です。

    当方もかなり古い(人間も古い!なぁ~んちゃって!)Excel2003を使用しています。
    ↓の画像のようにSheet2にデータを作成しておきます。

    #N/A というエラーは、「検索値」がない!ということですので
    お示しの画像のB列にSheet2のA列にないデータを入力するとそういったエラーが表示されます。

    画像のセル配置ですと
    C4セルに
    =IF($B4="","",VLOOKUP($B4,Sheet2!$A:$C,COLUMN(B1),0))
    (「$」マークの位置に気を付けてください)
    という数式を入れD4セルまでオートフィルでコピー!
    そのまま最後の24行目までコピーしておきます。

    F4セルには
    =IF(COUNTBLANK(B4:E4),"",D4*E4)
    という数式を入れ、F24までオートフィルでコピー!

    これでB列に商品番号を入力すればSheet2のデータが反映され、
    E列に数量を入力でF列に金額が表示されると思います。

    最後に合計金額のF26セルは
    =IF(COUNT(F4:F24),SUM(F4:F24),"")
    手数料のF27セルは
    =IF(F26="","",F26*0.2)

    これで何とか形にならないでしょうか?

    ※ 振込金額の欄は不明ですので手を付けていません。

    参考になりますかね?m(_ _)m

    こんばんは!
    前回投稿した者です。

    当方もかなり古い(人間も古い!なぁ~んちゃって!)Excel2003を使用しています。
    ↓の画像のようにSheet2にデータを作成しておきます。

    #N/A というエラーは、「検索値」がない!ということですので
    お示しの画像のB列にSheet2のA列にないデータを入力するとそういったエラーが表示されます。

    画像のセル配置ですと
    C4セルに
    =IF($B4="","",VLOOKUP($B4,Sheet2!$A:$C,COLUMN(B1),0))
    (「$」マークの位置に気を付けてください)
    という数式を入れD4セルまでオートフィルで...続きを読む

    Q

    お世話になります。
    ホームページを作成する場合、見出し<h1>または<h2>の下に<p><div>で本文を記述すると、見出しと本文の間が空いてしまいます。
    この間を狭く調整する方法を探しています。
    よろしくお願いします。

    Aベストアンサー

     No. 1 のご回答のように,これはスタイルシートの範疇ですが,もう少し根本的な方法で考えてみましょう。

     おそらく,h1,h2,p の前後には,既定で 1 行分程度の空きができているはずです。そこで,それらの間の空きをすべて詰めてしまう記述を考えます。
     次の記述を <head>...</head> に加えてみてください。

    <style type="text/css">
    h1 { margin-top: 0; margin-bottom: 0 }
    h2 { margin-top: 0; margin-bottom: 0 }
    p { margin-top: 0; margin-bottom: 0 }
    </style>

    これでこれらの要素が隣接しても,ぴったりくっついて出てきます(<!-- ... --> でくくる場合もありますが,XHTML を使わなければどちらでもかまいません)。
     詰めすぎ,と思われるなら,上記の数値をいじります。およそ 1 行分を「1em」として,数値を書き換えてください(「em」をつけることが必要です)。これで,間隔を好きなように調整できます。ほかの要素でも同様ですので,例にならって書いてみてください。

     具体的には,h1 と p,h2 と p の間にできる空きだけをつぶしたい場合は,h1,h2 の下マージンと p の上マージンを狭めます。

    <style type="text/css">
    h1 { margin-bottom: 0 }
    h2 { margin-bottom: 0 }
    p { margin-top: 0 }
    </style>

    このときは,h1,h2 の上マージンと p の下マージンはそのままです。ご質問の最低限のご要望を満たすのは上記の記述になります(ぴったりくっつくのがお嫌ならば,適切な間隔を指定してください)。

     あとは,ご自分で応用なされるとよいでしょう。これを機にスタイルシート(CSS)をはじめてみたいと思われれば,参考 URL の「Let's begin CSS」あたりをおすすめしておきます。

    参考URL:http://www.tg.rim.or.jp/~hexane/ach/

     No. 1 のご回答のように,これはスタイルシートの範疇ですが,もう少し根本的な方法で考えてみましょう。

     おそらく,h1,h2,p の前後には,既定で 1 行分程度の空きができているはずです。そこで,それらの間の空きをすべて詰めてしまう記述を考えます。
     次の記述を <head>...</head> に加えてみてください。

    <style type="text/css">
    h1 { margin-top: 0; margin-bottom: 0 }
    h2 { margin-top: 0; margin-bottom: 0 }
    p { margin-top: 0; margin-bottom: 0 }
    </style>

    これでこれらの要素が...続きを読む

    Qエクセル(Excel) 納品書の作り方【改めて】

    昨日http://oshiete.goo.ne.jp/qa/7348426.htmlで質問させていただき、詳しくご回答いただき少し進んだのですが、状況が変わったので改めて質問させていただきます。

    ■エクセル(Excel)で納品書の作成をしています。
    シート1に納品書、シート2に商品マスタ(一覧)を作っていて、シート2の一覧を反映させて
    納品書に番号を打ち込むだけで、商品名・単価までが出るシステムを作りたいのですが、
    昨日のご回答の中の「VLOOKUP」?を入れて、自分なりにマス目の数字を変えてやってみたのですが
    反映されずN/?のようなエラーになってしまいます。

    ※画像が貼り付けてあります。商品名は1番以外伏せさせていただいています。
    くっつけてありますが、左側がシート1・右側がシート2です。

    1、上記のように、シート2との関連付けの係数を、写真の場合の数字で教えてください。

    2、合計と、合計から20%を引いた数値を割り出す関数も、写真の数字で御願いします。

    宜しくご教授お願い致します。

    Aベストアンサー

    画像がいまいちよく見えないのですが、納品書の項目は左から、No、商品番号、商品名、単価、数量、金額でいいのでしょうか(名前は多少違っていても意味があっていればもんだいないです)

    でしたら、
    C1セルに=IF(ISBLANK(B2),"",VLOOKUP(B2,Sheet2!$A$2:$C$200,2,FALSE))
    D1セルに=IF(ISBLANK(B2),"",VLOOKUP(B2,Sheet2!$A$2:$C$200,3,FALSE))
    E1セルは空白で
    F1セルに=IF(D2="","",D2*E2)
    といれて、C1からF1までをコピーしてその下の行にタテに貼り付ければ出来ますよ。
    おそらくエラーが出たのは、コピーしたときにVLOOKUP関数の最初のセルの指定がずれてしまっているのでは無いかと思いますよ。     

    QDreamweaverで<画像>のaltの中だけの「<」が検索できない

    Dreamweaverで<img src="s.gif" alt="<画像>">のaltの中だけの
    「<」を検索するにはどうすればよいのでしょうか?

    ご存知の方がおられましたらご回答をよろしくお願いします。

    Aベストアンサー

    > 本来alt=""の中に<>を入れてはいけないので検索できないようになっているのでしょうか?
    あなた自身が勘違いしているだけです。

    単に「<を検索する」というのでは、altの外にある<も検索します。
    それは日本語の通りです。
    「<を検索してください」と言われたときと
    「altの中の<を検索してください」と言われたときの結果は変わるはずです。

    "abc def gih mde fgd ihm"
    「最初に出てくる"d"を見つけてください。」
    と言われたとき、あなたはどのdを指しますか?
    「最初に出てくる"gの直後にあるd"を検索してください。」
    と言われたとき、あなたはどのdを指しますか?


    DWで正規表現検索ってできましたっけ?

    alt="<([^">]+)>"
    これを
    alt="($1)"

    にするとか

    とにかく
    altの中の<を検索したいのであれば、
    何らかの方法で「altの中の」をDWに教えなければなりません。

    Qエクセル2007でプルダウンで選んだものに反応

    Excel2007でプルダウンで選んだものに反応して隣のセルが自動入力される方法(エクセル2007)
    A1をプルダウンで「猫」「犬」から選べるようにし、「猫」を選んだ場合B1に自動に「111」が、「犬」を選んだ場合B1に自動に「222」と入力されるようにしたいです。
    ご教授の程、宜しくお願いします。

    Aベストアンサー

    VLOOKUP関数での方法です。
    (1)別シートに入力文字列と対応コード表を作成。(仮にSheet2のA:B列範囲で順不同)
    (2)B1に=IF(COUNTIF(Sheet2!A:A,A1),VLOOKUP(A1,Sheet2!A:B,2FALSE),"")を設定
       入力文字列が存在しない場合は空白としています。

    QCSSでの背景色を変えたい。

    下のようにTable aaa と bbbがあります。それぞれの<td>要素に
    マウスがHoverしたときに別々の色に変えたいのですが、これを
    CSS行うことは可能でしょうか?

    <table class"aaa">
      <tr>
        <td> </td>
        <td> </td>
        <td> </td>
      </tr>
    </table>


    <table class"bbb">
      <tr>
        <td> </td>
        <td> </td>
        <td> </td>
      </tr>
    </table>

    <td>中には <a hrer="・・・が入っているのですが、
    次のように行った場合、リンクアドレスが長くなるとうまく機能
    しないようなのです。

    table.aaa a:hover{
      color: #FFFFFF;
      background-color: #FF0000;
      text-decoration: none;
      padding: 5px;
    }

    table.bbb a:hover{
      color: #FFFFFF;
      background-color: #0000FF;
      text-decoration: none;
      padding: 5px;
    }

    よろしくお願いします。

    下のようにTable aaa と bbbがあります。それぞれの<td>要素に
    マウスがHoverしたときに別々の色に変えたいのですが、これを
    CSS行うことは可能でしょうか?

    <table class"aaa">
      <tr>
        <td> </td>
        <td> </td>
        <td> </td>
      </tr>
    </table>


    <table class"bbb">
      <tr>
        <td> </td>
        <td> </td>
        <td> </td>
      </tr>
    </table>

    <td>中には <a hrer="・・・が入っているのですが、
    次のように行った場合、リンクアドレスが長くなる...続きを読む

    Aベストアンサー

    こんばんは。
    この問題、私もHPで二種類の意味の違うリンクに違う色をつけたいと思いながら試みたことがありませんでした。

    興味を持ったので記述練習をしてみましたが、どうやら以下の記述でどうにかなりそうですよ。

    <headの部分>
    <style type="text/css">
    <!--
    .blue
    A:hover{color:blue;}
    .red
    A:hover{color:red;}
    -->
    </style>
    </HEAD終わり>

    <BODY部分>        
    <table class="blue"><tbody><tr><td>
    <A href="A1.htm">ABC</A>
    </td></tr></tbody></table>

    <table class="red"><tbody><tr><td>
    <A href="A2.htm">XYZ</A>
    </td></tr></tbody></table>
    </BODY終わり>

    gooの中で通常のHTML記述をしたときにどんな事が起きるか
    を知らないので4箇所で<>の中を変な書き方にしました。

    こんばんは。
    この問題、私もHPで二種類の意味の違うリンクに違う色をつけたいと思いながら試みたことがありませんでした。

    興味を持ったので記述練習をしてみましたが、どうやら以下の記述でどうにかなりそうですよ。

    <headの部分>
    <style type="text/css">
    <!--
    .blue
    A:hover{color:blue;}
    .red
    A:hover{color:red;}
    -->
    </style>
    </HEAD終わり>

    <BODY部分>        
    <table class="blue"><tbody><tr><td>
    <A href="A1.htm">ABC</A>
    </td></tr></tbody></table>

    <table class=...続きを読む


    人気Q&Aランキング

    おすすめ情報