[英]HTML, JavaScript. How to display different information on the same popup window button
[英]Parse value from button to input through javascript.(toogle Popup Window)
永远不会解决问题! 非常感谢您的帮助!
我有以下问题:
我已经创建了一个弹出div部分,该部分实际上是一个图像管理器启动器,问题是我想要一个人单击图像时,图像的路径进入输入字段。
但是因为里面有很多不同的相册,里面有图片,所以我使用Javascript中的.load()函数来自动更改菜单项。
例
function changeDiv(link)
{
if(link == 'album_cover'){
$('#images').load('image_manager.php?path=Album_cover');
}
if(link == 'background'){
$('#images').load('image_manager.php?path=Background');
}
.
.more ifs
.
}
我在邮政新闻区(链接:post_new.php)中,image_manager.php用于显示每个专辑的图像。 我从javascript获取路径,然后显示了正确的图片。
我正在使用此功能弹出窗口:
function toggleImageLauncher(x) {
if ($('#'+x).is(":hidden")) {
$('#'+x).fadeIn(200);
} else {
$('#'+x).fadeOut(200);
}
}
还有一些CSS。
我现在的问题是:在image_manager.php中,我的数据库中的文件夹和表中也都有每张图片。
我在image_manager.php中回显的代码是:
<div style="width:100px; height:100px;">
<input type="image"src="../media/siteAlbum_thumbs/'.$image['folder_name'].'/'.$image['title'].'"
onclick="javascript:document.getElementById(\'banner_image_link\').value='.$image['path'].'>
</div>
这是在foreach中从数据库获取每个图像的信息。 $ image是具有图像所有信息的数组。
在post_new.php中,现在输入:
Banner Image :
<input name="banner_image_link" type="text" size="50" maxlength="32"
value="">
<input name="banner_image" type="button" value="Browse..."
onClick="javascript:toggleImageLauncher('image_manager');">
在下面,我有弹出菜单中出现的相册菜单:
<div style="float:left;">
<ul>
<li><a id="album" onclick="changeDiv('album_cover')">Album Cover</a></li>
<li><a id="back" onclick="changeDiv('background')">Background</a></li>
... more <li></li>
</div>
在那之后,我有一个图像div,它调用了image_manager.php并显示了所有图片:
<div id="images">
</div>
当我单击名称为banner_image_link的输入图像时,无法解析图像路径的值。
有关更多信息,请随时询问我。
谢谢您的时间,对我的大量内容感到抱歉!
亲切的问候,
Kostantinos Siaterlis
我不确定我是否理解正确。.单击图像,然后要读取该图像的src属性,然后将该值复制到另一个输入字段中?
尝试这个。
$('#imageID').live('click', function(){
var src = $( this ).attr('src');
$('#inputID').attr('value', src);
})
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.