javascript初心者です。１つのHTMLファイル内で、TABLE内のあるセルに対して、ボタンクリック時に単なるセルの値をタイプに変更する関数をinnerHTMLを使用して作成しました。ところが実行すると一時的には更新され、表の中にフォームが表示されるのですが、関数を抜けると画面が再描画されて、初期表示状態に戻ってしまいます。おかしな事は、その関数のすぐ下はでscriptの記述は終わりなのですが、関数の最後の締めくくり文字"}"と" "間にalertを記述すると、関数を抜けたあと、このalertが実行されます。そのまま下に流れてHTMLが実行されているようにも見えます。環境はIE6.0(W2K)ですが、IE5.5(NT4.0&W2K)でも現象は一緒でした。 frameを使用して3ファイル（フレームファイルと上下のHTML）に分割して自分以外のhtmlをinnerHTMLで更新したことはあるのですが、この方法しかないでしょうか。画面再描画を停止するMETAタグとか見当たらないようですが、ご存知でしたら教えて下さい。よろしくお願いします。

innerHTMLで画面更新後、初期画面に戻ってしまう。

解決済

質問者：keichapapa
質問日時：2002/09/06 13:49
回答数：2件

javascript初心者です。
　１つのHTMLファイル内で、TABLE内のあるセルに対して、ボタンクリック時に単なるセルの値を<INPUT>タイプに変更する関数をinnerHTMLを使用して作成しました。
　ところが実行すると一時的には更新され、表の中に<INPUT>フォームが表示されるのですが、関数を抜けると画面が再描画されて、初期表示状態に戻ってしまいます。
　おかしな事は、その関数のすぐ下は</SCRIPT>でscriptの記述は終わりなのですが、関数の最後の締めくくり文字"}"と"</SCRIPT>"間にalertを記述すると、関数を抜けたあと、このalertが実行されます。そのまま下に流れてHTMLが実行されているようにも見えます。
　環境はIE6.0(W2K)ですが、IE5.5(NT4.0&W2K)でも現象は一緒でした。
　frameを使用して3ファイル（フレームファイルと上下のHTML）に分割して自分以外のhtmlをinnerHTMLで更新したことはあるのですが、この方法しかないでしょうか。
　画面再描画を停止するMETAタグとか見当たらないようですが、ご存知でしたら教えて下さい。
よろしくお願いします。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (2件)

ベストアンサー優先
最新から表示
回答順に表示

No.2ベストアンサー

回答者： Mizyu
回答日時：2002/09/06 17:32

ソースありがとうございました。

修正方法は
onclick="fDayEdit()" を
onclick="return fDayEdit()" に変更

そして
fDayEdit関数の中身の
break;　をすべて
return false;
に変更してください。

これでできました。

- 0
- 件

通報する

この回答へのお礼

できました！！”return”が必要だったのですネ。
丸１日悩んでいたのが、嘘のようで、ここに尋ねにきてよかったです。
ソースまで見ていただき、本当にありがとうございました。
インターネットや周りの知り合いに聞いても的確な回答が得られなかったので
本当に助かりました。
まだまだjavascript初心モノですが、また是非よろしくお願いします。

通報する

お礼日時：2002/09/06 21:41

No.1

回答者： Mizyu
回答日時：2002/09/06 14:26

ソースがないとピンときません。

そのソースを記載してもらえないでしょうか？

あとできれば、Webサーバーは何を使っているかも教えていただけたらありがたいです。

この回答への補足

Mizyuさん、早速の返事、ありがとうございます。
すぐに回答欲しい、といっておきながら遅れてすみません。
綺麗なソースではないと思いますが記載させていただきます。表のＸ２右横のイメージ（×になっているでしょうが）をクリックすると現象が見られると思います。
それからＷｅｂサーバは使用してません。デモ用画面のためＷｅｂブラウザのみの環境で動作させてます。
どうぞよろしくお願いします。
====================================================
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN">
<HTML>
<HEAD>
<SCRIPT language="javascript">

</SCRIPT>
</HEAD>
<BODY>
<NOBR>
<BR><BR>
</NOBR>
<INPUT TYPE="image" onClick="seikaClose()" VALUE="<IMG border="0" src="../image/btm_close.gif" width="80" height="24">
<FORM NAME="form1">
<TABLE BORDER="1">
<TR CLASS="hyodai">
<TD NOWRAP ALIGN="center" COLSPAN="2">

</TD>
<TD NOWRAP ALIGN="center" WIDTH="100">
<TABLE BORDER="0">
<TR>
<TD NOWRAP ALIGN="center" WIDTH="100">Ｘ１</TD>
</TR>
</TABLE>
</TD>
<TD NOWRAP ALIGN="center" WIDTH="100">
<TABLE BORDER="0">
<TR>
<TD NOWRAP ALIGN="center" WIDTH="100">Ｘ２</TD>
<TD NOWRAP ALIGN="center"><INPUT TYPE="image" src="../image/btm_edit20s.gif" WIDTH="40" HEIGHT="20" BORDER="0" onclick="fDayEdit()"></TD>
</TR>
</TABLE>
</TD>
</TR>
<TR>
<TD ALIGN="center" VALIGN="middle" CLASS="hyodai" WIDTH="10">
<INPUT TYPE="radio" NAME="komoku" VALUE="0"></INPUT>
</TD>
<TD CLASS="hyodai" VALIGN="top" WIDTH="100">
Ｙ１
</TD>
<TD CLASS="meisai">
ＸＸＸＸＸ
</TD>
<TD CLASS="meisai" ALIGN="center" ID="D10">
<FONT COLOR="red">2003/05/01</FONT>
</TD>
</TR>
<TR>
<TD ROWSPAN="3" ALIGN="center" VALIGN="middle" CLASS="hyodai" WIDTH="10">
<INPUT TYPE="radio" NAME="komoku" VALUE="1"></INPUT>
</TD>
<TD CLASS="hyodai" ROWSPAN="3" VALIGN="top" WIDTH="100">
Ｙ２
</TD>
<TD CLASS="meisai">
ＸＸＸＸＸ
</TD>
<TD CLASS="meisai" ALIGN="center" ID="D20">
<FONT COLOR="red">2003/05/20</FONT>
</TD>
</TR>
<TR>
<TD CLASS="meisai">
ＸＸＸＸＸ
</TD>
<TD CLASS="meisai" ALIGN="center" ID="D21">
<FONT COLOR="red">2003/05/25</FONT>
</TD>
</TR>
<TR>
<TD CLASS="meisai">
ＸＸＸＸＸ
</TD>
<TD CLASS="meisai" ALIGN="center" ID="D22">
<FONT COLOR="red">2003/05/31</FONT>
</TD>
</TR>
<TR>
<TD CLASS="hyodai" WIDTH="10" ALIGN="center" VALIGN="middle">
<INPUT TYPE="radio" NAME="komoku" VALUE="2" CLASS="hyodai"></INPUT>
</TD>
<TD CLASS="hyodai" ROWSPAN="2">
Ｙ３
</TD>
<TD CLASS="meisai">
ＸＸＸＸＸ
</TD>
<TD CLASS="meisai" ALIGN="center" ID="D30">
<FONT COLOR="red">2003/04/30</FONT>
</TD>
</TR>
</TABLE>
</FORM>
</BODY>
</HTML>

====================================================