onClick将图像url复制到输入字段和显示图像

时间:2013-06-17 23:00:14

标签: onclick

我有一个插件,可以让你在图像上添加文字。如果您将图像的URL添加到字段中,它会在左侧加载图像,并允许您在其上添加一些文本..

我真正想要的是显示一个图像库,所以当我点击一个图像时,它会将源复制到一个字段并自动加载图像..

当我用下面的脚本点击图像但是没有在左侧加载图像时,我将图像源输入到输入字段中......

这是插件www.chistesdominicanos.com/editordememe ...如果您单击页面底部带瓶子的人的图像,它会将图像源复制到URL字段但不加载图像在左边...如果你手动复制/粘贴它开始工作的URL ..你能告诉我我做错了吗?

<script type="text/javascript">
function clicked(address) {
document.getElementById('meme-image-url-0').value = address.src;
  document.getElementById('meme-top-text-0').focus();

}

<form>
<label for="copy_img">Image</label>
<input type="text" name="meme-image-url-0" id="meme-image-url-0" />

</form>
<li><img src="http://www.iltlaugh.com/wp-content/uploads/2012/10/437273.jpg" onclick="clicked(this)"/></li>
</ul>

0 个答案:

没有答案