- ベストアンサー
htmlとjavascriptの書き方について
- htmlとjavascriptの書き方についての要約文1
- htmlとjavascriptの書き方についての要約文2
- htmlとjavascriptの書き方についての要約文3
- takezouu
- お礼率69% (9/13)
- JavaScript
- 回答数13
- ありがとう数10
- みんなの回答 （13）
- 専門家の回答
質問者が選んだベストアンサー
その他の回答 (12)
- aoyama984
- ベストアンサー率45% (253/561)
http://note.chiebukuro.yahoo.co.jp/detail/n14189 よけいなおせわですが Ajaxのほうがよいのでは
お礼
ご回答ありがとうございます。 当方の環境を補足させて頂きます。 別のアプリケーションから3桁の"no"を指定して 当該noのhtmlファイルをブラウザ起動するシステムを使用する前提で考えています。 この為、ブラウザで"no"を指定してデータベース検索することが出来ません。 "no"の数だけhtmlファイルを作成することになるのですが... そもそもAjaxを使うほどのスキルもないので、 出来れば質問に記載したhtmlとtxtにて対応する方法をご教示頂けるとありがたいです。。
- dscripty
- ベストアンサー率51% (166/325)
どうせ JavaScript つかうなら、XMLHttpRequest で CSV ファイルを読み込んでパースするか、 CSV をやめて JSONP 形式にして callback 関数で JavaScript Object を処理したほうが楽しいとおもうけど、あくまで、データバインド？
お礼
ご回答ありがとうございます。 データバインドにこだわりがあるわけでもなく、 要件に沿って調べた結果データバインドに辿りついた次第です。 以下要件になります。 既存のアプリケーションにて3桁のNoを指定してブラウザ起動ボタンを押下する。 指定フォルダのhtmlファイルが起動する（xxx.html） ブラウザ上に3桁のNoに関連する情報だけが表示される 全Noの情報はtxtに記載して管理する。 全No分のhtmlファイルが必要となるが、 ファイル名を変更したものを格納するだけでよいので、そこまで手間ではない。 現在は、htmlファイルに直接情報を記載しているので、 情報が更新された場合にhtmlファイルを手書き修正する必要があり、 管理が大変で困っておりました。 可能であれば質問に記載されたサンプルでの解決方法をご教示頂けると助かります。
- 1
- 2
関連するQ&A
- HTMLとXMLについて
仕事で困っています。 HTMLでテキストの内容表示するソースを作成しているのですが、IE10では表示できるのですが、Google Chrome,FireFoxでは表示できないのです。 <テキストの内容> name,maker,color,year:Int,price:Int アコード,ホンダ,白,92,800000 マークII,トヨタ,白,94,1500000 カムリ,トヨタ,黒,90,550000 サニー,ニッサン,シルバー,96,1200000 MPV,マツダ,赤,91,1350000 デミオ,マツダ,濃紺,95,1400000 シビック,ホンダ,青,93,1100000 シーマ,ニッサン,白,91,2100000 ゴルフ,フォルクスワーゲン,シルバー,94,1700000 シビック,ホンダ,シルバー,92,890000 カローラ,トヨタ,白,92,550000 アコード,ホンダ,濃紺,93,1200000 ステップワゴン,ホンダ,赤,96,1300000 ステップワゴン,ホンダ,白,97,1600000 スカイライン,ニッサン,シルバー,97,2000000 プリメーラ,ニッサン,白,93,650000 ユーノスロードスター,マツダ,青,94,1250000 カローラ,トヨタ,白,90,450000 ゴルフ,フォルクスワーゲン,黒,97,2100000 <HTMLの内容> <HTML> <HEAD> <TITLE>サンプル1</TITLE> </HEAD> <BODY> <P ALIGN=center> <SPAN ID="span1" DATASRC="#carData" DATAFLD="name"></SPAN><BR> <SPAN ID="span2" DATASRC="#carData" DATAFLD="maker"></SPAN><BR> <SPAN ID="span3" DATASRC="#carData" DATAFLD="color"></SPAN><BR> <SPAN ID="span4" DATASRC="#carData" DATAFLD="year"></SPAN><BR> <SPAN ID="span5" DATASRC="#carData" DATAFLD="price"></SPAN> </P> <!-- データソースオブジェクトの指定 --> <OBJECT ID=carData CLASSID="clsid:333C7BC4-460F-11D0-BC04-0080C7055A83"> <PARAM NAME="DataURL" VALUE="car.txt"> <PARAM NAME="UseHeader" VALUE="true"> </OBJECT> </BODY> </HTML> なぜ表示できないのか分かりません。 どなたか教えてください。
- ベストアンサー
- その他([技術者向] コンピューター)
- JavaScriptの件で、質問させてください。
JavaScriptの件で、質問させてください。 どうしても解決できない問題がありますので、よろしくお願いします。 やりたいこと：csvファイル(日本語カラム名)の内容をブラウザに表示させたい。 状況：JavaScript 、html初心者です。 JavaScript内でdocument.writeを使用してhtml文を書いています。 csvファイルのカラム名が日本語の場合、ブラウザへの表示に失敗※します。 ※カラム名だけ表示されて実際データが表示されない。 下記の例の場合、csvファイル内のカラム名を"日時"、"B"、"C"にしました。 実行するとデータは"B"、"C"の部分だけ表示されて、"日時"の部分は空白になります。 尚、csvファイルの"日時"を"A"にして、ソースも"A"を読むように変更すると データは正常にブラウザに表示されます。 ※JavaScriptをやめて、htmlだけで記述すると日本語カラム名でも 正常に表示されます。 教えていただきたいこと： ・ソース抜粋部分に記述ミスはありますでしょうか？ ・JavaScript？document.write？の記述制限でしょうか？ ・カラム名をアルファベットにすると正常に表示されるので、 不具合の原因はソース抜粋部分にあると思うのですが、 その他の部分でエラー原因となりうる場所はありますでしょうか？ ソース一部抜粋 document.open(); document.write("<object id='ID1' classid='clsid:333C7BC4-460F-11D0-BC04-0080C7055A83'>"); document.write("<param name='DataURL' value='test.csv'>"); document.write("<param name='UseHeader' value='true'>"); document.write("</object>"); document.write("<table datasrc='#ID1' border=1>"); document.write("<thead><tr>"); document.write("<th>日時</th>"); document.write("<th>場所</th>"); document.write("<th>参加人数</th>"); document.write("</tr></thead>"); document.write("<tr>"); // document.write("<td><span datafld='A'></span></td>"); document.write('<td><span datafld='日時'></span></td>'); document.write('<td><span datafld='B'></span></td>'); document.write("<td><span datafld='C'></span></td>"); document.write("</tr>"); document.close(); 質問すること自体も初めてなので、至らない点も多々あると思いますが よろしくお願いします。
- ベストアンサー
- JavaScript
- CSV形式のExcelファイルをhtmlで表示
訳あって以下のソースを使わなければなりません。 しかし、これだけではエラーになってしまいますよね？ 私は初心者なので、その他何を加えれば実行できるのか、 その基礎的な部分がまったくわかりません。 以下がそのソースです。list1というExcelのデータを表示するものです。 <HTML> <HEAD> <TITLE> </HEAD> <OBJECT CLASSID="clasid:333c7bc4-460f11d0-bc04-0080c7055a83"ID=list> <PARAM NAME="CharSet"VALUE="shift-jis"> <PARAM NAME="DataURL"VALUE="list1.txt"> <PARAM NAME="UseHeader"VALUE="true"> </OBJECT> <TABLE ID="oTable" DATASRC=#list BORDER="2" BGCOLOR="#eeeeff"> <THEAD> <TR> <TD BGCOLOR="#ddddff"><B>品番</B></TD> <TD BGCOLOR="#ddddff"><B><CENTER>品名</CENTER></B></TD> <TD BGCOLOR="#ddddff"><B>カテゴリ</B></TD> <TD BGCOLOR="#ddddff"><B>定価</B></TD> <TD BGCOLOR="#ddddff"><B>特価</B></TD> <TD BGCOLOR="#ddddff"><B>在庫</B></TD> </TR> </THEAD> <TBODY> <TR> <TD><DIV DATAFLD=no ALIGN=right></DIV></TD> <TD><DIV DATAFLD=name></DIV></TD> <TD><DIV DATAFLD=shurui></DIV></TD> <TD><DIV DATAFLD=teika ALIGN=right></DIV></TD> <TD><DIV DATAFLD=tokka ALIGN=right></DIV></TD> <TD><DIV DATAFLD=zaiko ALIGN=right></DIV></TD> </TR> </TBODY> </TABLE> </HTML> どうかお願いしますm(__)m ちなみにエラーメッセージは <object>タグにwidht属性がありません <param>タグが<applet></applet>の外にあります です。 <applet>に何を書けばいいのかわかりません。 このソースの場合、データベースのデータを表示したいだけでもjavaファイルを作らなければならないということでしょうか？ 無知でごめんなさいm(__)m 上記のソースだけ渡されてそれを実行しなければならないので、その他のことがまったくわからないのです。
- ベストアンサー
- ホームページ作成ソフト
- 分割したCSVを1つに結合させ、データバインドするには
分割したCSVデータをデータバインド時に1つにして利用したい。 【CSVファイル名】 現状：data.csv（3MB） 希望：data1.csv data2.csv data3.csv data4.csv data5.csv (各450KB) 【現行のスクリプト】 <script language="JavaScript"> function filterRec() { var check_cond = input1.value + input2.value + input3.value + input4.value + input5.value if(check_cond != "") { var cond1 = "id=" + "*" + input1.value + "*" var cond2 = "photo=" + "*" + input2.value + "*" var cond3 = "name=" + "*" + input3.value + "*" var cond4 = "setumei=" + "*" + input4.value + "*" var cond5 = "hit=" + "*" + input5.value + "*" var cond_all = cond1 + "&" + cond2 + "&" + cond3 + "&" + cond4 + "&" + cond5 JavaScriptData.object.Filter = cond_all JavaScriptData.Reset() checkCount() } } function filterReset() { input1.value = "" input2.value = "" input3.value = "" input4.value = "" input5.value = "" JavaScriptData.object.Filter = "" JavaScriptData.Reset() checkCount() } function checkTotal() { span1.innerText = JavaScriptData.recordset.recordCount span2.innerText = JavaScriptData.recordset.recordCount } function checkCount() { span1.innerText = JavaScriptData.recordset.recordCount } </script> </head> <body onload="checkTotal()"> <center><button onclick="table1.previousPage()">前の検索結果に戻る<</button><button onclick="table1.nextPage()">>次の検索結果に進む</button><button onclick="filterRec()">キーワードで絞込を実行</button><button onclick="filterReset()">絞込を解除</button> <font size="2">全<span id="span2"></span>件の中から<font color="#ff0000"><span id="span1"></span></font>件が該当しました。</font> <!--見出し設定はじまり--> <table id="table1" style="FONT-SIZE: 9pt" datasrc="#JavaScriptData" width="850" dataPageSize="5"><thead> <tr style="COLOR: white; BACKGROUND-COLOR: #d90005"> <td align="center"><strong>番号</strong><br><input id="input1" style="FONT-SIZE: 8pt" size="10"></input><br><br><br></td> <td align="center"><strong>画像</strong><br><input id="input2" style="FONT-SIZE: 8pt" size="10"><br><br><br></td> <td align="center"><strong>名称</strong><br><input id="input3" style="FONT-SIZE: 8pt" size="40"></input><br></td> <td align="center"><strong>説明</strong><br><input id="input4" style="FONT-SIZE: 8pt" size="50"></input></td> <td align="center"><strong>HIT<input id="input5" style="FONT-SIZE: 8pt" size="15"></input></td></tr></thead> <!--見出し設定おわり--> <tbody><tr style="BACKGROUND-COLOR: wheat"><td align="center"><span datafld="id" datasrc="#JavaScriptData"></span></td> <td><datasrc="#JavaScriptData"><img datafld="photo" src="#JavaScriptData"></a></td> <td><span datafld="name"></span></td> <td><span datafld="setumei"></span></td> <td><span datafld="hit"></span></td></tr></tbody></table></center> <!-- データベース用オブジェクトの指定 --> <object id="JavaScriptData" classid="clsid:333C7BC4-460F-11D0-BC04-0080C7055A83"><param name="RowDelim" value=" "><param name="FieldDelim" value=","><param name="TextQualifier" value='"'><param name="EscapeChar" value=""><param name="UseHeader" value="-1"><param name="SortAscending" value="-1"><param name="SortColumn" value=""><param name="FilterValue" value=""><param name="FilterCriterion" value="??"><param name="FilterColumn" value=""><param name="CharSet" value=""><param name="Language" value="ja"><param name="CaseSensitive" value="-1"><param name="Sort" value=""><param name="Filter" value=""><param name="AppendData" value="0"><param name="DataURL" value="data.csv"><param name="ReadyState" value="4"></object> 【経緯】 1 Ajaxを思考錯誤 (挫折) 2 <param name="AppendData" value="0">を編集 (挫折) 最後の手段として熟知者の知恵をお借りしたいと思います。
- 締切済み
- JavaScript
- javascriptで計算した結果の表示について
CSVファイルの表をhtmlで表示するものです。 そこから二つのデータ（価格・特価）を使って計算した結果（割引率）を新たに表に加えたいのですが、そのやり方がわかりません。 以下のリストに<BODY onLoad="CalcDiscountRate"()>を加える場合はどこに加えればいいでしょうか？ また、他にやり方がある場合はお願いします。 他にも間違っている箇所があった場合はお願いします。 特に<script>内は自信がありません。 実行すると割引率が空欄になるようになってます。 <HTML> <HEAD> <TITLE>A</TITLE> <SCRIPT LANGUAGE="JavaScript"> function CalcDiscountRate(){ for(i=0;i<document.all.oTable.tBodies.length;i++){ document.all.oTable.tBodies[i].rows[0].cells[4].innerText = Math.floor((1-document.all.oTable.tBodies[i].rows[0].cells[5]. innerText/ document.all.oTable.tBodies[i].rows[0].cells[3].innerText) *100)+"%" } } </SCRIPT> </HEAD> <OBJECT classid="clsid:333C7BC4-460F-11D0-BC04-0080C7055A83" ID="list"> <PARAM NAME="CharSet" VALUE="shift-jis"> <PARAM NAME="DataURL" VALUE="list1.txt"> <PARAM NAME="UseHeader" VALUE="true"> </OBJECT> <BODY> <TABLE ID="oTable" DATASRC=#list BORDER=1> <THEAD> <STYLE TYPE="text/css"> .highlight {font-weight : hold;background : #ffdddd} </STYLE> <TR> <TD BGCOLOR="#ddddff"><B>品番</B></TD> <TD BGCOLOR="#ddddff"><B><CENTER>品名</CENTER></B></TD> <TD BGCOLOR="#ddddff"><B>カテゴリ</B></TD> <TD BGCOLOR="#ddddff"><B>定価</B></TD> <TD BGCOLOR="#ddddff"><B>割引率</B></TD> <TD BGCOLOR="#ddddff"><B>特価</B></TD> <TD BGCOLOR="#ddddff"><B>在庫</B></TD> </TR> </THEAD> <TBODY> <TR BGCOLOR="#ffffbb"> <TD><DIV DATAFLD="no" ALIGN=CENTER></DIV></TD> <TD><DIV DATAFLD="name" CLASS="highlight"></DIV></TD> <TD><DIV DATAFLD="shurui"></DIV></TD> <TD><DIV DATAFLD="teika" ALIGN="right"></DIV></TD> <TD BGCOLOR="ffe0ff"></TD> <TD><DIV DATAFLD="tokka" ALIGN="right" CLASS="highlight"></DIV></TD> <TD><DIV DATAFLD="zaiko" ALIGN="right"></DIV></TD> </TR> </TBODY> </TABLE> </BODY> </HTML> どうかよろしくお願いしますm(__)m 以下余談 このソースはあるテキストを見て写したものです。 なのでだいたいはあっていると思いますが、テキストは数ページ分をスキャンした中途半端なもので、ソースも途切れ途切れで提示されているため初心者の私にはそれをどこに書いていいかが解らないのです。 <BODY onLoad="CalcDiscountRate"()>を使いたいのもそういった理由です。
- 締切済み
- ホームページ作成ソフト
- ＣＳＶファイルのデータを元に別ファイルを開く
データバインドという機能を使用し、ＣＳＶファイルをテーブル形式で表示するＨＴＭＬ文書を作成しました。 項目［FILENAME］の代わりに画像を表示しクリックすると、他のパソコンの共有フォルダに 格納されているＥＸＣＥＬファイル（ファイル名＝FILENAME）が開くという機能をつけたのですが 「onclick=」で処理を呼び出す際、項目［FILENAME］の値をVbscriptの処理に渡す方法が どうしてもわからず悩んでいます。 （プログラムに直接ファイル名を記述すると正常にファイルを開くことができます） どなたかご存じの方がいらっしゃいましたら、何卒ご教授下さいますようよろしくお願いいたします。 「master.csv」 NO,USER,FILENAME 001,山本,伝票0526 001,田中,伝票0526 001,小川,伝票0526 「index.html」 <object id="ID1" classid="clsid:333C7BC4-460F-11D0-BC04-0080C7055A83"> <param name="DB" value="master.csv"> </object> <table datasrc="#ID1" border=1> <tr> <td><span datafld="NO"></span></td> <td><span datafld="USER"></span></td> <td><span datafld="FILENAME"></span></td> <a datafld="FILENAME" onclick=CallXLS("伝票0526")> <img src="imgs/go.gif" BORDER="0"> </a></td> </tr> </table> <script language=VBScript> Function CallXLS(DENPYO) Set objExcel = CreateObject("Excel.Application") objExcel.Visible = True Set objWorkbook = objExcel.Workbooks.Open("\\ＩＰアドレス\経理\会計\" & DENPYO & ".xls") End Function </script>
- ベストアンサー
- HTML
- データバインドで生成したテーブルの行の色を変えたい
データバインドで生成したテーブルの各行のセルの色を 各データが持っている色で表示したいと考えています。 以下のようなcsvとhtmlを作ってみたところ yamadaのセルをred、suzukiのセルをyellow、kondoのセルをblue と表示するところまではうまくいったのですが 次ページのtanakaがgreenではなくてredのままになってしまいます。 何か良い方法をご存知の方がいらっしゃいましたら教えてください！ よろしくお願いいたします。 <a.csv> ----------------- name,color yamada,red suzuki,yellow kondo,blue tanaka,green ito,aqua saito,red nakanisi,yellow ota,blue isikawa,green naito,aqua nisino,red azuma,yellow <a.html> ----------------- <script type="text/javascript"> <!-- function chStyle() { for(i=0; i<3; i++){ gyo0[i].style.backgroundColor = td_color[i].value; } } --> </script> <body onload="chStyle();"> <TABLE DATASRC="#ID1" BORDER=1 DATAPAGESIZE=3 ID="table1"> <TR> <TD id="gyo0"><SPAN DATAFLD="color"></SPAN></TD> <TD> <SPAN DATAFLD="name"></SPAN> <INPUT TYPE="hidden"datasrc="#ID1" DATAFLD="color" id="td_color"> </TD> </TR> </TABLE> <BUTTON onclick="table1.previousPage()">BACK</BUTTON> <BUTTON onclick="table1.nextPage()">NEXT</BUTTON> <OBJECT classid="clsid:333c7bc4-460f-11d0-bc04-0080c7055a83" id="ID1"> <PARAM name="CharSet" value="shift-jis"> <PARAM name="DataURL" value="a.csv"> <PARAM name="UseHeader" value="true"> </OBJECT> </body> </html>
- ベストアンサー
- JavaScript
- ,区切りでテキストで書かれたテキスト文書に文字列を書き加える（データバインド）
データバインドで使用するテキストデータの内容が以下のように書かれています。 1,aaa.ne.jp/~xxx/ 2,bbb.co.jp/ 3,ccc.com/ ・ ・ ・ ・ このような場合、全てのcolumn2の前に同じ文字列(http://)を追加して表示するようなことはJavaScriptでできますでしょうか？ 表示箇所は現在 <TABLE DATASRC="#Data"> <TBODY> <TR> <TD> <SPAN DATAFLD="column1"></SPAN> </TD> <TD> <A DATAFLD="column2" target="_blank"><SPAN DATAFLD="column2"></SPAN></A> </TD> </TR> </TBODY> </TABLE> といった感じです。 読み込むデータ側には「http://」が書かれていないため当然リンクしてくれません。 テキスト内のデータがかなり多いため、できれば読み込むデータ側のcolumn2にhttp://を付けるという処理は避けたいのです。 どなたかおわかりになる方、ご教授願います。
- ベストアンサー
- JavaScript
- JavaScriptとJSPの連携
JavaScriptのメソッドで受け取った値を JSPのスクリプトレットで配列番号として使いたいのですが 認識してくれていないようです・・・。 これは不可能なんでしょうか？ function setKey(no){ int colNo = parseInt(no); <% HashMap keys = （JSP部分で取得済みのHashMap）[colNo]; %> } ====== <TABLE><TR> <% for(int i; i < 配列.length; i++){ %> <TD> <INPUT TYPE="button" NAME="btnSet<%= i %>" VALUE="セット" onClick="setKey('<%= i %>');" > ・・・・・ ・・・・・ </TD></TR> <% } %> <TABLE> こうすると、[colNo]を認識してくれないようなのですが・・・。
- ベストアンサー
- Java
- JavaScriptの読み込み順
下記コードを実行すると、プルダウンメニューに値が入る前にボタンがクリックされてしまいます。 どのようなコードを書けば正常に動作するのでしょうか。 ■html内 <html> <head> <title>SCT</title> <script type="text/javascript"> onload = function() { var d = new Date() ; d.setTime((new Date).getTime()) ; newOption = document.createElement('option') ; newOption.value = newOption.innerHTML = d.getFullYear()-1 ; document.getElementById('year').appendChild(newOption) ; newOption = document.createElement('option') ; newOption.value = newOption.innerHTML = d.getMonth()+1 ; document.getElementById('month').appendChild(newOption) ; newOption = document.createElement('option') ; newOption.value = newOption.innerHTML = d.getDate() ; document.getElementById('day').appendChild(newOption) ; } </script> <script type="text/javascript" language="JavaScript" src="./file.js"> </script> </head> <form NAME="Myfm" method="post" action="☆☆URL☆☆"> <body onLoad="yobi()"> <table border="0"> <tr> <td> <select name="startyear" id="year"> </select> </td> <td>年</td> <td> <select name="startmonth" id="month"> </select> </td> <td>月</td> <td> <select name="startday" id="day"> </select> </td> <td>日</td> </tr> <tr> <td> <select name="endyear"> <option value=201>2011 </select> </td> <td>年</td> <td> <select name="endmonth"> <option value=8>8 </select> </td> <td>月</td> <td> <select name="endday"> <option value=1>1 </select> </td> <td>日</td> </tr> <tr> <td><input type="submit" value="集計" NAME="mybut"> </td> </tr> </table> </body> </form> </html> ■file.js内 function yobi(){ document.Myfm.submit(); }
- ベストアンサー
- JavaScript
お礼
上記何れでもフィルタ動作することが確認できました。 こちらの説明が至らず何度も修正頂きご迷惑お掛けいたしました。 本当にありがとうございました！ ベストアンサーにさせていただきます。 fujillinさんもありがとうございました。