You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
98 lines
4.2 KiB
98 lines
4.2 KiB
<!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> |