変数の保存とページ移動について【初心者質問】
- Aページ内での変数の保存とページ移動について質問があります。現在、Aページ内にテーブルでタブ(BとC)を作成し、インラインフレームで各ページを読み込んでいます。しかし、Bのテキストエリアに入力した変数がCにタブ移動し、戻ってくるとテキストエリアが初期化されてしまいます。変数はBとCに入力後にサーバにアップロードしたいと考えています。登録ボタンを押すまではBとCのタブを行き来しても変数を保持したいです。session変数ではないため、Bを再度読み込む際に入力した変数を読み込むような関数があるのか教えてください。
- 現在、Aページ内でタブ(BとC)を作成し、インラインフレームで各ページを読み込んでいます。しかし、Bのテキストエリアに入力した変数がCにタブ移動し、戻ってくるとテキストエリアが初期化されてしまいます。変数はBとCに入力後にサーバにアップロードしたいと考えています。登録ボタンを押すまでBとCのタブを行き来しても変数を保持したいですが、session変数ではないため、Bを再度読み込む際に入力した変数を読み込むような関数があるのか教えてください。
- Aページ内での変数の保存とページ移動について質問があります。現在、Aページ内にテーブルでタブ(BとC)を作成し、インラインフレームで各ページを読み込んでいます。しかし、Bのテキストエリアに入力した変数がCにタブ移動し、戻ってくるとテキストエリアが初期化されてしまいます。変数はBとCに入力後にサーバにアップロードしたいですが、BとCのタブを行き来しても変数を保持したいです。session変数ではないため、Bを再度読み込む際に入力した変数を読み込む方法があるのか教えてください。
- ベストアンサー
受取った変数をページ移動しても保存したい
初歩的な質問ですみません。 現在Aページ内にテーブルでタブ(BとC)を作成しインラインフレームで各ページを読み込んでいますが Bのテキストエリアに入っている変数がCにタブ移動し、戻ってくるとテキストエリアが初期化されます。 変数はBとCに入力後登録ボタンを押下することでサーバにUPloadしたいと考えており登録ボタンを押すまでは BとCのタブを行き来しても残しておきたいのです。 サーバにある値を取ってきているわけではないのでsession変数ではないと考えています。 Bを再度読み込む際に入っていた変数を読み込むような関数などはあるのでしょうか？ A.asp---------- <HTML> <HEAD> <META HTTP-EQUIV="Content-Language"CONETNT="ja"> <META HTTP-EQUIV="Content-Type"CONTENT="text/html;CHARSET=shift_jis"> <TITLE>練習用</TITLE> <Script Language="JavaScript"> resizeTo(700,500); </Script> </HEAD> <BODY> <table border > <tr> <th class="on"><a href="B.asp" target="inline">B</a></liS></th> <th class="on"><a href="C.asp" target="inline">C</a></th> </tr> </table> <iframe src="B.asp" name="inline" width="1000" height="200" marginwidth="20" marginheight="20" scrolling="auto" > <a href="B.asp">B</a> <a href="C.asp">C</a> </BODY> </HTML> ------------- b.asp--------- <HTML> <HEAD> <TITLE>B</TITLE> </HEAD> <BODY > <SCRIPT language="JavaScript"> <!-- function ima(){ //関数 dd = new Date(); cc=dd.toLocaleString(); document.Date1.kanso.value +=cc+"\n"; } function openChild(f){ window.open("テンプレート.asp","_blank"); } //--> </SCRIPT> <FORM name="Date1"> <table> <tr height="5"> <th width="90"><font color="red" size="2">内容</font></th> <th width="80"><INPUT type="button" onclick="ima();" value="現在日時"></th> <th width="80"><input type="button" onclick="openChild(this.form)" value="テンプレート"></th> </tr> </table> <textarea name="kanso" rows="5" cols="60" name="day"></textarea><br> </FORM> </BODY> </HTML> -------------- c.asp---------- <HTML> <HEAD> <TITLE></TITLE> </HEAD> <BODY> test </BODY> </HTML> --------------
- okinawa157
- お礼率48% (12/25)
- Microsoft ASP
- 回答数1
- ありがとう数2
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
- ベストアンサー
この実装ではまずいですね。このまま行くなら、Cのリンクをクリックした際に、Bのテキストエリアの内容を A.asp の hidden などに保存してから、Cに飛ぶように、JavaScript で制御する必要があります。 タブを実現させたいなら、A.asp の中に B.asp と C.asp の中身に相当する内容を DIV タグで定義して、それを切り替えた方がスマートだと思います。
関連するQ&A
- テーブルの幅 余白をなくすことは可能ですか？
<html> <head> <title>test</title> </head> <style type="text/css"> table { width: 100%; } </style> <body> <table border=1> <tr><th>a</th><th>b</th></tr> <tr><td>1</td><td>2</td></tr> </table> </body> </html> のように テーブルの幅を１００％にしても 両端に余白が出来てしまいますが この余白をなくすことは可能ですか？ 添付画像はIEで表示させた状態ですが ファイアフォックスなど他のブラウザで表示させても余白が出来ます。
- ベストアンサー
- HTML
- HTMLのテーブルについて
HTMLのテーブルについて 今、HTMLを勉強しています。下記のようにテーブルを作成し一部にセルの結合を行ったところ、(2)の結合したセル右端から外枠までが広がってしまいます。せっかく綺麗に見えるように上の表と下の表のセル幅を合わせても、上の表の右端が出っ張ってしまって意味がありません。 これを解決するにはどのように改善すればいいのでしょうか？ <html> <head> <title>A</title> </head> <body> <table border="2"> <tr> <th>No.</th> <th>名前</th> <th width="50">備考</th> </tr> <tr> <td>１</td> <td>Ａ君</td> <td>(1)</td> </tr> <tr> <td>１</td> <td>Ｂ君</td> <td rowspan="2">(2)</td> </tr> <tr> <td>１</td> <td>Ｃ君</td> <td></td> </tr> </table> <br> <table border="2"> <tr> <th>No.</th> <th>名前</th> <th width="50">備考</th> </tr> <tr> <td>２</td> <td>Ｄ君</td> <td>(3)</td> </tr> <tr> <td>２</td> <td>Ｅ君</td> <td>(4)</td> </tr> <tr> <td>２</td> <td>Ｆ君</td> <td>(5)</td> </tr> </table> </body> </html>
- ベストアンサー
- その他（インターネット・Webサービス）
- 入れ子にしたテーブルをheight100%にする
お世話になります。 以下のソースで、table2の高さを100％にしたいです。 この書き方では、firefoxではうまく表示できるのですが、 IEではだめでした。どこがいけないのでしょうか？？ ---------------------------------- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <style type="text/css"> <!-- html {height:100%;} body {height:100%;} .th100 {height:100%;} --> </style> </head> <body> <table width="600" border="1" cellpadding="0" cellspacing="0" class="th100"> <tr> <td width="300" rowspan="2"> 長いテキスト </td> <td height="50"><table width="300" height="50" border="0" cellpadding="0" cellspacing="0" bgcolor="#000000"> <tr> <td>table1</td> </tr> </table></td> </tr> <tr> <td><table width="300" border="0" cellpadding="0" cellspacing="0" bgcolor="#999999" class="th100"> <tr> <td>table2</td> </tr> </table></td> </tr> </table> </body> </html>
- ベストアンサー
- HTML
- data-hrefでのcolorbox設定方法
かなり調べてみたのですが解決方法がわからなく、ご教授頂けると幸いです。 まず、テーブル行を全体をリンク（クリック）できるように設定しています。 jQueryは下記のような感じで設定しています。 ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ $(function() { $('.list tr[data-href]').addClass('clickable') .click(function(e) { if(!$(e.target).is('a')){ window.location = $(e.target).closest('tr').data('href');} }); }); ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ そしてリストの各行をクリックすると、ColorboxにてInlineフレームを表示したく下記の様に記載しました。 ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ <table class="list"> <tr class="inline" data-href="#inline_content"> <th>タイトル</th> <td>説明</td> <td>日付</td> </tr> <tr class="inline" data-href="#inline_content"> <th>タイトル</th> <td>説明</td> <td>日付</td> </tr> <tr class="inline" data-href="#inline_content"> <th>タイトル</th> <td>説明</td> <td>日付</td> </tr> </table> ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ Colorboxの記述は下記になります。 ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ $(document).ready(function(){ $(".inline").colorbox({inline:true, width:"350px", height:"300px"}); }); ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ これだと、Colorbox自体は作動するのですが、真っ黒で中身が表示されず指定サイズの枠のみ出てきます。 通常のColorbox設定では<a class="inline" href="#inline_content">テキスト</a>と記述し、こちらをテーブル以外の場所のテキストにリンクするときちんと作動します。 という事は<a ～></a>という形で設定していないから、という事はわかるのですが tr自体につけた【data-href="#inline_content"】にはどのように設定すれば良いでしょうか？ $(".list tr[data-href].inline").colorbox({inline:true, width:"350px", height:"300px"}); $(".list tr.inline[data-href]").colorbox({inline:true, width:"350px", height:"300px"}); なども試しましたがダメでした。 海外サイトでの記述等もかなり調べてみたのですが Colorboxでdata-hrefと併用している例が見つけられず、いきづまってしまいました。 ご教授頂けますと幸いです。 どうぞ宜しくお願い致します。
- ベストアンサー
- JavaScript
- オンマウスでプルダウンメニューを作りたいのですが？
オンマウスでプルダウンメニューを作りたいのですが、作って見た所表示はしますが、消えません。 それと、横に同様なメニューを作る場合の方法を申し訳ありませんが教えてください 以下がソースです。 <HTML> <HEAD> <TITLE>メニュー</TITLE> </HEAD> <BODY> <A href="#" onMouseover="window['table'].style.display='none'" onMouseout="window['table'].style.display=''"> ●●情報</A> <TABLE id="table" border="1" style="display:" align="left" cellpadding="0" cellspacing="0" width="180"> <TR> <TD CLASS="td9" COLSPAN="3" ALIGN="left"><a href="http://www.goo.ne.jp"></a>●●</TD> </TR> <TR> <TD CLASS="td9" COLSPAN="3" ALIGN="left">▲▲</TD> </TR> </TABLE> </BODY> </HTML>
- ベストアンサー
- ホームページ作成ソフト
- 表示できないページ
社内のイントラを作成しています。 以下のソースのページを作成したのですが、 WIN95、IE5.00の端末で開くと「ページが表示できない」 というメッセージがでて、ページが表示できません。 原因として、なにがおかしいのでしょうか？ 宜しくお願いします。 ＜＜ ソース ＞＞ <HTML> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <META http-equiv="Content-Style-Type" content="text/css"> <TITLE></TITLE> </HEAD> <BODY BACKGROUND COLOR="white" TEXT="#FF80C0" LINK="#FF80C0" VLINK="#009999"> <CENTER> <P STYLE="BACKGROUND-COLOR:00D9B2;"><FONT SIZE=3 COLOR=#CC0099>便利なリンク集</FONT></P> <BR> <FONT SIZE="4" COLOR=BLACK><B>～便利なリンク集～</B><FONT> <P><BR> </CENTER> <IMG SRC=""CLASS="PARAM1" ALIGN="right" width="100" height="90"> <BR><BR><BR> <CENTER> <TABLE BORDER="0"WIDTH="350"> <TR VALIGN="MIDDLE" ><FONT SIZE=3 COLOR=#000000><A HREF="html"> 情報・通信グループ ユーザ管理システム （ユーザ向け）</A></FONT></TR> <TR VALIGN="MIDDLE" ><FONT SIZE=3 COLOR=#000000><A HREF="soum2.html" >事故報告書の作成（ＳＥが対応した事故を対象とする）</A></FONT></TR> <TR VALIGN="MIDDLE" ><FONT SIZE=3 COLOR=#000000><A HREF="doc"> 東京インフラＧ 所有品の持出しについて </A></FONT></TR><BR> <TR VALIGN="MIDDLE" ><FONT SIZE=3 COLOR=#000000><A HREF="">ＰＧ制定要否決裁流れについて</A></FONT></TR> </TABLE> <BR><BR> <FONT SIZE="4" COLOR="RED"><A href=""><B>back</B></A></FONT> </CENTER> </BODY> </HTML>
- ベストアンサー
- HTML
- テーブルの線の幅を一重の線にしたい
<HTML DIR=LTR> <HEAD> </HEAD> <BODY> <TABLE border=1 bordercolor="#808080"> <TR> <TH>タイトル</TH> </TR> <TD>aaa</TD> </TR> <TR> <TD>bbb</TD> </TR> <TR> <TD>ccc</TD> </TR></TABLE> </BODY> </HTML> これにすると画像のように線の幅が二重線になってしまうのですが、 一重にするにはどうすればいいですか？ <TABLE border=1 を<TABLE border=0にすると、線が消えてしまいます。
- ベストアンサー
- HTML
- 表示すると文字化けします
下記のファイルが表示されると文字化けしてエンコードを修正しないとみれませんなぜでしょうか？ 日本語EUCになってしまします。 <HTML> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=EUC-JP"> <META http-equiv="Content-Style-Type" content="text/css"> <TITLE></TITLE> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <META http-equiv="Content-Style-Type" content="text/css"> </HEAD> <BODY> <TABLE border="1"> <TBODY> <TR> <TD bgcolor="#ffff00" width="699"><B><FONT size="+2">登録ありがとうございました</FONT></B></TD> </TR> <TR> <TD height="99" width="699"><B>■<A href="http*************************">使いこなすために</A>手順に沿って進んでください</B>→<A href="http**************************">次へ進む</A></TD> </TR> </TBODY> </TABLE> </BODY> </HTML>
- ベストアンサー
- HTML
- HTMLのリンクアンカーがおかしい？？？
開発中にふと気が付いたことなのですが、以下のソースをブラウザ（IE5.0）で表示すると、aaaだけ、TABLE内のアンカーの左右でもリンクするようになってしまうのですが、なぜなのでしょうか？？？ <html> <head></head> <body> <table border=0 cellpadding=3 width=730> <tr><td align=center><a href="help_10.asp" target="right"><h2>aaa</h2></a></td></tr> <tr><td align=center><a href="help_20.asp" target="right"><h2>bbb</h2></a></td></tr> <tr><td align=center><a href="help_35.asp" target="right"><h2>ccc</h2></a></td></tr> </table> </body> <html>
- ベストアンサー
- その他(ソフトウェア)
- Firefoxで作ったページが読めません
次のような簡単なページ（画像を一枚貼り付けただけ）を作って ブラウザで見てみると、Firefoxでは 『ファイル…が見つかりません』とメッセージが出て読めません。 IEなら読めます。 Firefoxでも読めるようにするにはどうすればいいのでしょうか？？？ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/*****.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <title>グラフ</title> </head> <body bgcolor="#ffcc99"> <table width="650" height="450" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="center" valign="middle"><img src="image001.gif"></td> </tr> </table> </body> </html>
- ベストアンサー
- ホームページ作成ソフト
お礼
回答ありがとうございます。この実装はいけなかったんですね！！！ このままよりedp3142様からアドバイスいただいたDIVタグで定義して切りかえれるように修正します。 修正できましたら報告いたします。
補足
お礼に記載したかったのですがお礼ボタンがなく補足に入力いたします。 本日Divタグで定義して切り替え可能となりました。 ありがとうございました。