如何使用Jquery从colorbox元素中获取父元素属性及其值

时间:2013-08-05 11:21:14

标签: javascript jquery colorbox

我使用colorbox作为弹出窗口,其中包含“更改”链接。

POPUPUP.HTML

<div class="popup-shell">
  <div class="image-holder">        
    <a href="<?php echo $_REQUEST['uri']; ?>" 
       id="loupe3"><img alt="" 
                        src="<?php echo $_REQUEST['showuri']; ?>" /></a>        
  </div>
  <p class="buttons-small">
    <a id="accept" class="button" href="javascript:;">accept</a>
    <a id="change" class="button button-gray disabled" href="javascript:;">change</a>
  </p>
</div>

PARENTPAGE.html是一个标识为Preview1的链接。单击此链接可打开POPUP.HTML Colorbox(上面显示的html)

PARENTPAGE.HTML

<div  class="span2">
    <span id="Upload1" class="btn btn-file button fuploadbtn">
     <span class="fileupload-new button-s"> 
        <em>upload</em> 
        <i class="icon icon-upload"></i>
        <br>
        <input type="file" name="file"/>
     </span>
    </span>
    <a id="Preview1" href="popup.php" class="preview button button-s colorbox-link span2">
       <em>preview</em>
       <i class="icon icon-preview"></i>
    </a>
    <span id="Spinner1" class="nomargin" style="display:none" >Uploading..</span>
</div>

在PARENTPAGE.html中,您可以看到一个文件输入字段,只需点击<span id='Upload1' ...>即可访问该字段。上传文件后,链接<a id="Preview1" ...>将被启用,取代Upload1按钮。单击链接Preview1时,将弹出POPUP。

我想要实现的是,点击popup.html中的<a id="change" ...>可以打开与Parenpage.html中<span id="Upload1" ..>相关联的文件选择对话框。

这里要注意的是有2个文件parentpage.html和popup.html

请帮忙。

0 个答案:

没有答案
相关问题