繁体   English   中英

从按钮解析值以通过javascript输入。(toogle弹出窗口)

[英]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.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM