Scriptを使用してTABLEタグの中に表示する方法
- Scriptを使用してTABLEタグの中に表示させる方法を教えてください。
- 質問者はScriptを使用してTABLEタグの中に表示させようと試みましたが、うまくいきませんでした。具体的には、test2.jsの内容がTABLEタグに表示されなかったとのことです。
- 質問者はHTMLファイルとtest1.jsファイルを作成し、test1.jsファイル内でTABLEタグにtest2.jsファイルの内容を表示させようとしましたが、結果はうまくいきませんでした。ご教授いただけると幸いです。
- ベストアンサー
ScriptがTABLEタグの中に表示されません。
下記の様にScriptを使ってTABLEタグの中に表示させようと思ったのですが、test2.jsの「あれ？」がTABLEタグ欄に表示されません。 何方かご教授してもらえませんか？ ↓↓↓↓<HTML File>↓↓↓↓ <HTML><BODY> <script src="./test1.js"></script> </BODY></HTML> ↓↓↓↓<test1.js File>↓↓↓↓ document.open(); document.write("<TABLE border=1><TBODY><TR><TD>1</TD><TD>おや？<script src=\"./test2.js\"></script></TD></TR><TR><TD>1</TD><TD>1</TD></TR></TBODY></TABLE>"); document.close(); ↓↓↓↓<test2.js File>↓↓↓↓ document.open(); document.write("あれ？"); document.close();
- meikenpochi
- お礼率73% (68/92)
- JavaScript
- 回答数2
- ありがとう数2
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
test2.js Fileの書き方を変えるというのはダメですか。 ↓↓↓↓<test2.js File>↓↓↓↓ var texts = new Array( "1番目「おや？」" , "2番目「あれ？」" ); ↓↓↓↓<test1.js File>↓↓↓↓ var newsTmp = "" ; for (i=0 ; i<texts.length ; i++){ newsTmp += texts[i] + "<br>" ; } document.write( newsTmp ); ↓↓↓↓<HTML File>↓↓↓↓ <html><head> <script Language="JavaScript" src="./test2.js"></script> <!-- headでtest2.jsを呼び出す --> </head><body> <!-- 書き出したいところででtest1.jsを呼び出す --> <script Language="JavaScript" src="./test1.js"></script> </body></html> とか、どうでしょうか？ つまり、test2.jsで配列または変数をセットしておいて、 test1.jsでそれを整形して、 HTML Fileの好きな所で呼び出すっていう感じで
その他の回答 (1)
- Ysan
- ベストアンサー率32% (44/136)
test1.jsでテーブルを書き、document.close()した後に test2.jsでdocument.open()して「あれ？」を書き足しているだけだと思います。 以下のように書けばできると思います。 ↓↓↓↓<test1.js File>↓↓↓↓ document.open(); document.write("<TABLE border=1><TBODY><TR><TD>1</TD><TD>おや？ <script>document.write('あれ？');</script></TD></TR><TR><TD>1</TD><TD>1</TD></TR></TBODY></TABLE>"); document.close(); document.writeにこだわらなければ（innerText と innerHTML を用いるなど） もっといい方法もありますが…
お礼
Ysanさん、回答ありがとうございます。 ちょっとやりたいことが説明不足だった様ですみません。 配布済みのtest1.jsに対して 自分のサーバに設置したtest2.jsを変更することで バージョンアップ情報などのを他の人のサーバに設置したHTML FILEのtest1.js部分に表示させたっかたのです。 http://自分のサーバ/test2.js http://他の人のサーバ/test1.js http://他の人のサーバ/HTML FILE
関連するQ&A
- HTMLのタグ整形スクリプトについて
PerlでHTMLのタグ整形スクリプトを作成しようと思っているのですが、 例 <html><head><title></title></head> <body><table><tr><td></td></tr></table></body> </html> ↓ <html> タブ<head> タブタブ<title></title> タブ</head> タブ<body> タブタブ<table> タブタブタブ<tr><td> タブタブタブ</td></tr> タブタブ</table> タブ</body> </html> こんな感じなんですが・・・。
- 締切済み
- CGI
- マウスカーソルを乗せた時にテーブルの行の色を変える
マウスカーソルがテーブルの行の上に来た時に行の色を変えたくて 以下のようにCSSとHTMLを書いてみました。 しかし、何の変化もありませんでした。どこが悪いのかわかりますでしょうか。 【CSS】 table tr:hover { background:red; } 【HTML】 <html> <head> <script type="text/javascript" src="./jquery-1.9.1.js"></script> <link rel="stylesheet" href="test.css" type="text/css"> <script> </script> </head> <body> <table border="1"> <thead> <tr> <th>名前</th> <th>金額</th> </tr> </thead> <tbody> <tr> <td>abc</td> <td>3000</td> </tr> <tr> <td>xyz</td> <td>100</td> </tr> <tr> <td>myk</td> <td>20000</td> </tr> </tbody> </table> </body> </html>
- ベストアンサー
- CSS
- 半角だけだとtableタグのwidth指定が無効になってしまう。
半角だけだとtableタグのwidth指定が無効になってしまいます。半角を入力した際にwidth指定を有効にする方法をご教授お願いします。 <TABLE border="1" width="110"> <TBODY> <TR width="110"> <TD width="110">０１２３４５６７８９０１２３４５６７８９０１２３４５６７８９０１２３４５６７８９</TD> </TR> </TBODY> </TABLE> <BR> <TABLE border="1" width="110"> <TBODY> <TR width="110"> <TD width="110">0123456789012345678901234567890123456789012345678901234567890</TD> </TR> </TBODY> </TABLE>
- ベストアンサー
- HTML
- 外部参照で画像出したいのだが・・。
タイトルの通りですが、外部ファイルを参照して画像（テーブル等も）表示したいのですがうまくいきません。 <html lang="ja"> <head> </head> <body> <script type="text/javascript" src="js/1_1.js"> </script> </body> </html> そしてこちらが、”js/1_1.js”ファイルです。 document.write("<TABLE BORDER>"); document.write("<TR>"); document.write("<TD><img src="bbs_on.gif"></TD>"); document.write("</TR>"); document.write("</TABLE>"); 画像でなく文字ならばうまくいくのですが、結果は何も表示されません。何がおかしいんでしょうか？？※パスはまちがいがありません。
- ベストアンサー
- JavaScript
- color 属性が追加できない
<html><meta><script language="javascript"><!-- tr = document.createElement("tr"); tr.setAttribute("bgcolor", "black"); td = tr.appendChild(document.createElement("td")); td.appendChild(document.createTextNode("test")); tbody1.appendChild(tr); //--></script></head><body> <table><tbody id="tbody1"></tbody></table> </body></html> というソースなのですが，実行してもセルの背景が黒く塗りつぶされません。 setAttribute("width", "100px")などはきちんと適用されるのですが・・・。 setAttribute("style", "background-color: black;")としてもダメでした。 どのようにすればよいのでしょうか。 よろしくお願いします。
- ベストアンサー
- JavaScript
- 外部ファイルを利用したい
現在、Webの勉強を始めたのですが、自分でいろいろ作成していてうまくいかないので、教えて下さい。 htmlファイルが幾つかあるのですが、全てのページに同じテーブルタグを使用するので、JavaScriptの外部ファイルで書き出してそれぞれを各htmlファイルで呼び出そうと思っていますが、うまくいきません。 ★jsファイル/xx.js★ <SCRIPT language="JavaScript"><!-- document write("<table border='1'"); document write("<tr><td><img src='xx.gif'></td></tr>"); document write("</table>"); --> ★htmlファイルでの呼び出し★ <html> <head><title>外部ファイル呼び出し</title></head> <body><script language="JavaScript" src="xx.js"></script> </body></html> かなり素人なので変な書き方をしていると思いますが、ご指導お願いします。
- ベストアンサー
- JavaScript
- HTMLページに外部テキストファイルを取り込むには？
HTMLのページに、一部だけ外部ファイルのデータを取り込もうとしています。 <HTML> <BODY> <P><TABLE WIDTH="450" > <TR> <TD><IMG SRC="picture1.jpg"></TD> <TD >ここにJavascriptで自由更新文（１）を入れる</TD> </TR> </TABLE><BR> <TABLE WIDTH="450"> <TR> <TD><IMG SRC="picture2" ></TD> <TD>ここにJavascriptで自由更新文（2）を入れる</TD> </TR> </TABLE> </BODY> </HTML> 上のような、写真と説明文がセットになったテーブルがいくつか配置されているページがあるとします。 その説明文を、HTMLを見たこともない人物に自由に更新してもらわねばなりません。 そこで、例えば「１つめの写真の説明文は1.dat、２つめの写真の説明文は2.dat …と、単純にテキストだけを打った.datとか.txtファイルをサーバにアップロードしてもらい、htmlページはJavascriptでその.datファイルをテーブル内に読み込むようにして使いたいのですが、そのJavascriptはどんな書き方をすればよいでしょうか？ <script type="text/javascript" src="1.js"></script>といったように読み込む場合、1.jsの内容は単純なテキストでなく document.write("これは例文です。"); // End といったように、ソースになっていなければダメですよね？ これでは間違って「"」等を消されたらファイルが壊れてしまいます。このため、こういう内容でなく、「document.write("」や「");」や「// End 」も無い、単純なテキストだけを外部ファイルにすることはできないでしょうか？
- ベストアンサー
- JavaScript
- java scriptのwrite()の結果
<script> document.write("<table border>"); document.write("<tr>"); for(i=0;i<3;i++){ document.write("<td>"+i+"</td>"); } document.write("</tr>"); document.write("</table>"); </script> 例えば上記のような Java Script を作ったとします。 Internet Explorer で実行すると表（ＨＴＭＬの結果？）が表示されますが、 そうでなく 以下のようなＨＴＭＬのスクリプトを表示させる事は できますか？ もしできるなら方法をお願いします。 <table border><tr><td>0</td><td>1</td><td>2</td></tr></table>
- ベストアンサー
- その他([技術者向] コンピューター)
- 表示されません(>_<)!!
以下のように作ってみたんですけど、わたしは判定結果は四角の中に表示されるようにやったつもりだったんですけど、新しいページに「痩せてます」と表示されてしまいます。どこを直せば良いでしょう？ お願いします <HTML> <HEAD> <TITLE>関数のテスト</TITLE> <SCRIPT language="JavaScript"> <!-- function test() { height = document.aaa.h.value; weight = document.aaa.w.value; himan = (height-100)*0.9; if (himan <= weight) { document.write("痩せてます。"); } else { document.write("太っています。"); } } //--> </SCRIPT> </HEAD> <BODY> <form name="aaa"> <table> <tr><td>身長</td><td><input name = "h"> </td></tr> <tr><td>体重</td><td><input name = "w"> </td></tr> <tr><td><input type="button" value ="判定" onClick = "test()" ></td></tr> <tr><td>判定結果</td><td><input name = "hi"> </td></tr> </table> </form> </BODY> </HTML>
- ベストアンサー
- JavaScript
- Microsoftのクリップギャラリーのように元サイズのプレビューを新しいウインドウに表示したい
サムネイル画像をクリックすると、別ウインドウが開いて元サイズの画像を見せるページを作りたいんです。 サムネイルをクリックするたびに新しいwindowが次々に立ち上がるタイプのものは作れたのですが、別のサムネイルをクリックするとプレビュー用ウインドウの内容が変わるタイプのものが欲しいので困ってます。 サンプルを改造してみたのがこれです。 function tile(imgname){ win2=window.open("","","width=350,height=200,resizable=yes") if (win2){ win2.focus() win2.document.open() win2.document.write("<head><title>"+bgname+"</title></head>") win2.document.write("<body><img src="+'"'+imgname+'"'+">") win2.document.write("<TABLE WIDTH='100%' HEIGHT='100%'><TR><TD VALIGN='bottom' ALIGN='center'><FORM><INPUT TYPE='button' NAME='ok' VALUE='Close' onClick='window.close()'></FORM></TD></TR></TABLE>") win2.document.write("</body>") win2.document.close() } あと、サムネイル画像につけるリンク先HTMLファイルの書き方も良くわかりません。 スクリプトのほうに＜head＞と＜body＞タグがあるので＜html＞タグだけ書いておけば良いんでしょうか？
- ベストアンサー
- JavaScript
お礼
Ysanさん、回答ありがとうございます。 参考になりました。