| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223 |
- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
- <html>
- <head>
- <title>文本框</title>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
- <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
- <meta name="generator" content="www.leipi.org"/>
- <link rel="stylesheet" href="bootstrap/css/bootstrap.css">
- <!--[if lte IE 6]>
- <link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap-ie6.css">
- <![endif]-->
- <!--[if lte IE 7]>
- <link rel="stylesheet" type="text/css" href="bootstrap/css/ie.css">
- <![endif]-->
- <link rel="stylesheet" href="leipi.style.css">
- <script type="text/javascript" src="../dialogs/internal.js"></script>
- <script type="text/javascript">
- /* Thank you by
- http://www.alt-tag.com/blog/2006/02/ie-dom-bugs/ */
- function createElement(type, name) {
- var element = null;
- try {
- element = document.createElement('<' + type + ' name="' + name + '">');
- } catch (e) {
- }
- if (element == null) {
- element = document.createElement(type);
- element.name = name;
- }
- return element;
- }
- </script>
- </head>
- <body>
- <div class="content">
- <table class="table table-bordered table-striped table-hover">
- <tr>
- <th><span>控件名称</span><span class="label label-important">*</span></th>
- <th><span>默认值</span></th>
- </tr>
- <tr>
- <td><input type="text" id="orgname" placeholder="必填项"></td>
- <td><input type="text" id="orgvalue" placeholder="无则不填"></td>
- </tr>
- <tr>
- <th><span>数据类型</span></th>
- <th><span>对齐方式</span></th>
- </tr>
- <tr>
- <td>
- <select id="orgtype">
- <option value="text">普通文本</option>
- <option value="email">邮箱地址</option>
- <option value="int">整数</option>
- <option value="float">小数</option>
- <option value="idcard">身份证号码</option>
- </select>
- </td>
- <td>
- <select id="orgalign">
- <option value="left">左对齐</option>
- <option value="center">居中对齐</option>
- <option value="right">右对齐</option>
- </select>
- </td>
- </tr>
- <tr>
- <th>
- <span> 长 X 宽 & 字体大小</span>
- </th>
- <th><span>可见性</span></th>
- </tr>
- <tr>
- <td>
- <input id="orgwidth" type="text" value="150" class="input-small span1" placeholder="auto"/>
- X
- <input id="orgheight" type="text" value="" class="input-small span1" placeholder="auto"/>
- &
- <input id="orgfontsize" type="text" value="" class="input-small span1" placeholder="auto"/> px
- </td>
- <td>
- <label class="checkbox inline"><input id="orghide" type="checkbox"/> 隐藏 </label>
- </td>
- </tr>
- </table>
- </div>
- <script type="text/javascript">
- var oNode = null, thePlugins = 'text';
- window.onload = function () {
- if (UE.plugins[thePlugins].editdom) {
- oNode = UE.plugins[thePlugins].editdom;
- var gValue = '';
- if (oNode.getAttribute('value'))
- gValue = oNode.getAttribute('value').replace(/"/g, "\"");
- var gTitle = oNode.getAttribute('title').replace(/"/g, "\""), gHidden = oNode.getAttribute('orghide'),
- gFontSize = oNode.getAttribute('orgfontsize'), gAlign = oNode.getAttribute('orgalign'),
- gWidth = oNode.getAttribute('orgwidth'), gHeight = oNode.getAttribute('orgheight'),
- gType = oNode.getAttribute('orgtype');
- gValue = gValue == null ? '' : gValue;
- gTitle = gTitle == null ? '' : gTitle;
- $G('orgvalue').value = gValue;
- $G('orgname').value = gTitle;
- if (gHidden == '1') {
- $G('orghide').checked = true;
- }
- $G('orgfontsize').value = gFontSize;
- $G('orgwidth').value = gWidth;
- $G('orgheight').value = gHeight;
- $G('orgalign').value = gAlign;
- $G('orgtype').value = gType;
- }
- }
- dialog.oncancel = function () {
- if (UE.plugins[thePlugins].editdom) {
- delete UE.plugins[thePlugins].editdom;
- }
- };
- dialog.onok = function () {
- if ($G('orgname').value == '') {
- alert('请输入控件名称');
- return false;
- }
- var gValue = $G('orgvalue').value.replace(/\"/g, """),
- gTitle = $G('orgname').value.replace(/\"/g, """), gFontSize = $G('orgfontsize').value,
- gAlign = $G('orgalign').value, gWidth = $G('orgwidth').value, gHeight = $G('orgheight').value,
- gType = $G('orgtype').value;
- if (!oNode) {
- try {
- oNode = createElement('input', 'leipiNewField');
- oNode.setAttribute('type', 'text');
- oNode.setAttribute('title', gTitle);
- oNode.setAttribute('value', gValue);
- oNode.setAttribute('name', 'leipiNewField');
- oNode.setAttribute('leipiPlugins', thePlugins);
- if ($G('orghide').checked) {
- oNode.setAttribute('orghide', 1);
- } else {
- oNode.setAttribute('orghide', 0);
- }
- if (gFontSize != '') {
- oNode.style.fontSize = gFontSize + 'px';
- //style += 'font-size:' + gFontSize + 'px;';
- oNode.setAttribute('orgfontsize', gFontSize);
- }
- if (gAlign != '') {
- //style += 'text-align:' + gAlign + ';';
- oNode.style.textAlign = gAlign;
- oNode.setAttribute('orgalign', gAlign);
- }
- if (gWidth != '') {
- oNode.style.width = gWidth + 'px';
- //style += 'width:' + gWidth + 'px;';
- oNode.setAttribute('orgwidth', gWidth);
- }
- if (gHeight != '') {
- oNode.style.height = gHeight + 'px';
- //style += 'height:' + gHeight + 'px;';
- oNode.setAttribute('orgheight', gHeight);
- }
- if (gType != '') {
- oNode.setAttribute('orgtype', gType);
- }
- //oNode.setAttribute('style',style );
- //oNode.style.cssText=style;//ie7
- editor.execCommand('insertHtml', oNode.outerHTML);
- } catch (e) {
- try {
- editor.execCommand('error');
- } catch (e) {
- alert('控件异常,请到 [雷劈网] 反馈或寻求帮助!');
- }
- return false;
- }
- } else {
- oNode.setAttribute('title', gTitle);
- oNode.setAttribute('value', $G('orgvalue').value);
- if ($G('orghide').checked) {
- oNode.setAttribute('orghide', 1);
- } else {
- oNode.setAttribute('orghide', 0);
- }
- if (gFontSize != '') {
- oNode.style.fontSize = gFontSize + 'px';
- oNode.setAttribute('orgfontsize', gFontSize);
- } else {
- oNode.style.fontSize = '';
- oNode.setAttribute('orgfontsize', '');
- }
- if (gAlign != '') {
- oNode.style.textAlign = gAlign;
- oNode.setAttribute('orgalign', gAlign);
- } else {
- oNode.setAttribute('orgalign', '');
- }
- if (gWidth != '') {
- oNode.style.width = gWidth + 'px';
- oNode.setAttribute('orgwidth', gWidth);
- } else {
- oNode.style.width = '';
- oNode.setAttribute('orgwidth', '');
- }
- if (gHeight != '') {
- oNode.style.height = gHeight + 'px';
- oNode.setAttribute('orgheight', gHeight);
- } else {
- oNode.style.height = '';
- oNode.setAttribute('orgheight', '');
- }
- if (gType != '') {
- oNode.setAttribute('orgtype', gType);
- } else {
- oNode.setAttribute('orgtype', '');
- }
- delete UE.plugins[thePlugins].editdom;
- }
- };
- </script>
- </body>
- </html>
|