2012-03-28 69 views
0

嗨彈出,創建與汽車的寬度和高度

我想創建一個彈出,其內容將來自外部的,我希望把他們的內容在popup.I的iframe標籤是不知道有多少內容會來,它會是大數據或小數據。所以我想要實現的是,彈出窗口寬度&高度應該自動調整爲內容的寬度和高度,如果內容太大(如果它超過了身寬和高度),內容div標籤必須自動滾動....有沒有辦法實現...代碼是讚賞...

這裏是我的代碼,我相信會的工作(但它不是給予適當輸出)

<style> 
#irmNPopupContainer{ 
    display:inline-block; 
    border:8px solid rgba(0,0,0,0.4); 
    border-radius:8px;  
    } 
    #irmNPopupHdr{ 
    height:30px; 
    width:100%; 
    background:#e4e4e4; 
    } 
    #irmNPopupHdr span:first-child{ 
    padding:0px 0px 0px 5px; 
    font-weight:bold; 
    color:#333333; 
    } 
    #irmNPopupHdr span:last-child{ 
    position:absolute; 
    right:2px; 
    top:2px; 
    cursor:pointer; 
    } 
    #irmNPopupContent iframe{ 
    width:100%; 
    height:100%; 
    } 
    </style> 

<body> 
    <div id="irmNPopupContainer"> 
    <div id="irmNPopupHdr"><span>Agreement Search</span><span><img src="badge_cancel_32.png"></span></div> 
    <div id="irmNPopupContent"> 
     <iframe src="http://www.w3schools.com" frameborder=0> 
     </iframe> 
    </div> 
    </div> 
</body> 

回答

1
  1. y不你使用表而不是divs?
  2. 你是否也想設置iframe的高度和寬度?如果是,那麼你需要使用easyxdm插件來調整大小ifrmae這裏是一個插件鏈接(這將適用於跨域,如果域相同,則不需要插件,你可以通過JS代碼設置寬度和高度。) http://easyxdm.net/wp/2010/03/17/resize-iframe-based-on-content/