2012-09-13 55 views
0
頁面

數據包含圖像得到來自jQuery的對話框中選擇要我用JQuery的對話框打開一個彈出父

<script type="text/javascript"> 
    jQuery(document).ready(function(){  
    jQuery("#btnAddWidget").click(showDialog); 

     $myWindow = jQuery('#widgetDialog'); 

     $myWindow.dialog({ height: 350, 
     width: 400, 
     modal: true, 
     position: 'center', 
     autoOpen:false, 
     title:'Add Widget', 
     overlay: { opacity: 0.5, background: 'black'} 
     }); 
    } 
); 

    var showDialog = function() { 
    $myWindow.show(); 
    $myWindow.dialog("open"); 
    } 

    var closeDialog = function() { 
    $myWindow.dialog("close"); 
    } 
</script> 

在對話框

<div class="headerlinks"> 
    <input id="btnAddWidget" name="addWidget" value="Add Widget" type="button" /> 
    <div id="widgetDialog" style="display:none">  
     <img border="0" id="imgRMS" src="sample.jpg" /> 
     <input id="btnAddToDashboard" name="addToDashboard" value="Add To Dashboard" type="button" />  
    </div>  
</div> 

在父頁面

<div id="dashboard" class="dashboard"> 
    <div id="w1" class="column"></div>  
</div> 

點擊「添加到儀表板」我想圖像被放置在各自的div w1父頁面。 任何人都可以提出這個建議。

回答

1
$("#btnAddToDashboard").click(function(e){ 
    $("#w1").append($("<img>").attr("src",$(this).prev().attr("src"))); 
}); 

Fiddle

+0

感謝您的答覆,但可以建議我怎麼可以得到整個DIV父,如果我的形象是另一個DIV(在對話框中) – Mango