document writeで親の値を代入する方法とは？
- 親から参照した値をdocument.writeの中に代入する方法を教えてください。
- ソースコード内でwindow.openerを使用して親の値を取得し、document.writeの中に代入する方法を教えてください。
- 質問文章内のソースコードを使って、親の値をdocument.writeの中に代入できない問題を解決する方法を教えてください。
- ベストアンサー
document writeの中に親の値を代入する
過去に同じような質問もありましたが、いろいろ検索してこちらの過去ログを拝見しても解決できなかったので質問させてください。 親から参照した値をdocument.writeの中（width=+k+ height=+j+）に代入したいのですが、うまくいきません。 以下がソースです。 <html> <head> <title>課題８－３</title> <SCRIPT language="JavaScript"> <!-- var k = window.opener.document.d1.s1.value; var j = window.opener.document.d1.s2.value var r = ('<center><table width=+k+ height=+j+ border="1"><tr><td></td></tr></table></center>') //alert(j) //document.d1.s3.value=parseInt(k)*parseInt(j); document.write(r); //--> </SCRIPT> </head> <body> <center> <br><br> </center> </body> </html> ご存知の方がいらっしゃいましたらご教授お願いします。
- suzuka7904
- お礼率86% (20/23)
- JavaScript
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
<script>内にある var r = ('<center><table width=+k+ height=+j+ border="1"><tr><td></td></tr></table></center>') は正しくは var r = ('<center><table width='+k+' height='+j+' border="1"><tr><td></td></tr></table></center>'); です。 ""又は''で囲まれた部分は全て文字列になり、変数を指定することはできません。
関連するQ&A
- 数値以外はテキストボックスにエラーを出したい。
過去に同じような質問もありましたが、いろいろ検索してこちらの過去ログを拝見しても解決できなかったので質問させてください。 document.d1.s3.valueのテキストボックスに「100以上300以内、以外の値」は"値が不正です"と出して処理を中断したいのですが、実行しても通りすぎてif分岐の処理が行われませんでした。 ちなみに以下が問題のソースです。 <html> <head> <title>電卓</title> <SCRIPT language="JavaScript"> <!-- function keisan2(){ if(document.d1.s1.value==""){ document.d1.s3.value=("(1)が空です") return false; } var lop = document.d1.s1.value; var evi = isNaN(lop); if(evi==true){ document.d1.s3.value=("(1)が数値ではありません") return false; } var aop = document.d1.s2.value; var dai = isNaN(aop); if(dai==true){ document.d1.s3.value=("(2)が数値ではありません") return false; } if(document.d1.s2.value==""){ document.d1.s3.value=("(2)が空です") return false; } var poy = document.d1.s1.value; //質問のところはここからです if(!poy >= 100){ document.d1.s3.value=("値が不正です"); } else if(!poy <= 300){ document.d1.s3.value=("値が不正です"); return false; } document.d1.s3.value=parseInt(document.d1.s1.value)*parseInt(document.d1.s2.value); document.d1.s3.value="答えは"+document.d1.s3.value+"です" } function k1(frm){ so=window.open(frm); } //--> </SCRIPT> </head> <body> <center> <table border="1" width="400" height="300"> <tr> <td width="250" height="200"> <center> <table border="1" width="200" height="150"><tr><td> </td></tr></table> <form name="d1"> </center> </td> <td width="150" height="200">(1) <input type="text" name="s1"> </td> </tr> <tr> <td width="400" height="50" colspan="2">(2) <input type="text" name="s2"> <input type="button" name="poi" value=" ＝ " onClick="keisan2(this)"></td> </tr> <tr> <td colspan="2" width="400" height="50"> 答え<input type="text" name="s3" size="30"></td> </tr> </form> <table> <br><br> <form> <input type="button" name="us" value=" 実行 " onClick=' k1("kara5.htm")' > </form> </center> </body> </html> どうかお分かりになる方ご教授お願いします。
- ベストアンサー
- JavaScript
- document.writeの問題？
document.writeでタグを書き入れる時に、よく、下記のように面倒な 書き方で行を変えていますが、一行でタグをすべて書いたのではなんか問題があるのでしょうか？ ------------------------------------- document.write("<table>") document.write("<tr>") document.write("<td>表の内容</td>") document.write("</tr>") document.write("</table>") ------------------------------------- この一行で終わりだと思うのですが・・・？ document.write("<table><tr><td>表の内容</td></tr></table>")
- 締切済み
- JavaScript
- セレクトボックスの値から料金を計算したい
お世話になります。 現在、HTML中に下記のソースを記述しセレクトボックスの数量が選択されたときに自動計算をしようとしています。 ------------------------------------------------------------------- <table summary="ご購入内容"> <tr> <th><p>カレンダー</p></th> <td class="price">1,000円（税込）</td> <td class="select"> <input type="hidden" name="field16_name" value="カレンダー" /> <input type="hidden" name="field16_req" value="no" /> <select type="select" id="item1" name="field16_text" accesskey="a" tabindex="1" onchange="keisan();"> <option value="0"> 0部</option> <option value="1"> 1部</option> <option value="2"> 2部</option> <option value="3"> 3部</option> <option value="4"> 4部</option> <option value="5"> 5部</option> </select></td> </tr> </table> <table summary="小計金額"> <tr> <th><p>小計金額</p></th> <td><input type="text" id="sender-shoukei1" name="field21_text" value="0" accesskey="k" tabindex="6" /> 円（税込）</td> </tr> <tr> <th><p>送料</p></th> <td> <input type="text" id="sender-postage1" name="field22_text" value="0" accesskey="k" tabindex="7" /> 円（税込）</td> </tr> </table> <table summary="合計金額" class="inner-02 m20"> <tr class="gokei"> <th>合計金額</th> <td> <input type="text" id="sender-goukei" name="field29_text" value="0" accesskey="k" tabindex="14" /> 円（税込）</td> </tr> </table> ------------------------------------------------------------------- <script type="text/javascript"> /* <![CDATA[ */ function keisan(){ /* 商品 */ var price1 = document.form.field16_text.options[document.form.field16_text.selectedIndex].value; var field21_text= parseInt(price1)*1470 ; /* 小計 */ document.form.field21_text.value = addFigure(field21_text); /*送料 */ var price1p = 0; if ( price1 < 2 ) { price1p = price1 * 290; } else { price1p = 0; } var field22_text = parseInt(price1p); if ( field21_text > 5000 ) { field22_text = 0; } document.form.field22_text.value = addFigure(field22_text); /* 合計 */ var field29_text = parseInt(field21_text); document.form.field29_text.value = addFigure(field29_text); function addFigure(str) { var num = new String(str).replace(/,/g, ""); while(num != (num = num.replace(/^(-?\d+)(\d{3})/, "$1,$2"))); return num; } } /* ]]> */ </script> ------------------------------------------------------------------- しかし、「'document.form.field16_text'はNullまたはオブジェクトではありません」とエラーが出てしまいます。 アンダーバーは利用できないのでしょうか？どこに問題があるのかお教えください。 どうぞ宜しくお願いいたします。
- ベストアンサー
- JavaScript
- フレーム内の値が取得できません。どうか助けて下さい↓
javaScript初心者です。どうか教えて下さい。 ブラウザ：FireFox で画面を開き、DOMの構造を確認すると、以下の用になっています。（適所省略） 内容：フレームが3つ存在し、BodyFrameの中の値１を取得する為にはどのようにすればよろしいのでしょうか？ いろいろ試行錯誤したのですが、フレームが見つからない旨のエラーが表示されてしまいます。 ※試したパターン var b = parent.BodyFrame.document.getElementsByTagName("TD").item(0); var b = BodyFrame.document.getElementsByTagName("TD").item(0); var b = BeginFrame.MainFrame.BodyFrame.document.getElementsByTagName("TD").item(0); var b = top.BodyFrame.document.getElementsByTagName("TD").item(0); var b = window.BodyFrame.document.getElementsByTagName("TD").item(0); Frame(BeginFrame) -Frame(MainFrame) -Frame(BodyFrame) <HTML> <head></head> <BODY> <table> <tr> <td>値１</td><td>値2</td><td>値3</td> </tr> <tr> <td>あああ</td><td>いいい</td><td>ううう</td> </tr> </table> </BODY> </HTML> いろいろ調べたのですが、お手上げです。どうかご教授下さい。
- 締切済み
- JavaScript
- 子ウインドウから親ウインドウのselectボックスを変更したい
行いたいことは郵便番号による住所検索です。 PerlとMysqlをつかって郵便データは取得します。 親ウインドウのテキストボックスに郵便番号を入れて、子ウインドウで都道府県と以下住所を表示させます。 入力ボタンというものを押すと、親ウインドウの都道府県selectボックスと住所テキストボックスに入力させたいというロジックです。 ////////親フォーム////////////// <SCRIPT language="JavaScript"> function OpenZipWin1(){ var Myzip =document.fm.zip1.value; window.open("hoge.cgi?mode=zip_search&zipcode=" + Myzip,"new","width=500,height=270"); } </SCRIPT> <form action="hoge.cgi" method=post name="fm"> <input type=text name=zip1 size=10 maxlength=8 value=""><a href="javascript:void(0);" onClick="OpenZipWin1();">検索</a><br> <select name="pref"> <option value="">都道府県選択</option> <option value="1">北海道</option> <option value="2">青森県</option> <option value="3">岩手県</option> <option value="4">宮城県</option> <option value="5">秋田県</option> <option value="6">山形県</option> ・・・・ <option value="47">沖縄県</option> </select> <input type=text name=add value="" size=60> </form> ////////子フォーム////////////// <SCRIPT language="JavaScript"> function setForm() { var Mypref = document.subForm.pref.value; window.opener.document.？？？？？？？？？？ = Mypref; var Mycity = document.subForm.city.value; window.opener.document.fm.add.value = Mycity; } //--> </SCRIPT> <p>検索結果</p> <form name="subForm"> <table border="0" cellpadding="5"> <tr> <td nowrap>郵便番号</td> <td>110-0001</td> </tr> <tr> <td>住所</td> <td> <input type="text" name="pref" size="20" value="東京都"> <input type="text" name="city" size="60" value="台東区 谷中"></td> </tr> </table></form> <p align=center><input type="submit" value="入力" onclick="javascript:setForm();self.close()"></p> <p align=center><a href="#" onclick="javascript:window.close()">閉じる</a></p> 問題なのは子ウインドウは都道府県が日本語で、親ウインドウはselectのvalueは数値、要素の方が日本語なのです。 子ウインドウの値を親ウインドウの要素の方と合わせたいのです。 上記の子ウインドウのJavaScriptで window.opener.document.？？？？？？？？？？ = Mypref; の部分でうまくすればいいのかな・・・とは考えてみたもののうまくいきません。 恐れ入りますがご教授おねがいできませんでしょうか。 よろしくお願いいたします。
- 締切済み
- JavaScript
- JavaScriptについて
下記のJavaScriptでウィンドウサイズを取得し、 その値に応じてTableサイズを変化させるhtmlを作成したいのですが、 どうすれば良いですか？ ※下のスクリプトから???部分に値を入れたい。 <table width=??? height=??? border=1> <tr><td></tr></td> </table> //ウィンドウサイズを取得する function getWindowSize() { var sW,sH,s; sW = window.innerWidth; sH = window.innerHeight; s = "横幅 = " + sW + " / 高さ = " + sH; document.getElementById("WinSize").innerHTML = s; } </script>
- 締切済み
- JavaScript
- 教えてプログラム
Java Scriptで自動計算を行いたいのですが、うまいくいきません もう少しだと思うのですが、修正をお願いいたします。 在庫確保数＋新規作成数＊単価=合計で算出したいです。 NuNがなるべくでないようにしたいです。 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=Windows-31J"/> <title>予約登録</title> </head> <script language="javascript"> <!-- var amount = 3; var zei; var goukei; function calc(){ var total=0; var total2=0; var i=0; var go=0; var suti1,suti2; suti1 = document.myForm.d1.value; suti2 = document.myForm.d2.value; go=parseInt(suti1)+parseInt(suti2); while(i<amount*2){ total = total + document.myForm.elements[i].value*document.myForm.elements[++i].value; i++; } document.myForm.itotal.value = total; zei = total * 0.05; zei = Math.floor(zei); goukei = total + zei; document.myForm.goukei.value = goukei*go; } //--> </script> <body onload="calc()"> <FORM name="myForm" method="post"> <h2>予約登録</h2> <h3>商品一覧</h3> <table border="1" width="610"> <tr> <td>商品名</td> <td>単価</td> <td>販売可能数</td> <td>在庫確保数</td> <td>新規作成数</td> <td>金額合計</td> </tr> <tr> <td>稲荷寿司</td> <td>40<Input type="hidden" name="row0v" value="40"></td> <td>50</td> <td><input type="text" name="d1" onChange="calc()" value="0"></td> <td><input type="text" name="d2" onChange="calc()" value="0"></td> <td><input type="text" name="itotal" value="0"></td> </tr> <tr> <td>かんぴょう巻き</td> <td>40<input type="hidden" name="row1v" value="40"></td> <td>50</td> <td><input type="text" name="kanpyou1" onChange="calc()" value="0"></td> <td><input type="text" name="kanpyou2" onChange="calc()" value="0"></td> <td><input type="text" name="itotal2" value="0"></td> </tr> <tr> <td>おにぎり（梅干）</td> <td>90</td> <td>50</td> <td><input type="text" name="umeoni" value="0"></td> <td><input type="text" name="umeoni" value="0"></td> <td><input type="text" name="kanpyou" value="0"></td> </tr> <tr> <td colspan="5" align="right">単品合計金額</td> <td><input type="text" name="goukei" value="0"></td> </tr> </table> <tr> <td colspan="5" align="right">パッケージ合計金額</td> <td><input type="text" name="pakke" value="0"></td> </tr> <tr> <td colspan="5" align="right">総合計金額</td> <td><input type="text" name="sougoukei" value="0"></td> </tr> </table> <br> <br> <input type="submit" value="予約"> </form> </body>
- 締切済み
- JavaScript
- innerHTMLでのテーブル作成
いつもお世話になっております。 こちらの質問と回答を参考にプログラムを付け足して、リストを作る練習をしています。 http://okwave.jp/qa/q8090793.html テーブル行の先頭に項目名を表示させて、表を分かりやすくしようと思ったのですが、 最後に出力される項目名がそれまでの項目名を上書きしてしまい、 項目名が1個しか表示されないため、テーブルがずれて表示されてしまいます。 50個 金額～～ 100個 金額～～ と表示させるためには、どこを手直ししたら良いのか知恵を貸してください。 よろしくお願いします。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>innnerHTMLで自動生成された表を出力したい</title> <style> h2 { margin-bottom:0; color:#900;} table{ border:none; font-size:12px;} table tr th{ padding:5px; width:90px; background:#69F;} table tr td{ padding:5px; text-align:right; background:#9CF;} </style> <script type="text/javascript"> //ラジオボタンのvalue値を取得 var daysRate; var nouki = document.getElementsByName('nouki'); var price = new Array ( 10, 30, 50 ); function getRate() { for ( var i = 0; i < nouki.length; i ++ ) { if ( nouki[i].checked ) { daysRate = nouki[i].value; }}return parseFloat(daysRate);} function calc() { // 選択されているレートを取得 var rate = getRate(); var list_name = new Array('<h2>表1</h2>','<h2>表2</h2>','<h2>表3</h2'); var table_start = "<div><table><tbody>"; var table_head = '<tr><th>入数</th><th>ヘッダー1</th><th>ヘッダー2</th><th>ヘッダー3</th></tr>'; var table_kosuu = ""; var table_td = ""; var table_end = "</tbody></table></div><hr />"; // priceが増えてもロジックをいじる必要がないようにprice.lengthでループ数を制御 for(var i=50; i<=100; i+=50){ if(i==50){ table_kosuu = '<tr><td>' + i + '個</td>'; for ( var j = 0; j < price.length; j ++ ) { if(j < price.length-1){ table_td += '<td>￥' + parseInt(price[j]*i) * rate + '</td>'; } else { table_td += '<td>￥' + parseInt(price[j]*i) * rate + '</td></tr>'; } } } if(i==100){ table_kosuu = '<tr><td>' + i + '個</td>'; for ( var j = 0; j < price.length; j ++ ) { if(j < price.length-1){ table_td += '<td>￥' + parseInt(price[j]*i) * rate + '</td>'; } else { table_td += '<td>￥' + parseInt(price[j]*i) * rate + '</td></tr>'; } } } document.getElementById('priceTableOutput').innerHTML = list_name[0] + table_start + table_head + table_kosuu + table_td; + table_end; } } window.onload = function() { // 読込み後も一度テーブル表示を実行する calc(); } </script> </head> <body> 再計算ボタンを押すと価格表が再計算されます。<br /> <input type="radio" name="nouki" value="1" checked="checked" />通常配達 <input type="radio" name="nouki" value="1.25" />翌日配達 <input type="radio" name="nouki" value="1.5" />当日配達 <input type="button" value="再計算" onClick="calc()"> <div id="priceTableOutput">innerHTMLで、ここに表を出力</div> <br /> </body> </html>
- ベストアンサー
- JavaScript
- javascriptを使ったフォームをCGIで取得できない
フォームに名前、フリ仮名、性別（ラジオボタン）、生年月日（選択メニュー）があり、下記は確認ページで、javascriptを使って、表示されます。でもCGI（以下にあります）では名前のみ取得できあとの値は表示されません。どうすればよいでしょうか ---- <html lang="ja"> <head> <script type="text/javascript"><!-- function Cng(){ var st = window.opener.document.user.name.value; window.document.kuser.kname.value = st; var st1 = window.opener.document.user.furigana.value; window.document.kuser.kfurigana.value = st1; var sex=window.opener.document.all.user.sex if(sex[0].checked) {window.document.kuser.ksex.value ="男性"} else if(sex[1].checked) {window.document.kuser.ksex.value ="女性"} var st11 = window.opener.document.all.user.year.value; window.document.kuser.kyear.value = st11; var st12 = window.opener.document.all.user.month.value; window.document.kuser.kmonth.value = st12; var st13 = window.opener.document.all.user.day.value; window.document.kuser.kday.value = st13;} //--> </script> </head> <body onLoad="Cng();"> <form name="kuser" action="./5-2.cgi" method="post" enctype="text/plain"> 氏名： <input type="text" name="kname" value="" size="30"><br><br> ふりがな： <input type="text" name="kfurigana" value="" size="30"><br><br> 性別： <input type="text" name="ksex" value="" size="7"><br><br> 生年月日： 西暦 <input type="text" name="kyear" value="" size="10"> 年 <input type="text" name="kmonth" value="" size="5"> 月 <input type="text" name="kday" value="" size="5"> 日<br><br> <tr><td colspan="2" align="right"> <input type="submit" value="送信"> <input type="button" value="戻る"> ----- （CGI） #! c:/perl/bin/perl # フォームデータの取得 if($ENV{'REQUEST_METHOD'} eq 'POST') { read(STDIN, $query, $ENV{'CONTENT_LENGTH'}); } else { $query = $ENV{'QUERY_STRING'}; } foreach $pair (split(/&/, $query)){ ($key, $value)=split(/=/, $pair); $value=~tr/+/ /; $value=~s/%([0-9a-fA-F][0-9a-fA-F])/chr(hex($1))/eg; $FORM{$key}=$value; } # サーバー出力 print <<END; Content-type: text/html <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> <html> <head><title>ふぉーむでーた</title></head> <body> <h1>フォームデータ</h1> <table border="1"> <tr><th>フォーム要素</th><th>データ</th></tr> END foreach $key (keys %FORM){ print "<tr><th>$key</th><td>$FORM{$key}</td></tr>\n"; } print <<END; </table> </body> ---
- 締切済み
- JavaScript
- javascriptに関する質問です
９×９のます目一つ一つに・を表示させるプログラムをつくっているのですがなかなかうまくいきませんどなたかご教授ください <script language="JavaScript" type="text/javascript"> <!-- document.write("<center>"); document.write("<h1>・の表</h1>"); document.write("<table border>"); var i; var j; for (i =・;i=<9 ){ document.write("<tr>"); for(j =・;j=<9 ){ document.write("<td>"); document.write(i * j) document.write("</td>") } document.write("</tr>"); } document.write("</table>"); //--> </script>
- ベストアンサー
- JavaScript
お礼
大変よくわかりました。最初に+ｋ+を""で囲っていたんですが、それも間違いであったということもわかりました。ありがとうございました。