通过javascript解析从按钮到输入的值.(嘟嘟的弹出窗口）

Parse value from button to input through javascript.(toogle Popup Window)

本文关键字：窗口 输入 javascript 按钮 通过      更新时间：2023-09-26

从未想过问题已解决！非常感谢你的帮助！

我有以下问题：

我制作了一个弹出的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新闻区（链接：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并显示所有图片的imagediv：

    <div id="images">
    </div>

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

如需更多信息，请不要急于问我。

谢谢你抽出时间，我为我的大内容感到抱歉！

诚挚的问候，

Siaterlis Kostantinos

我不确定我是否正确理解你。。你点击一个图像，然后你想读取该图像的src属性并将该值复制到另一个输入字段中？

试试这个。

$('#imageID').live('click', function(){
   var src = $( this ).attr('src');
   $('#inputID').attr('value', src);
})
相关文章：