通过PHP的html表单的图像库选择器

时间:2012-03-05 03:59:51

标签: javascript html-form

我有一个文本字段,我想添加一个图像库的链接。用户单击他们想要的图像并关闭图库,并将文本字段设置为他们选择的图像ID。

如何使用PHP实现此目的?

感谢。

2 个答案:

答案 0 :(得分:1)

你不需要PHP来做那些。你可以使用如下的简单html / javascript

form.html

<html>
<head>
<script language="JavaScript">
var windowReference;
function openPopup() {
windowReference = window.open('images.html','imagewindow');
windowReference.opener = self;
}
</script>
</head>
<body>
<form name="formName">
<input onclick="openPopup();" type="textbox" name="test" value="" id="image-1"/>
</form>
</body>
</html>

images.html

<script>
function setvalue(imgid) {
console.log(window.opener);
window.opener.document.getElementById('image-1').value = imgid;
window.close();
 }
</script>
<img src="image-1.jpg" onclick="setvalue(1)" />
<img src="image-2.jpg" onclick="setvalue(2)" />

答案 1 :(得分:0)

如果你在两行之间阅读,这个问题就足够了。您需要同时使用jqueryfancybox等弹出工具。涉及的唯一PHP是在fancybox

中打开的页面上