JavaScript  

新しいウィンドウをラジオボタンで背景色を指定して開く


white blue yellow red green pink


window.open()メソッドの戻り値は、
ウィンドウのオープンに成功すると……新しいウィンドウのwindowオブジェクト
失敗すると……null
となる。
そこで、グローバル変数としたnewWindowに、
newWindow = window.open("","","width=200,height=300")
で戻り値を入れ、それがnullでないことを確認したうえで、
HTML文書を生成している。
新しいウィンドウでは、self.close()で閉じるボタンを作り、
元のウィンドウでは、閉じるためのボタンに
onClick="if(newWindow != null) newWindow.close()"
を指定している。(newWindowがグローバル変数)

ラジオボタンのグループの中からチェックされているものを調べ、 そのvalueを変数backcolに入れています。

for(i=0 ; i < document.forms[0].color.length ; i++) {
 if(document.forms[0].color[i].checked) {
  var backcol = document.forms[0].color[i].value
  break
 }
}





Top Page   Menu   back