0

複数の画像を含むフォームがあります。ユーザーがいずれかの画像をクリックすると、サムネイル付きのポップアップ ウィンドウが表示されます。いずれかのサムネイルをクリックすると、ユーザーの選択に従って、親ウィンドウのソース画像を置き換える必要があります (元の画像を入れ替えます)。次のスクリプトは、 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)'>
4

1 に答える 1