0

别介意问题解决了!非常感谢您的帮助!

我有以下问题:

我做了一个弹出 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 的 echo 中的代码是:

<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> 

之后,我有了调用 image_manager.php 并显示所有图片的图像 div:

    <div id="images">

    </div>  

当我将图像单击到名称为:banner_image_link 的输入时,我无法解析图像路径的值。

有关更多信息,请随时问我。

谢谢你的时间,我很抱歉我的大内容!

亲切的问候,

科斯坦丁诺斯·西亚特利斯

4

1 回答 1

0

我不确定我是否理解正确..您单击图像,然后您想读取该图像的 src 属性并将该值复制到另一个输入字段中?

尝试这个。

$('#imageID').live('click', function(){
   var src = $( this ).attr('src');
   $('#inputID').attr('value', src);
})  
于 2012-08-23T11:10:13.073 回答