formのtextの文字色を変えたい

2008/09/28 11:38

このQ&Aのポイント

JavaScriptでパラメータを用いて2ページ目のフォームのテキストボックスに値を自動入力する方法について、テキストボックスの文字色を変える方法を知りたいです。
1ページ目で指定したパラメータを2ページ目のフォーム内のテキストボックスに自動入力する際に、他のテキストボックスとは異なる文字色に設定したいです。
質問者は、これが実現可能かどうかを知りたいです。

jef080928
お礼率100% (4/4)

JavaScript
回答数4
ありがとう数6

みんなの回答 （4）
専門家の回答

質問者が選んだベストアンサー

ベストアンサー

noname#84373

2008/09/28 15:06 回答No.3

<html> <body> <form action="test1.html" method="post" onSubmit="hoge()"> <p> <input type="text" id="a" value="abcde"><br> <input type="text" id="b" value="aiueo"><br> <input type="submit"> </p> </form> <script> window.onload=function(){ saveCookie('a','',1); saveCookie('b','',1); } function hoge(){ saveCookie('a',document.getElementById('a').value,1); saveCookie('b',document.getElementById('b').value,1); return true; } function saveCookie( vn, v, dy ){ if(navigator.cookieEnabled) document.cookie=vn+'='+escape(v)+ ';expires='+new Date((new Date()).getTime()+dy*86400000).toGMTString();} </script> -------------- <html> <head><style>.col1{color:#f00}</style></head> <body> <form submit="test1.html" onSubmit="hoge()"> <p> <input type="text" id="a" value="abcde"><br> <input type="text" id="b" value="aiueo"><br> <input type="submit"> </p> </form> <script> window.onload=function(){ var v; document.getElementById('a').className=(v=loadCookie('a'))?'col1':''; document.getElementById('a').value= v; document.getElementById('b').className=(v=loadCookie('b'))?'col1':''; document.getElementById('b').value= v; } function saveCookie( vn, v, dy ){ if(navigator.cookieEnabled) document.cookie=vn+'='+escape(v)+ ';expires='+new Date((new Date()).getTime()+dy*86400000).toGMTString();} function loadCookie(vn){ var r = '',o = document.cookie.split('; '); for (var i in o){ var c = o[i].split('='); if (c[0]==vn && c[1]!=''){ r = c[1]?unescape(c[1]):'';break; }} return r;} </script>

質問者

お礼 2008/09/28 23:35

_pipi_さん回答有難うございました。難しいスクリププトをいただきました。これから解読させていただきます。とりあえずお礼まで。

ログインすると、全ての回答が全文表示されます。

その他の回答 (3)

noname#84373

2008/09/29 06:32 回答No.4

受け渡しにはクッキーを使ってます saveCookie(vn,v,dy)のvnは変数の名前、vは変数の値、dyが保存期間 loadCokkie(vn)で変数の名前の値を読み出しますもし渡されたデータがnull以外だったら赤色に変える if(para=='') document.getElementById('a').style.color='#f00'; サンプルは、データの受け渡しがあれば、スタイルシートで classNameをcol1（赤）にしてます。あと自分のミス発見２つめのHTMLでフォームの <form submit="test1.html" onSubmit="hoge()"> のsubmit="test1.html"は意味がありませんなくして、idでもふってください

質問者

お礼 2008/09/30 10:49

_pipi_さん No.4の補足説明有難うございました。クッキーでお受け渡し方法参考になりました。有効期限付きでの受け渡し方法までできることがわかり大変参考になりました。渡されたデータの内容で色変えをする条件文なども大凡理解できました。もう少し自分の中で、理解を深め自分の応用例に組み込んで見たいと思っています。有難うございました。フォーム内で、単純に特定のテキスト欄などの文字フォント、色、背景色などはstyleでHTMLでも処理できるのでそちらの方法とも組み合わせて行こうと考えています。

ログインすると、全ての回答が全文表示されます。

yambejp
ベストアンサー率51% (3827/7415)

2008/09/28 13:25 回答No.2

javascirptでパラメータの受け渡しをするのであれば、 (1)getでlocation.searchをつかう (2)hash値をつかう (3)クッキーをつかうなどあると思いますが、どれも中途半端。やはりデータの受け渡しにはgetやpostをつかったサーバーサイドのプログラムを利用するのが賢明です

質問者

お礼 2008/09/28 23:28

yambejpさん、回答にお礼を申し上げます。質問にも書かせていただきましたが、パラメータの引渡しについては、URL上に丸見えになりますが、この方法で引き渡すことで問題意識は持っていません。これでOKと思っています。質問のポイントはこの引き渡された「？=no.001」から「no.001」を抽出してフォームのテキスト内に指定した色で書き込む方法が考えつかなくてお知恵を駆りたくて質問したのです。例示したスクリプトで黒色であればテキスト欄内に「no.001」は書き込まれているかと思います。この色を黒でなく指定した色にしたいのです。他のテキスト欄は黒色でよく、パラメータとして引き渡されたものだけを識別できるように色を変えたいのです。お分かりいただけますでしょうか？

ログインすると、全ての回答が全文表示されます。