複数の画像を含むフォームがあります。ユーザーがいずれかの画像をクリックすると、サムネイル付きのポップアップ ウィンドウが表示されます。いずれかのサムネイルをクリックすると、ユーザーの選択に従って、親ウィンドウのソース画像を置き換える必要があります (元の画像を入れ替えます)。次のスクリプトは、 logo1変数とplaceHolder1変数がハードコードされているため、1 つの画像に対してのみ正常に機能します。親ウィンドウからポップアップウィンドウに画像IDを送信するにはどうすればよいですか?以下は動的になりますか?
editPage.editForm。logo1 .value = oName
編集ページ。placeHolder1 .src = "画像/ユーザー/" + oName;
ところで、メイン ウィンドウの画像の名前と ID は、フォーム テンプレートに従って変更される可能性があります。
template.php
<script type="text/javascript">
function logoWin() {
window.open('logos.php','logos','height=500,width=700,status=yes,toolbar=no,menubar=no,location=no,scrollbars=yes,resizable=yes');
}
</script>
<form action="" id="editForm" name="editForm" enctype="multipart/form-data">
<img src=”images/user/logo1.jpg” name="placeHolder1" id="placeHolder1" onclick='logoWin()'>
<img src=”images/user/logo2.jpg” name="placeHolder2" id="placeHolder2" onclick='logoWin()'>
<img src=”images/user/logo3.jpg” name="placeHolder3" id="placeHolder3" onclick='logoWin()'>
<input type="hidden" name="logo1" value="<?php echo $main_logo1; ?>" />
<input type="hidden" name="logo2" value="<?php echo $main_logo2; ?>" />
<input type="hidden" name="logo3" value="<?php echo $main_logo3; ?>" />
<input type="submit" value="Save" id="save">
</form>
ロゴ.php
<script language="JavaScript">
function getFile(oImg){
editPage = eval(window.opener.document)
oSrc = oImg.src;
lastSlash = oSrc.lastIndexOf('/');
oName = oSrc.substr(lastSlash+1);
editPage.editForm.logo1.value = oName
editPage. placeHolder1.src = " images/user/" + oName;
this.close()
}
</script>
[php loop]
<img src='images/user/".$row->img_file_name."' onclick='getFile(this)'>
<img src='images/user/".$row->img_file_name."' onclick='getFile(this)'>
<img src='images/user/".$row->img_file_name."' onclick='getFile(this)'>