□ きさら [2005年07月18日21時51分]またまたお邪魔いたします、きさらです。タイトルの通りなのですが秘密ちゃんのメッセージ入力欄に画像の表示が出来るようにしたいのです。そして入力欄のウィンドウの大きさも画像に合わせて変えたいのです・・・が、どこをどういじればいいのかわかりません。質問ばかりで申し訳ありませんがよろしくお願いいたします。 □ NXer [2005年07月19日20時57分]きさらさん、7/14のレスをどうもありがとうございました。NXerですさて、>メッセージ入力欄に画像について、スタイルシートを使えば、表示可能です。しかし、はじめにお断りです。当方は秘密ちゃんは、シェアウェアなのでダウンロードしていません。そのスクリプトは全く不明です。現在フォームの設定は、ブラックボックス状態です。幸い、すえぽんさんのスクリプトは、いくつもの部品（モジュール）から構成されています。おそらくこのcgiでも、style 設定のモジュールがあると思います。（想定外のこともありえます。そのときは、m(_ _)mです。）スタイルの指定でtextareaの記述があるかもしれません。そこで設定することも可能ですが、直接マルチラインの入力欄にスタイルで画像を背景に指定できます。これはすえぽんさんのbirthday.cgiですが、そのメッセージ入力欄に、同じディレクトリ内にあるhome.gifを背景にテストしてみました。秘密ちゃんの入力行にstyleの属性を書き足してみてください。------------------------------------例188 print "<td><font size=2>メッセージ</font></td><td><font size=2><textarea name=msg style='background-image:url(home.gif)' rows=2 cols=35></textarea></font></td></tr><tr>\n";--(htmlで記述する時は sytle=" ~ " です。perlのためシングルクオート）スタイル部で設定する場合はtextarea{background-image:url(bcgrnd.gif);}となるのでしょうか。bcgrnd.gifは同じディレクトリに転送済みとします。背景色の設定がしてある（/ない）かもしれません。例background-color:$initialbgcolor;適当に調整してください。たぶん後に来る行が有効になりますからstyleの最後に追加すればよいと思います。余計なことですが、入力フォームに背景画像や背景色を使うと入力文字の属性（フォント色、サイズ、フォント種）なども様々な利用者の視覚に優しくする（universal designの)観点から、同時に設定する必要があるかもしれません。例.fs{color:white;font:11pt 'MSゴシック';}<textarea class="fs"> perlの時は 'fs'で試してください。画像のサイズは、textareaのサイズに規定されると思います。rows=2 cols=35のように、画面制限内で任意の大きさに指定できます。ウィンドウとかいてありますので、別の設定が必要かもしれません。以上です。入力フォームのデザインについて、参考文献を掲載しておきます。ホームページ裏技大全HTML TIPS&TRICKS インプレス、ｐ36 □ きさら [2005年07月20日23時41分]NXerさんこんばんは、またまたご回答をいただきましてありがとうございます。とっても丁寧な説明をいただきまして本当にありがとうございます。> textarea{background-image:url(bcgrnd.gif);}こちらを試してみましてメッセージ入力フォームに指定した画像を表示する事が出来ました。ただ私が画像を表示させたいのは文字を入力する場所ではなくて、フォームの外の部分なのです。ウェブ拍手みたいにクリックすると別ページが開いて、画像や文字を見れて尚且つその下に文字入力フォームがあるという形式にしたかったのです。私の質問の仕方がわかりにくいために大変ご迷惑をおかけしました事をお詫びいたします。そして何とか目的の場所に画像を表示させる事が出来ました＾＾；print "ここから送信される内容は$master宛に送信されます。<br>";の文章の内の好きな位置に(私は文頭にいれました)<img src='×××.jpg'>と、入力するだけでした。こ・・・こんな簡単な事に気がつかなかったなんて恥ずかしいです。""の中にタグを入れるだけで良かったんですね、無知で本当にお恥ずかしいです・・・NXerさん、色々とお手数をおかけしまして本当に申し訳ありませんでした。でもNXerさんからいただいた助言のおかげでどこをどういじればどうなるのかが少し理解できました。教えて下さった方法でフォーム内部にも画像表示をして色々試してみています。本当に本当にありがとうございました<(＿ ＿)>
またまたお邪魔いたします、きさらです。タイトルの通りなのですが秘密ちゃんのメッセージ入力欄に画像の表示が出来るようにしたいのです。そして入力欄のウィンドウの大きさも画像に合わせて変えたいのです・・・が、どこをどういじればいいのかわかりません。質問ばかりで申し訳ありませんがよろしくお願いいたします。
きさらさん、7/14のレスをどうもありがとうございました。NXerですさて、>メッセージ入力欄に画像について、スタイルシートを使えば、表示可能です。しかし、はじめにお断りです。当方は秘密ちゃんは、シェアウェアなのでダウンロードしていません。そのスクリプトは全く不明です。現在フォームの設定は、ブラックボックス状態です。幸い、すえぽんさんのスクリプトは、いくつもの部品（モジュール）から構成されています。おそらくこのcgiでも、style 設定のモジュールがあると思います。（想定外のこともありえます。そのときは、m(_ _)mです。）スタイルの指定でtextareaの記述があるかもしれません。そこで設定することも可能ですが、直接マルチラインの入力欄にスタイルで画像を背景に指定できます。これはすえぽんさんのbirthday.cgiですが、そのメッセージ入力欄に、同じディレクトリ内にあるhome.gifを背景にテストしてみました。秘密ちゃんの入力行にstyleの属性を書き足してみてください。------------------------------------例188 print "<td><font size=2>メッセージ</font></td><td><font size=2><textarea name=msg style='background-image:url(home.gif)' rows=2 cols=35></textarea></font></td></tr><tr>\n";--(htmlで記述する時は sytle=" ~ " です。perlのためシングルクオート）スタイル部で設定する場合はtextarea{background-image:url(bcgrnd.gif);}となるのでしょうか。bcgrnd.gifは同じディレクトリに転送済みとします。背景色の設定がしてある（/ない）かもしれません。例background-color:$initialbgcolor;適当に調整してください。たぶん後に来る行が有効になりますからstyleの最後に追加すればよいと思います。余計なことですが、入力フォームに背景画像や背景色を使うと入力文字の属性（フォント色、サイズ、フォント種）なども様々な利用者の視覚に優しくする（universal designの)観点から、同時に設定する必要があるかもしれません。例.fs{color:white;font:11pt 'MSゴシック';}<textarea class="fs"> perlの時は 'fs'で試してください。画像のサイズは、textareaのサイズに規定されると思います。rows=2 cols=35のように、画面制限内で任意の大きさに指定できます。ウィンドウとかいてありますので、別の設定が必要かもしれません。以上です。入力フォームのデザインについて、参考文献を掲載しておきます。ホームページ裏技大全HTML TIPS&TRICKS インプレス、ｐ36
NXerさんこんばんは、またまたご回答をいただきましてありがとうございます。とっても丁寧な説明をいただきまして本当にありがとうございます。> textarea{background-image:url(bcgrnd.gif);}こちらを試してみましてメッセージ入力フォームに指定した画像を表示する事が出来ました。ただ私が画像を表示させたいのは文字を入力する場所ではなくて、フォームの外の部分なのです。ウェブ拍手みたいにクリックすると別ページが開いて、画像や文字を見れて尚且つその下に文字入力フォームがあるという形式にしたかったのです。私の質問の仕方がわかりにくいために大変ご迷惑をおかけしました事をお詫びいたします。そして何とか目的の場所に画像を表示させる事が出来ました＾＾；print "ここから送信される内容は$master宛に送信されます。<br>";の文章の内の好きな位置に(私は文頭にいれました)<img src='×××.jpg'>と、入力するだけでした。こ・・・こんな簡単な事に気がつかなかったなんて恥ずかしいです。""の中にタグを入れるだけで良かったんですね、無知で本当にお恥ずかしいです・・・NXerさん、色々とお手数をおかけしまして本当に申し訳ありませんでした。でもNXerさんからいただいた助言のおかげでどこをどういじればどうなるのかが少し理解できました。教えて下さった方法でフォーム内部にも画像表示をして色々試してみています。本当に本当にありがとうございました<(＿ ＿)>
