お世話になります。カテゴリー違いであるかもしれませんがご容赦下さい。
javascriptについて勉強をし始めた所の初学者です。
ホームページビルダー14を使用してホームページを製作しています。
ページを開いたときに表示するサブウィンドウの切り替えボタン等で、閲覧して下さる方々にページの背景模様や文字色等を変更してもらえるようにメインウィンドウを操作できるようにしたいと考えています。背景や文字の要素ごとに切り替えられるセレクトメニューを設置したいのです。
具体的には、トップページを開いた時に
http://www.sky.sannet.ne.jp/masapine/java_newwin …のページのような形状のサブウィンドウが開くようにしたいと考えています。
背景模様(画像)の変更は、http://javascript.eweb-design.com/1302_bic.htmlのサイトに書かれているようなchBgImgで切り替える方法を取りたいと思っています。
文字色やリンク色はhttp://www.tagindex.com/javascript/page/color1.h …のようなdocument.fgColorで切り替え、 その他の変更点等は、http://allabout.co.jp/gm/gc/23930/4/のようにスタイルシートで切り替える形を取りたく、これら3つのソースで設置したセレクトメニューをサブウィンドウに設置してメインウィンドウを切り替えるソースを教えて頂きたいと思うのです。つまり、個々の設置したいソースの内容には辿りついたのですが、それらをサブウィンドウから操作するソースが分からないという事なんです…。
背景模様の切り替えのセレクトメニューの表示には文字の代わりに画像を表示させたく、その際、セレクトメニューの各項目をマウスポイントした時に、画像表示が拡大表示される…というようなそのような事が可能であれば、そのソースも合わせてお教えいただきたく思います…。説明が下手でお恥ずかしい限りです…。
アドバイスを下さる方がいらっしゃいましたらよろしくお願い致します。
No.2ベストアンサー
- 回答日時:
お勉強のため、いろいろ試してみるのも止めませんが、
3つ目に挙げられている色の変更
document.bgColor
document.fgColor
document.linkColor
document.vlinkColor
document.alinkColor
は、現在非推奨で廃止予定(いつブラウザーが見捨てるかは解らないけど)
です。2つ目のサイトの例のようにstyle属性で色変更やった方がベターです。
https://developer.mozilla.org/en/DOM/CSS
document.linkColor
document.vlinkColor
document.alinkColor
はCSS擬似クラスだから、CSSのプロパティ変更で対応
(style属性だけでも工夫すればよいが)
となると、全部の変更機能を、4つ目のサイトのやり方に統一したほうが、
ごちゃごちゃしなくなると思います。
それと、一つ目のサイトの例にある別windowの中身を毎回
function OpenWindow(){
document.write("<HTML> ~
で書き出すのも、毎回同じものを書き出すだけなら意味無いような...
そもそも、変更メニューを別のHTMLにして、別窓オープンで開かなくても
自ページ内でポップアップ表示も出来ますよ。
この回答への補足
お返事が遅れてしまい申し訳ありませんでした。
非推奨の事は全く知りませんでしたのでとても勉強になりました。
お返事が遅れた上に補足して頂くなど虫がいいとは思うのですが…。
ポップアップ表示については自分なりに調べてみたのですが、別窓オープンとの違いが良くつかめなくて…お時間が許すのであればその点について御教授願えればと思います。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- その他(ソフトウェア) Figma 1 2023/06/23 14:22
- その他(プログラミング・Web制作) pythonで変数にオブジェクトを代入するにはどうしたらよいでしょうか 2 2023/08/20 20:36
- アプリ Edgeを操作するアプリについて 4 2023/05/11 22:48
- AJAX 自作の地図をグーグルマップのようにしたい 3 2022/11/15 11:53
- HTML・CSS (Javascript)印刷するファイルに応じて印刷プレビュー画面で用紙を自動的に切り替えたい!! 2 2022/04/11 12:04
- JavaScript [Java] Edgeでのアドレスバー非表示について 3 2022/04/20 17:51
- Word(ワード) Microsoft Word2023で、修正箇所を表示させたい 1 2023/02/09 10:07
- JavaScript 指定時間になったら、WEBサイトの更新を自動で行うには…? 3 2022/04/28 22:14
- HTML・CSS 画像が分割されて切り替わる、ループアニメーションが作りたい 7 2023/05/27 17:12
- モニター・ディスプレイ 「.cur」のアイコン表示について 4 2023/03/04 10:21
関連するカテゴリからQ&Aを探す
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
文字を一文字ずつ表示
-
XMLでのAttributeを持ったNode...
-
responseTextについて
-
DOM要素を削除しても、イベント...
-
FireFoxのjavascriptで自動でキ...
-
Latexに関する質問です。
-
JavaScript window.openで開く...
-
javascriptの基本的なことだと...
-
複数のプルダウンメニューの選...
-
乗換案内 VBAで操作したい
-
javascript:(function(q, a, z)...
-
正規表現による日本語の置換
-
ラジオボタンでreadonlyの切替え
-
ダブルでコンボボックスについて
-
ポップアップウインド
-
ドロップダウンメニューを短縮...
-
iframe内のページがロードし続ける
-
TexでΣの添え字の位置直し
-
VBの記述方法はVBAと同じなので...
-
google apps scriptの終了のさせ方
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
JavaScript window.openで開く...
-
文字を一文字ずつ表示
-
DOM要素を削除しても、イベント...
-
FireFoxのjavascriptで自動でキ...
-
javascriptの基本的なことだと...
-
このjavascriptのif文、条件式...
-
XMLでのAttributeを持ったNode...
-
Latexに関する質問です。
-
Null またはオブジェクトではあ...
-
VBAでIEのボタンを押してメッセ...
-
乗換案内 VBAで操作したい
-
javascriptのdocument.allにつ...
-
TexでΣの添え字の位置直し
-
showModalDialogで開いた画面を...
-
ラジオボタンでreadonlyの切替え
-
excle VBA とweb上の検索を利用...
-
LaTeX:数式を等号揃えにする方法
-
TEXTAREA内の改行位置をinnerHT...
-
iframe内のページ(複数)を変更
-
ブラウザのウィンドウサイズに...
おすすめ情報