123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130 |
- <!DOCTYPE html>
- <html>
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <title></title>
- <script type="text/javascript" src="../internal.js"></script>
- <style type="text/css">
- .warp {
- width: 320px;
- height: 153px;
- margin-left: 5px;
- padding: 20px 0 0 15px;
- position: relative;
- }
- #url {
- width: 290px;
- margin-bottom: 2px;
- margin-left: -6px;
- margin-left: -2px\9;
- *margin-left: 0;
- _margin-left: 0;
- }
- .format span {
- display: inline-block;
- width: 58px;
- text-align: center;
- zoom: 1;
- }
- table td {
- padding: 5px 0;
- }
- #align {
- width: 65px;
- height: 23px;
- line-height: 22px;
- }
- </style>
- </head>
- <body>
- <div class="warp">
- <table width="300" cellpadding="0" cellspacing="0">
- <tr>
- <td colspan="2" class="format"><span><var
- id="lang_input_address"></var></span> <input style="width: 200px"
- id="url" type="text" value="" /></td>
- </tr>
- <tr>
- <td colspan="2" class="format"><span><var
- id="lang_input_width"></var></span><input style="width: 200px"
- type="text" id="width" /> px</td>
- </tr>
- <tr>
- <td colspan="2" class="format"><span><var
- id="lang_input_height"></var></span><input style="width: 200px"
- type="text" id="height" /> px</td>
- </tr>
- <tr>
- <td><span><var id="lang_input_isScroll"></var></span><input
- type="checkbox" id="scroll" /></td>
- <td><span><var id="lang_input_frameborder"></var></span><input
- type="checkbox" id="frameborder" /></td>
- </tr>
- <tr>
- <td colspan="2"><span><var id="lang_input_alignMode"></var></span>
- <select id="align">
- <option value=""></option>
- <option value="left"></option>
- <option value="right"></option>
- </select></td>
- </tr>
- </table>
- </div>
- <script type="text/javascript">
- var iframe = editor._iframe;
- if(iframe){
- $G("url").value = iframe.getAttribute("src")||"";
- $G("width").value = iframe.getAttribute("width")||iframe.style.width.replace("px","")||"";
- $G("height").value = iframe.getAttribute("height") || iframe.style.height.replace("px","") ||"";
- $G("scroll").checked = (iframe.getAttribute("scrolling") == "yes") ? true : false;
- $G("frameborder").checked = (iframe.getAttribute("frameborder") == "1") ? true : false;
- $G("align").value = iframe.align ? iframe.align : "";
- }
- function queding(){
- var url = $G("url").value.replace(/^\s*|\s*$/ig,""),
- width = $G("width").value,
- height = $G("height").value,
- scroll = $G("scroll"),
- frameborder = $G("frameborder"),
- float = $G("align").value,
- newIframe = editor.document.createElement("iframe"),
- div;
- if(!url){
- alert(lang.enterAddress);
- return false;
- }
- newIframe.setAttribute("src",/http:\/\/|https:\/\//ig.test(url) ? url : "http://"+url);
- /^[1-9]+[.]?\d*$/g.test( width ) ? newIframe.setAttribute("width",width) : "";
- /^[1-9]+[.]?\d*$/g.test( height ) ? newIframe.setAttribute("height",height) : "";
- scroll.checked ? newIframe.setAttribute("scrolling","yes") : newIframe.setAttribute("scrolling","no");
- frameborder.checked ? newIframe.setAttribute("frameborder","1",0) : newIframe.setAttribute("frameborder","0",0);
- float ? newIframe.setAttribute("align",float) : newIframe.setAttribute("align","");
- if(iframe){
- iframe.parentNode.insertBefore(newIframe,iframe);
- domUtils.remove(iframe);
- }else{
- div = editor.document.createElement("div");
- div.appendChild(newIframe);
- editor.execCommand("inserthtml",div.innerHTML);
- }
- editor._iframe = null;
- dialog.close();
- }
- dialog.onok = queding;
- $G("url").onkeydown = function(evt){
- evt = evt || event;
- if(evt.keyCode == 13){
- queding();
- }
- };
- $focus($G( "url" ));
- </script>
- </body>
- </html>
|