v1.0
wanghousheng
1 year ago
parent
7c861eae96
commit
517c3d8449
|
Before Width: | Height: | Size: 1.4 KiB |
@ -1,15 +1,15 @@ |
||||
window.publicConfig = { |
||||
// 系统名称 APP_NAME: 'Sass',
|
||||
|
||||
// 必填: api地址, 换成自己的域名即可
|
||||
// 例如: https://www.你的域名.com/index.php?s=/store
|
||||
//BASE_API: '../index.php?s=/store',
|
||||
// BASE_API: 'http://www.yzshop.cn/index.php?s=/store',
|
||||
BASE_API: 'https://www.royaum.com.cn/index.php?s=/store', |
||||
|
||||
// 图片文件上传大小 (单位mb)
|
||||
uploadImageSize: 2, |
||||
|
||||
// 视频文件上传大小 (单位mb)
|
||||
uploadVideoSize: 20, |
||||
} |
||||
window.publicConfig = { |
||||
// 系统名称 APP_NAME: 'Sass',
|
||||
|
||||
// 必填: api地址, 换成自己的域名即可
|
||||
// 例如: https://www.你的域名.com/index.php?s=/store
|
||||
//BASE_API: '../index.php?s=/store',
|
||||
//BASE_API: 'http://www.yzshop.cn/index.php?s=/store',
|
||||
BASE_API: 'https://www.royaum.com.cn/index.php?s=/store', |
||||
|
||||
// 图片文件上传大小 (单位mb)
|
||||
uploadImageSize: 2, |
||||
|
||||
// 视频文件上传大小 (单位mb)
|
||||
uploadVideoSize: 20, |
||||
} |
||||
|
||||
File diff suppressed because one or more lines are too long
@ -1 +0,0 @@ |
||||
[data-v-3c57eb08] .ant-form-item-control{padding-left:10px}.ant-form-item .ant-form-item[data-v-3c57eb08]{margin-bottom:0}[data-v-ea3bde88] .ant-form-item-control{padding-left:10px}.ant-form-item .ant-form-item[data-v-ea3bde88]{margin-bottom:0}.ant-modal-root[data-v-5ce7a04e]{background:#ccc}.ant-modal-root[data-v-5ce7a04e] .ant-modal-body{padding-bottom:8px}.ant-modal-root[data-v-5ce7a04e] .ant-modal-footer{padding-top:0}.search-form[data-v-5ce7a04e] .ant-form-item-control-wrapper{min-width:180px}.ant-form-item[data-v-ecac45ee]{margin-bottom:25px}[data-v-ecac45ee] .ant-form-item-control{padding-left:10px}[data-v-ecac45ee] .ant-form-item-control .ant-form-item-control{padding-left:0} |
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -1 +0,0 @@ |
||||
.order-content[data-v-1dbebebe]{margin-bottom:70px}.order-content[data-v-1dbebebe] .ant-descriptions-item>span{vertical-align:middle}.order-content .o-divider[data-v-1dbebebe]{margin-bottom:32px}.order-content .order-progress[data-v-1dbebebe]{height:26px;line-height:26px;background:#f8f8f8;border-radius:13px;font-size:13px;text-align:center;position:relative}.order-content .order-progress[data-v-1dbebebe]:after,.order-content .order-progress[data-v-1dbebebe]:before{content:"";position:absolute;z-index:2;left:0;top:0;bottom:0;border-radius:13px;background:#d6893b}.order-content .order-progress[data-v-1dbebebe]:after{background:#fce4c0;z-index:1}.order-content .order-progress.progress-1[data-v-1dbebebe]:before{width:0}.order-content .order-progress.progress-1[data-v-1dbebebe]:after,.order-content .order-progress.progress-2[data-v-1dbebebe]:before{width:20%}.order-content .order-progress.progress-2[data-v-1dbebebe]:after,.order-content .order-progress.progress-3[data-v-1dbebebe]:before{width:40%}.order-content .order-progress.progress-3[data-v-1dbebebe]:after,.order-content .order-progress.progress-4[data-v-1dbebebe]:before{width:60%}.order-content .order-progress.progress-4[data-v-1dbebebe]:after{width:80%}.order-content .order-progress.progress-5[data-v-1dbebebe]:after,.order-content .order-progress.progress-5[data-v-1dbebebe]:before{width:100%}.order-content .order-progress.progress-5 li[data-v-1dbebebe]:nth-child(5){color:#fff}.order-content .order-progress li[data-v-1dbebebe]{width:20%;float:left;border-radius:13px;position:relative;z-index:3}.order-content .order-progress .tip[data-v-1dbebebe]{font-size:12px;padding-top:10px;color:#8c8c8c}.order-content .order-progress.progress-1 li[data-v-1dbebebe]:first-child,.order-content .order-progress.progress-2 li[data-v-1dbebebe]:first-child,.order-content .order-progress.progress-2 li[data-v-1dbebebe]:nth-child(2),.order-content .order-progress.progress-3 li[data-v-1dbebebe]:first-child,.order-content .order-progress.progress-3 li[data-v-1dbebebe]:nth-child(2),.order-content .order-progress.progress-3 li[data-v-1dbebebe]:nth-child(3),.order-content .order-progress.progress-4 li[data-v-1dbebebe]:first-child,.order-content .order-progress.progress-4 li[data-v-1dbebebe]:nth-child(2),.order-content .order-progress.progress-4 li[data-v-1dbebebe]:nth-child(3),.order-content .order-progress.progress-4 li[data-v-1dbebebe]:nth-child(4),.order-content .order-progress.progress-5 li[data-v-1dbebebe]:first-child,.order-content .order-progress.progress-5 li[data-v-1dbebebe]:nth-child(2),.order-content .order-progress.progress-5 li[data-v-1dbebebe]:nth-child(3),.order-content .order-progress.progress-5 li[data-v-1dbebebe]:nth-child(4){color:#fff}.order-content .goods-list[data-v-1dbebebe] table{table-layout:auto}.order-content .goods-list .order-price[data-v-1dbebebe]{padding:8px 20px;text-align:right}.order-content .actions .action-item[data-v-1dbebebe]{float:left;margin-right:8px}.hide-bar[data-v-1dbebebe] .ant-tabs-bar{display:none}[data-v-1dbebebe] .ant-tabs-bar{margin-bottom:20px}.deliver-goods-list .goods-item[data-v-1dbebebe]{position:relative;border-radius:4px;overflow:hidden;width:65px;height:65px;float:left;margin-right:15px}.deliver-goods-list .goods-img[data-v-1dbebebe]{display:block;width:100%;height:100%}.deliver-goods-list .title[data-v-1dbebebe]{position:absolute;bottom:0;width:100%;text-align:center;background:rgba(0,0,0,.6);color:#fff;padding:2px 0;font-size:12px} |
||||
File diff suppressed because one or more lines are too long
@ -1 +0,0 @@ |
||||
.ant-form-item[data-v-7234e17d]{margin-bottom:15px}[data-v-7234e17d] .ant-form-item-control{padding-left:10px}[data-v-7234e17d] .ant-form-item-control .ant-form-item-control{padding-left:0}.ant-divider[data-v-7234e17d]{margin-top:50px!important}.ant-form-item[data-v-044a35ec]{margin-bottom:15px}[data-v-044a35ec] .ant-form-item-control{padding-left:10px}[data-v-044a35ec] .ant-form-item-control .ant-form-item-control{padding-left:0}.ant-divider[data-v-044a35ec]{margin-top:60px!important}.ant-input-disabled[data-v-044a35ec]{background-color:#fafafa;color:rgba(0,0,0,.45)}.ant-form-item[data-v-75e55880]{margin-bottom:15px}[data-v-75e55880] .ant-form-item-control{padding-left:10px}[data-v-75e55880] .ant-form-item-control .ant-form-item-control{padding-left:0}.ant-divider[data-v-75e55880]{margin-top:60px!important}.ant-input-disabled[data-v-75e55880]{background-color:#fafafa;color:rgba(0,0,0,.45)}.ant-form-item[data-v-d288868c]{margin-bottom:20px}[data-v-d288868c] .ant-form-item-control{padding-left:10px}[data-v-d288868c] .ant-form-item-control .ant-form-item-control{padding-left:0}.ant-divider[data-v-d288868c]{margin-top:60px!important}.ant-input-disabled[data-v-d288868c]{background-color:#fafafa;color:rgba(0,0,0,.45)}.ant-form-item[data-v-3025a70a]{margin-bottom:24px}[data-v-3025a70a] .ant-form-item-control{padding-left:10px}[data-v-3025a70a] .ant-form-item-control .ant-form-item-control{padding-left:0}.ant-divider[data-v-3025a70a]{margin-top:60px!important}.ant-form-item[data-v-0284bdca]{margin-bottom:15px}[data-v-0284bdca] .ant-form-item-control{padding-left:10px}[data-v-0284bdca] .ant-form-item-control .ant-form-item-control{padding-left:0}.ant-divider[data-v-0284bdca]{margin-top:60px!important}.ant-input-disabled[data-v-0284bdca]{background-color:#fafafa;color:rgba(0,0,0,.45)}[data-v-4c858f5a] .ant-form-item-control{padding-left:10px}[data-v-4c858f5a] .ant-form-item-control .ant-form-item-control{padding-left:0} |
||||
@ -1 +0,0 @@ |
||||
.ant-form-item[data-v-12b00230]{margin-bottom:25px}[data-v-12b00230] .ant-form-item-control{padding-left:10px}[data-v-12b00230] .ant-form-item-control .ant-form-item-control{padding-left:0}.ant-form-item[data-v-4f21524e]{margin-bottom:25px}[data-v-4f21524e] .ant-form-item-control{padding-left:10px}[data-v-4f21524e] .ant-form-item-control .ant-form-item-control{padding-left:0} |
||||
@ -1 +0,0 @@ |
||||
.ant-card-body[data-v-2e1ff95f],.ant-card-body[data-v-9bca15c6],.ant-card-body[data-v-0795f10a]{padding:22px 29px 25px}.tab-list[data-v-0795f10a]{margin-right:20px}.ant-card-body[data-v-5960fe6e]{padding:22px 29px 25px}.tab-list[data-v-5960fe6e]{margin-right:20px}.preview-box[data-v-5960fe6e]{width:120px;height:80px;line-height:80px}.preview-box img[data-v-5960fe6e]{display:block;max-width:100%;max-height:100%}.ant-card-body[data-v-3c32653e]{padding:22px 29px 25px}.tab-list[data-v-3c32653e]{margin-right:20px}.content[data-v-3a6a9c49]{min-height:400px;overflow:auto}.content .recordContent[data-v-3a6a9c49]{height:100%}.kong[data-v-3a6a9c49]{height:20px} |
||||
@ -1 +0,0 @@ |
||||
.ant-modal-root[data-v-34698004]{background:#ccc}.ant-modal-root[data-v-34698004] .ant-modal-body{padding-bottom:8px}.ant-modal-root[data-v-34698004] .ant-modal-footer{padding-top:0}.search-form[data-v-34698004] .ant-form-item-control-wrapper{min-width:180px}.poster-modal[data-v-294d4e2c]{min-height:200px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.poster-modal img[data-v-294d4e2c]{max-width:100%}.pagination[data-v-0cfb1f61]{margin-top:16px}.pagination .ant-pagination[data-v-0cfb1f61]{float:right}.ant-table table[data-v-0cfb1f61]{border:none;border-collapse:collapse}.ant-table .ant-table-thead>tr[data-v-0cfb1f61]{border:1px solid #e8e8e8}.ant-table tr.order-empty[data-v-0cfb1f61]{height:15px;border:1px solid #fff}.ant-table tr.order-empty td[data-v-0cfb1f61]{padding:0;border-right:none;border-left:none;background:none!important}.ant-table-thead>tr>th[data-v-0cfb1f61]{border-right:none;border-bottom:none;padding:12px 12px;font-weight:700}.ant-table-tbody>tr>td[data-v-0cfb1f61]{border-right:1px solid #e8e8e8;border-left:1px solid #e8e8e8;padding:12px 12px}.order-dealer .dealer-item[data-v-0cfb1f61]{float:left;margin-right:100px;font-size:13px}.order-dealer .dealer-item .am-text-right[data-v-0cfb1f61]{display:inline-block;width:80px;text-align:right}.ant-form-item[data-v-dba0c8a4]{margin-bottom:15px}[data-v-dba0c8a4] .ant-form-item-control{padding-left:10px}[data-v-dba0c8a4] .ant-form-item-control .ant-form-item-control{padding-left:0}.ant-divider[data-v-dba0c8a4]{margin-top:60px!important}.my-form[data-v-dba0c8a4],.poster-preview[data-v-dba0c8a4]{float:left}.my-form[data-v-dba0c8a4]{margin-left:80px;min-width:800px;margin-top:20px}.poster-preview[data-v-dba0c8a4]{width:377px;height:auto;min-height:500px;margin:0 auto;border:1px solid #ccc;position:relative}.poster-preview img[data-v-dba0c8a4]{display:block;width:100%;height:auto}.poster-preview .backdrop img[data-v-dba0c8a4],.poster-preview .drag[data-v-dba0c8a4]{-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-select:none}.poster-preview .drag[data-v-dba0c8a4]{position:absolute;cursor:pointer;white-space:nowrap;top:0}.poster-preview .drag.pre-avatar[data-v-dba0c8a4]{width:70px;height:70px}.poster-preview .drag.pre-avatar.circle img[data-v-dba0c8a4]{border-radius:100%}.poster-preview .drag.pre-nickName[data-v-dba0c8a4]{font-size:13x;line-height:1}.poster-preview .drag.pre-nickName span[data-v-dba0c8a4]{display:block}.poster-preview .drag.pre-qrcode[data-v-dba0c8a4]{width:100px;height:100px}.poster-preview .drag.pre-qrcode.circle img[data-v-dba0c8a4]{border-radius:100%}.pannel__right[data-v-dba0c8a4]{min-width:500px;max-width:800px}.m-colorPicker[data-v-dba0c8a4]{display:block;background-color:#fff;border:1px solid #d9d9d9;padding:6px 5px;width:66px}.m-colorPicker[data-v-dba0c8a4] .colorBtn{cursor:pointer;width:53px;height:20px;border:1px solid #000}.m-colorPicker[data-v-dba0c8a4] .box{left:-152px;top:35px}.ant-form-item[data-v-fce24a9a]{margin-bottom:15px}[data-v-fce24a9a] .ant-form-item-control{padding-left:10px}[data-v-fce24a9a] .ant-form-item-control .ant-form-item-control{padding-left:0}.ant-divider[data-v-fce24a9a]{margin-top:60px!important}.ant-divider[data-v-fce24a9a]:before{width:10%}.ant-divider.first[data-v-fce24a9a]{margin-top:10px!important} |
||||
@ -1 +0,0 @@ |
||||
.ant-form-item .ant-form-item[data-v-79faf411],.ant-form-item .ant-form-item[data-v-ef7f3db4]{margin-bottom:0}[data-v-093b7666] .ant-form-item-control{padding-left:10px}[data-v-093b7666] .ant-form-item-control .ant-form-item-control{padding-left:0} |
||||
File diff suppressed because one or more lines are too long
@ -1 +0,0 @@ |
||||
.guide-create[data-v-a15ec926]{max-width:1520px;margin:0 auto 40px auto}.guide-create .guide-item[data-v-a15ec926]{padding:18px 22px;background:#fffaf0;text-align:center;border-radius:5px}.guide-create .guide-item .title[data-v-a15ec926]{font-weight:600;font-size:18px;margin-top:3px;margin-bottom:15px}.guide-create .guide-item .describe[data-v-a15ec926]{margin-bottom:15px}.guide-create .guide-item .action[data-v-a15ec926] .ant-btn{width:105px}[data-v-078c8a1a] .ant-form-item-control{padding-left:10px}[data-v-078c8a1a] .ant-form-item-control .ant-form-item-control{padding-left:0}.ant-form-item .ant-form-item[data-v-078c8a1a]{margin-bottom:0}.ant-divider[data-v-078c8a1a]{margin-top:50px!important}.sku-batch[data-v-38e47ebc]{line-height:40px;margin-bottom:12px}.sku-batch .title[data-v-38e47ebc]{line-height:28px;margin-right:15px;font-size:13px}.sku-batch[data-v-38e47ebc] .ant-input,.sku-batch[data-v-38e47ebc] .ant-input-number{width:140px;margin-right:15px}.sku-batch[data-v-38e47ebc] .ant-input{width:140px}.sku-list[data-v-38e47ebc]{width:895px}.sku-list[data-v-38e47ebc] .ant-table-tbody>tr>td,.sku-list[data-v-38e47ebc] .ant-table-thead>tr>th{white-space:nowrap}.sku-list[data-v-38e47ebc] .ant-table-tbody>tr>td{padding:12px 18px}.sku-list[data-v-38e47ebc] .ant-input-number-sm,.sku-list[data-v-38e47ebc] .ant-input-sm{height:28px}.sku-list[data-v-38e47ebc] .ant-input-number-sm input{height:26px}[data-v-72d818ec] .ant-form-item-control{padding-left:10px}[data-v-72d818ec] .ant-form-item-control .ant-form-item-control{padding-left:0}.ant-form-item .ant-form-item[data-v-72d818ec]{margin-bottom:0}.ant-divider[data-v-72d818ec]{margin-top:50px!important}.ant-modal-root[data-v-091569fa]{background:#ccc}.ant-modal-root[data-v-091569fa] .ant-modal-body{padding-bottom:8px}.ant-modal-root[data-v-091569fa] .ant-modal-footer{padding-top:0}.search-form[data-v-091569fa] .ant-form-item-control-wrapper{min-width:180px}.ant-form-item[data-v-e659a0e2]{margin-bottom:25px}[data-v-e659a0e2] .ant-form-item-control{padding-left:10px}[data-v-e659a0e2] .ant-form-item-control .ant-form-item-control{padding-left:0}.ant-divider[data-v-e659a0e2]{margin-top:60px!important} |
||||
@ -1 +0,0 @@ |
||||
.card-title[data-v-3c696d4d]{font-size:14px;font-weight:700;margin-bottom:15px}.statistics[data-v-3c696d4d]{line-height:1}.statistics .ant-card .ant-card-body[data-v-3c696d4d]{height:100%;padding:30px 40px}.statistics .col-left[data-v-3c696d4d]{margin-right:25px;font-size:24px;color:#4799ff}.statistics .col-left .icon-body[data-v-3c696d4d]{width:58px;height:58px;border-radius:50%;background-color:#eff6ff}.statistics .col-right[data-v-3c696d4d]{margin-top:-5px}.statistics .col-right .keynote[data-v-3c696d4d]{font-size:26px}.pending[data-v-3c696d4d]{text-align:center;padding:15px 0}.pending .item[data-v-3c696d4d]{display:inline-block;padding:0 20px}.pending .item a[data-v-3c696d4d]{color:unset}.pending .item a[data-v-3c696d4d]:hover{color:#1890ff}.pending .name[data-v-3c696d4d]{font-weight:700;margin-bottom:10px;font-size:13.6px}.pending .value[data-v-3c696d4d]{font-weight:700;color:red;font-size:16px}.functions .item[data-v-3c696d4d]{display:block;padding:13px 20px;cursor:pointer}.functions .item[data-v-3c696d4d]:hover{color:#1890ff}.functions .name[data-v-3c696d4d]{font-size:13px;margin-left:10px}.functions .icon[data-v-3c696d4d]{width:28px;height:28px;color:#fff;font-size:13px;border-radius:5px}.overview a[data-v-3c696d4d]{color:unset}.overview a[data-v-3c696d4d]:hover{color:#1890ff}.overview .item[data-v-3c696d4d]{padding:13px 20px}.overview .col-left[data-v-3c696d4d]{color:#4799ff;font-size:28px;margin-right:35px}.overview .col-left .icon-body[data-v-3c696d4d]{width:58px;height:58px;border-radius:50%;background-color:#eff6ff}.overview .col-right .name[data-v-3c696d4d]{font-size:13px;color:#666}.overview .col-right .value[data-v-3c696d4d]{color:#000;font-size:24px}.overview .col-right .yesterday[data-v-3c696d4d]{display:none;font-size:12px;color:#999} |
||||
@ -1 +0,0 @@ |
||||
.ant-form-item .ant-form-item[data-v-1f61d62d],.ant-form-item .ant-form-item[data-v-5981802f],.ant-form-item .ant-form-item[data-v-17179472]{margin-bottom:0}[data-v-1f61d62d] .ant-form-item-control{padding-left:10px}[data-v-1f61d62d] .ant-form-item-control .ant-form-item-control{padding-left:0}.ant-form-item .ant-form-item[data-v-6c768cd3]{margin-bottom:0}[data-v-6c768cd3] .ant-form-item-control{padding-left:10px}[data-v-6c768cd3] .ant-form-item-control .ant-form-item-control{padding-left:0}.ant-form-item .ant-form-item[data-v-41eeb0aa]{margin-bottom:0}[data-v-41eeb0aa] .ant-form-item-control{padding-left:10px}[data-v-41eeb0aa] .ant-form-item-control .ant-form-item-control{padding-left:0}.ant-card-body[data-v-71d94242]{padding:22px 29px 25px}.ant-form-item .ant-form-item[data-v-58595866]{margin-bottom:0}[data-v-58595866] .ant-form-item-control{padding-left:10px}[data-v-58595866] .ant-form-item-control .ant-form-item-control{padding-left:0}.ant-form-item .ant-form-item[data-v-c094d56a]{margin-bottom:0}[data-v-c094d56a] .ant-form-item-control{padding-left:10px}[data-v-c094d56a] .ant-form-item-control .ant-form-item-control{padding-left:0}.content[data-v-c094d56a]{color:#505050;line-height:1.6}.content .city-name[data-v-c094d56a]{font-size:12.5px;color:#7b7b7b}.table-wrapper,.table-wrapper[data-v-144f7da1]{width:100%;overflow-x:auto;padding-bottom:20px}.pagination[data-v-144f7da1]{margin-top:16px}.pagination .ant-pagination[data-v-144f7da1]{float:right}.ant-table table[data-v-144f7da1]{border:none;border-collapse:collapse}.ant-table .ant-table-thead>tr[data-v-144f7da1]{border:1px solid #e8e8e8}.ant-table tr.order-empty[data-v-144f7da1]{height:15px;border:1px solid #fff}.ant-table tr.order-empty td[data-v-144f7da1]{padding:0;border-right:none;border-left:none;background:none!important}.ant-table-thead>tr>th[data-v-144f7da1]{border-right:none;border-bottom:none;padding:12px 12px;font-weight:700}.ant-table-tbody>tr>td[data-v-144f7da1]{border-right:1px solid #e8e8e8;border-left:1px solid #e8e8e8;padding:12px 12px} |
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -1 +0,0 @@ |
||||
.header[data-v-febfd2ea]{margin-bottom:40px;text-align:center}.header .logo[data-v-febfd2ea]{height:56px;vertical-align:top;border-style:none;margin-bottom:20px}.header .title[data-v-febfd2ea]{font-size:20px;color:#6c7293;font-family:Avenir,Helvetica Neue,Arial,Helvetica,sans-serif;position:relative;margin:0}.user-layout-login label[data-v-febfd2ea]{font-size:13px}.user-layout-login[data-v-febfd2ea] .login-input .ant-input{border:none;background:rgba(235,237,242,.4);border-radius:5px;font-size:13px}.user-layout-login[data-v-febfd2ea] .ant-form-explain{margin-top:9px;color:rgba(0,0,0,.45)}.user-layout-login .login-button[data-v-febfd2ea]{padding:0 15px;font-size:16px;height:40px;width:100%;margin-top:20px;-webkit-box-shadow:0 4px 16px 0 rgba(34,185,255,.15);box-shadow:0 4px 16px 0 rgba(34,185,255,.15)}.user-layout-login .login-button[data-v-febfd2ea]:hover{-webkit-box-shadow:0 9px 16px 0 rgba(34,185,255,.25)!important;box-shadow:0 9px 16px 0 rgba(34,185,255,.25)!important}.user-layout-login .ant-alert-error[data-v-febfd2ea]{margin-bottom:24px;background-color:#fffbfb} |
||||
@ -1 +0,0 @@ |
||||
.ant-card-body[data-v-11222ba2]{padding:22px 29px 25px}.tab-list[data-v-11222ba2]{margin-right:20px}.ant-card-body[data-v-48417328]{padding:22px 29px 25px}.tab-list[data-v-48417328]{margin-right:20px}.ant-card-body[data-v-cbf2ace4]{padding:22px 29px 25px}.tab-list[data-v-cbf2ace4]{margin-right:20px}.ant-card-body[data-v-65e0c0f4]{padding:22px 29px 25px}.tab-list[data-v-65e0c0f4]{margin-right:20px} |
||||
@ -1 +0,0 @@ |
||||
.ant-card-body[data-v-11222ba2]{padding:22px 29px 25px}.tab-list[data-v-11222ba2]{margin-right:20px}.ant-card-body[data-v-48417328]{padding:22px 29px 25px}.tab-list[data-v-48417328]{margin-right:20px}.ant-card-body[data-v-cbf2ace4]{padding:22px 29px 25px}.tab-list[data-v-cbf2ace4]{margin-right:20px}.ant-card-body[data-v-65e0c0f4]{padding:22px 29px 25px}.tab-list[data-v-65e0c0f4]{margin-right:20px} |
||||
@ -0,0 +1 @@ |
||||
.ant-card-body[data-v-11222ba2]{padding:22px 29px 25px}.tab-list[data-v-11222ba2]{margin-right:20px}.ant-card-body[data-v-57d748e6]{padding:22px 29px 25px}.tab-list[data-v-57d748e6]{margin-right:20px}.ant-card-body[data-v-cbf2ace4]{padding:22px 29px 25px}.tab-list[data-v-cbf2ace4]{margin-right:20px}.ant-card-body[data-v-54fa4222]{padding:22px 29px 25px}.tab-list[data-v-54fa4222]{margin-right:20px} |
||||
@ -1 +0,0 @@ |
||||
[data-v-71cc8672] .ant-form-item-control{padding-left:10px}[data-v-71cc8672] .ant-form-item-control .ant-form-item-control{padding-left:0}.ant-divider[data-v-71cc8672]{margin-top:60px!important}.ant-input-number[data-v-71cc8672]{width:160px}.input-text_right[data-v-71cc8672]{margin-left:10px}.radio-item[data-v-71cc8672]{margin-bottom:16px}[data-v-16c6d0b0] .ant-form-item-control{padding-left:10px}[data-v-16c6d0b0] .ant-form-item-control .ant-form-item-control{padding-left:0}[data-v-a6704cac] .ant-form-item-control{padding-left:10px}[data-v-a6704cac] .ant-form-item-control .ant-form-item-control{padding-left:0}.ant-form-item[data-v-2199021a]{margin-bottom:10px}[data-v-2199021a] .ant-form-item-control{padding-left:10px}[data-v-2199021a] .ant-form-item-control .ant-form-item-control{padding-left:0}.ant-divider[data-v-2199021a]{margin-top:50px!important}[data-v-4479d0fc] .ant-form-item-control{padding-left:10px}[data-v-4479d0fc] .ant-form-item-control .ant-form-item-control{padding-left:0}.ant-divider[data-v-4479d0fc]{margin-top:50px!important}.table-rules .operation{text-align:right}.table-rules .operation a{font-size:13px;margin-left:6px}.table-rules .content{color:#505050;white-space:normal}.table-rules .content .city-name{font-size:12.5px;color:#7b7b7b}[data-v-1d463747] .ant-table-tbody>tr>td,[data-v-1d463747] .ant-table-thead>tr>th{padding:11px 16px}.ant-switch-small[data-v-1d463747]{min-width:38px;height:20px;line-height:14px}.ant-switch-small[data-v-1d463747] .ant-switch-inner{margin-right:3px;margin-left:20px;font-size:12px}.ant-switch-small[data-v-1d463747]:after{width:16px;height:16px}.payment-item[data-v-1d463747]{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:22px}.payment-item .name[data-v-1d463747]{font-size:18px;color:#333;line-height:1;margin-bottom:20px;font-weight:700}.item-client[data-v-1d463747]{width:20%;min-width:180px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;border:1px solid #e8e8e8;border-right:none}.item-method[data-v-1d463747]{width:80%;min-width:800px}.item-method .pay-method-item[data-v-1d463747]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.item-method .pay-method-item .pay-icon[data-v-1d463747]{font-size:24px;margin-right:8px}.item-method .select-template[data-v-1d463747]{width:200px}.ant-form-item[data-v-7840e2d5]{margin-bottom:15px}[data-v-7840e2d5] .ant-form-item-control{padding-left:10px}[data-v-7840e2d5] .ant-form-item-control .ant-form-item-control{padding-left:0}.ant-form-item[data-v-66391143]{margin-bottom:15px}[data-v-66391143] .ant-form-item-control{padding-left:10px}[data-v-66391143] .ant-form-item-control .ant-form-item-control{padding-left:0}[data-v-29ac8f6d] .ant-form-item-control{padding-left:10px}[data-v-29ac8f6d] .ant-form-item-control .ant-form-item-control{padding-left:0}.ant-checkbox-wrapper+.ant-checkbox-wrapper[data-v-74c84ca0]{margin-left:0}.ant-checkbox-wrapper[data-v-74c84ca0]{margin-right:14px;margin-bottom:18px}[data-v-74c84ca0] .ant-form-item-control{padding-left:10px}[data-v-74c84ca0] .ant-form-item-control .ant-form-item-control{padding-left:0} |
||||
@ -1 +0,0 @@ |
||||
.sku-batch[data-v-7731882e]{line-height:40px;margin-bottom:12px}.sku-batch .title[data-v-7731882e]{line-height:28px;margin-right:15px;font-size:13px}.sku-batch[data-v-7731882e] .ant-input,.sku-batch[data-v-7731882e] .ant-input-number{width:120px;margin-right:15px}.sku-batch[data-v-7731882e] .ant-input{width:140px}.sku-list[data-v-7731882e]{width:895px}.sku-list[data-v-7731882e] .ant-table-tbody>tr>td,.sku-list[data-v-7731882e] .ant-table-thead>tr>th{white-space:nowrap}.sku-list[data-v-7731882e] .ant-table-tbody>tr>td{padding:12px 18px}.sku-list[data-v-7731882e] .ant-input-number-sm,.sku-list[data-v-7731882e] .ant-input-sm{height:28px}.sku-list[data-v-7731882e] .ant-input-number-sm input{height:26px}[data-v-972bb6ce] .ant-form-item-control{padding-left:10px}.ant-form-item .ant-form-item[data-v-972bb6ce]{margin-bottom:0}[data-v-1f4f7daa] .ant-form-item-control{padding-left:10px}.ant-form-item .ant-form-item[data-v-1f4f7daa]{margin-bottom:0}[data-v-351068a8] .ant-form-item-control{padding-left:10px}.ant-form-item .ant-form-item[data-v-351068a8]{margin-bottom:0}.times-checkbox[data-v-351068a8]{width:570px;margin-bottom:-12px}.times-checkbox[data-v-351068a8] .ant-checkbox-wrapper{margin-right:15px;margin-bottom:11px}[data-v-11743671] .ant-form-item-control{padding-left:10px}.ant-form-item .ant-form-item[data-v-11743671]{margin-bottom:0}.times-checkbox[data-v-11743671]{width:570px;margin-bottom:-12px}.times-checkbox[data-v-11743671] .ant-checkbox-wrapper{margin-right:15px;margin-bottom:11px}[data-v-9bbe13d4] .ant-form-item-control{padding-left:10px}.ant-form-item .ant-form-item[data-v-9bbe13d4]{margin-bottom:0}.times-checkbox[data-v-9bbe13d4]{width:570px;margin-bottom:-12px}.times-checkbox[data-v-9bbe13d4] .ant-checkbox-wrapper{margin-right:15px;margin-bottom:11px}.ant-form-item[data-v-3c797252]{margin-bottom:25px}[data-v-3c797252] .ant-form-item-control{padding-left:10px}[data-v-3c797252] .ant-form-item-control .ant-form-item-control{padding-left:0} |
||||
@ -1 +0,0 @@ |
||||
.card-title[data-v-567e6d2a]{font-size:14px;font-weight:700;margin-bottom:15px}.overview a[data-v-567e6d2a]{color:unset}.overview a[data-v-567e6d2a]:hover{color:#1890ff}.overview .screen[data-v-567e6d2a]{margin-top:-22px;margin-bottom:30px;text-align:center}.overview .screen .shortcut-days[data-v-567e6d2a]{margin-left:10px;line-height:32px}.overview .screen .shortcut-days a[data-v-567e6d2a]{margin:0 3px}.overview .item[data-v-567e6d2a]{padding:13px 20px}.overview .col-left[data-v-567e6d2a]{color:#6af;font-size:28px;margin-right:35px}.overview .col-left.small[data-v-567e6d2a]{font-size:26px}.overview .col-left .icon-body[data-v-567e6d2a]{width:58px;height:58px;border-radius:50%;background-color:#eff6ff}.overview .col-right .name[data-v-567e6d2a]{font-size:13px;color:#666}.overview .col-right .value[data-v-567e6d2a]{color:#000;font-size:24px}.overview .col-right .yesterday[data-v-567e6d2a]{display:none;font-size:12px;color:#999}.ranking-img[data-v-567e6d2a]{text-align:center} |
||||
File diff suppressed because one or more lines are too long
@ -1 +0,0 @@ |
||||
.ant-form-item{margin-bottom:15px}.ant-modal-body[data-v-2bace808]{padding-top:0!important}.ant-form-item[data-v-2bace808]{margin-bottom:15px}.ant-tabs-nav .ant-tabs-tab[data-v-2bace808]{padding:10px 16px}.ant-card-body[data-v-0479cb85],.ant-card-body[data-v-903cffb6]{padding:22px 29px 25px}.tab-list[data-v-903cffb6]{margin-right:20px} |
||||
@ -1 +1 @@ |
||||
<!DOCTYPE html><html lang="zh-cmn-Hans"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><title>商家管理中心</title><style>#loading-mask{position:fixed;left:0;top:0;height:100%;width:100%;background:#fff;user-select:none;z-index:9999;overflow:hidden}.loading-wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-100%)}.loading-dot{animation:antRotate 1.2s infinite linear;transform:rotate(45deg);position:relative;display:inline-block;font-size:64px;width:64px;height:64px;box-sizing:border-box}.loading-dot i{width:22px;height:22px;position:absolute;display:block;background-color:#1890ff;border-radius:100%;transform:scale(.75);transform-origin:50% 50%;opacity:.3;animation:antSpinMove 1s infinite linear alternate}.loading-dot i:nth-child(1){top:0;left:0}.loading-dot i:nth-child(2){top:0;right:0;-webkit-animation-delay:.4s;animation-delay:.4s}.loading-dot i:nth-child(3){right:0;bottom:0;-webkit-animation-delay:.8s;animation-delay:.8s}.loading-dot i:nth-child(4){bottom:0;left:0;-webkit-animation-delay:1.2s;animation-delay:1.2s}@keyframes antRotate{to{-webkit-transform:rotate(405deg);transform:rotate(405deg)}}@-webkit-keyframes antRotate{to{-webkit-transform:rotate(405deg);transform:rotate(405deg)}}@keyframes antSpinMove{to{opacity:1}}@-webkit-keyframes antSpinMove{to{opacity:1}}</style><link href="css/bargain.a8e30d2b.css" rel="prefetch"><link href="css/bargain~client~collector~content~dealer~eorder~goods~groupon~live~manage~market~order~page~server~se~a0a5d3c7.f68be847.css" rel="prefetch"><link href="css/chunk-6f7bdd33.bf400910.css" rel="prefetch"><link href="css/client.397057e4.css" rel="prefetch"><link href="css/collector.8e3845f0.css" rel="prefetch"><link href="css/content.3d7869f5.css" rel="prefetch"><link href="css/dealer.c7daa852.css" rel="prefetch"><link href="css/eorder.4dc9a0c9.css" rel="prefetch"><link href="css/goods.b54001d0.css" rel="prefetch"><link href="css/groupon.709add35.css" rel="prefetch"><link href="css/index.12ec41ec.css" rel="prefetch"><link href="css/market.723c5dd6.css" rel="prefetch"><link href="css/order.b2e5c203.css" rel="prefetch"><link href="css/page.376172eb.css" rel="prefetch"><link href="css/passport.d682a5d9.css" rel="prefetch"><link href="css/server.71da90ec.css" rel="prefetch"><link href="css/setting.6490bbf4.css" rel="prefetch"><link href="css/sharp.d1c81c44.css" rel="prefetch"><link href="css/statistics.a170187f.css" rel="prefetch"><link href="css/store.fd9b09ea.css" rel="prefetch"><link href="css/user.fe1b0cd0.css" rel="prefetch"><link href="js/bargain.85b6acf3.js" rel="prefetch"><link href="js/bargain~client~collector~content~dealer~eorder~goods~groupon~live~manage~market~order~page~server~se~a0a5d3c7.5d3caeb6.js" rel="prefetch"><link href="js/chunk-6f7bdd33.04bd8044.js" rel="prefetch"><link href="js/client.eab0bbf3.js" rel="prefetch"><link href="js/collector.059cdbcb.js" rel="prefetch"><link href="js/content.26042829.js" rel="prefetch"><link href="js/dealer.7c8c5022.js" rel="prefetch"><link href="js/dealer~page~store.a1b02a18.js" rel="prefetch"><link href="js/eorder.c215c264.js" rel="prefetch"><link href="js/exception.2e1e95e7.js" rel="prefetch"><link href="js/goods.97b7332e.js" rel="prefetch"><link href="js/groupon.2c18b9ca.js" rel="prefetch"><link href="js/index.7b4c5819.js" rel="prefetch"><link href="js/index~statistics.288f5199.js" rel="prefetch"><link href="js/lang-zh-CN.d9cf50ea.js" rel="prefetch"><link href="js/live.f20acfa8.js" rel="prefetch"><link href="js/manage.f5052985.js" rel="prefetch"><link href="js/market.32029d70.js" rel="prefetch"><link href="js/order.cbb72238.js" rel="prefetch"><link href="js/page.1f5ddf76.js" rel="prefetch"><link href="js/passport.2c3bd82f.js" rel="prefetch"><link href="js/server.d1b679d5.js" rel="prefetch"><link href="js/setting.23dbf3fe.js" rel="prefetch"><link href="js/sharp.ec6dfce9.js" rel="prefetch"><link href="js/statistics.a9e2ee31.js" rel="prefetch"><link href="js/store.bd8be1d6.js" rel="prefetch"><link href="js/user.1ed4aab2.js" rel="prefetch"><link href="css/app.f2c2e228.css" rel="preload" as="style"><link href="css/chunk-vendors.3db525a3.css" rel="preload" as="style"><link href="js/app.3065186a.js" rel="preload" as="script"><link href="js/chunk-vendors.cd94d199.js" rel="preload" as="script"><link href="css/chunk-vendors.3db525a3.css" rel="stylesheet"><link href="css/app.f2c2e228.css" rel="stylesheet"></head><body><noscript><strong>We're sorry but vue-antd-pro doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id="app"><div id="loading-mask"><div class="loading-wrapper"><span class="loading-dot loading-dot-spin"><i></i><i></i><i></i><i></i></span></div></div></div><script src="config.js"></script><script src="js/chunk-vendors.cd94d199.js"></script><script src="js/app.3065186a.js"></script></body></html> |
||||
<!DOCTYPE html><html lang="zh-cmn-Hans"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><title>商家管理中心</title><style>#loading-mask{position:fixed;left:0;top:0;height:100%;width:100%;background:#fff;user-select:none;z-index:9999;overflow:hidden}.loading-wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-100%)}.loading-dot{animation:antRotate 1.2s infinite linear;transform:rotate(45deg);position:relative;display:inline-block;font-size:64px;width:64px;height:64px;box-sizing:border-box}.loading-dot i{width:22px;height:22px;position:absolute;display:block;background-color:#1890ff;border-radius:100%;transform:scale(.75);transform-origin:50% 50%;opacity:.3;animation:antSpinMove 1s infinite linear alternate}.loading-dot i:nth-child(1){top:0;left:0}.loading-dot i:nth-child(2){top:0;right:0;-webkit-animation-delay:.4s;animation-delay:.4s}.loading-dot i:nth-child(3){right:0;bottom:0;-webkit-animation-delay:.8s;animation-delay:.8s}.loading-dot i:nth-child(4){bottom:0;left:0;-webkit-animation-delay:1.2s;animation-delay:1.2s}@keyframes antRotate{to{-webkit-transform:rotate(405deg);transform:rotate(405deg)}}@-webkit-keyframes antRotate{to{-webkit-transform:rotate(405deg);transform:rotate(405deg)}}@keyframes antSpinMove{to{opacity:1}}@-webkit-keyframes antSpinMove{to{opacity:1}}</style><link href="css/bargain.5b2072ed.css" rel="prefetch"><link href="css/bargain~client~collector~content~dealer~eorder~goods~groupon~live~manage~market~order~page~server~se~a0a5d3c7.58d33534.css" rel="prefetch"><link href="css/chunk-6f7bdd33.31a23ab9.css" rel="prefetch"><link href="css/client.5c5e9d42.css" rel="prefetch"><link href="css/collector.b654ba90.css" rel="prefetch"><link href="css/content.461b1d8e.css" rel="prefetch"><link href="css/dealer.5f260745.css" rel="prefetch"><link href="css/eorder.601f2b9c.css" rel="prefetch"><link href="css/goods.33f47545.css" rel="prefetch"><link href="css/groupon.4fa7b1f1.css" rel="prefetch"><link href="css/index.2337a2c5.css" rel="prefetch"><link href="css/market.92901c0a.css" rel="prefetch"><link href="css/order.bdb91335.css" rel="prefetch"><link href="css/page.1bf09d8e.css" rel="prefetch"><link href="css/passport.e60dbaa4.css" rel="prefetch"><link href="css/server.c3f11052.css" rel="prefetch"><link href="css/setting.bcc2c3ee.css" rel="prefetch"><link href="css/sharp.ae19a26d.css" rel="prefetch"><link href="css/statistics.f307f81b.css" rel="prefetch"><link href="css/store.27d44d64.css" rel="prefetch"><link href="css/user.cf9860dc.css" rel="prefetch"><link href="js/bargain.8dfaee30.js" rel="prefetch"><link href="js/bargain~client~collector~content~dealer~eorder~goods~groupon~live~manage~market~order~page~server~se~a0a5d3c7.24ae11f9.js" rel="prefetch"><link href="js/chunk-6f7bdd33.583147aa.js" rel="prefetch"><link href="js/client.505857a4.js" rel="prefetch"><link href="js/collector.67fb7626.js" rel="prefetch"><link href="js/content.5db1625d.js" rel="prefetch"><link href="js/dealer.13c0da18.js" rel="prefetch"><link href="js/dealer~page~store.a1b02a18.js" rel="prefetch"><link href="js/eorder.5ca60729.js" rel="prefetch"><link href="js/exception.f1c51cfa.js" rel="prefetch"><link href="js/goods.ee2b5314.js" rel="prefetch"><link href="js/groupon.fc639e72.js" rel="prefetch"><link href="js/index.ee8562a1.js" rel="prefetch"><link href="js/index~statistics.288f5199.js" rel="prefetch"><link href="js/lang-zh-CN.b926a41b.js" rel="prefetch"><link href="js/live.97bf25fc.js" rel="prefetch"><link href="js/manage.d318be20.js" rel="prefetch"><link href="js/market.141fdf0e.js" rel="prefetch"><link href="js/order.474b3c96.js" rel="prefetch"><link href="js/page.baa96897.js" rel="prefetch"><link href="js/passport.58dd6896.js" rel="prefetch"><link href="js/server.ea872d02.js" rel="prefetch"><link href="js/setting.62958110.js" rel="prefetch"><link href="js/sharp.369625d0.js" rel="prefetch"><link href="js/statistics.f2eaac6f.js" rel="prefetch"><link href="js/store.b9a5231b.js" rel="prefetch"><link href="js/user.3b31f82c.js" rel="prefetch"><link href="css/app.c9e3b6fc.css" rel="preload" as="style"><link href="css/chunk-vendors.c1cf75f9.css" rel="preload" as="style"><link href="js/app.ac635b25.js" rel="preload" as="script"><link href="js/chunk-vendors.e7d772fc.js" rel="preload" as="script"><link href="css/chunk-vendors.c1cf75f9.css" rel="stylesheet"><link href="css/app.c9e3b6fc.css" rel="stylesheet"></head><body><noscript><strong>We're sorry but vue-antd-pro doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id="app"><div id="loading-mask"><div class="loading-wrapper"><span class="loading-dot loading-dot-spin"><i></i><i></i><i></i><i></i></span></div></div></div><script src="config.js"></script><script src="js/chunk-vendors.e7d772fc.js"></script><script src="js/app.ac635b25.js"></script></body></html> |
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -1 +0,0 @@ |
||||
(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["exception"],{cc89:function(t,e,o){"use strict";o.r(e);var n=function(){var t=this,e=t._self._c;return e("a-result",{attrs:{status:"404",title:"404","sub-title":"Sorry, the page you visited does not exist."},scopedSlots:t._u([{key:"extra",fn:function(){return[e("a-button",{attrs:{type:"primary"},on:{click:t.toHome}},[t._v("返回首页")])]},proxy:!0}])})},s=[],r={name:"Exception404",methods:{toHome:function(){this.$router.push({path:"/"})}}},u=r,i=o("2877"),a=Object(i["a"])(u,n,s,!1,null,null,null);e["default"]=a.exports}}]); |
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -1 +0,0 @@ |
||||
(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["lang-zh-CN"],{2807:function(e,a,o){"use strict";o.r(a);var t=o("5530"),l=o("3579"),n=o("41b2"),r=o.n(n),c={today:"今天",now:"此刻",backToToday:"返回今天",ok:"确定",timeSelect:"选择时间",dateSelect:"选择日期",weekSelect:"选择周",clear:"清除",month:"月",year:"年",previousMonth:"上个月 (翻页上键)",nextMonth:"下个月 (翻页下键)",monthSelect:"选择月份",yearSelect:"选择年份",decadeSelect:"选择年代",yearFormat:"YYYY年",dayFormat:"D日",dateFormat:"YYYY年M月D日",dateTimeFormat:"YYYY年M月D日 HH时mm分ss秒",previousYear:"上一年 (Control键加左方向键)",nextYear:"下一年 (Control键加右方向键)",previousDecade:"上一年代",nextDecade:"下一年代",previousCentury:"上一世纪",nextCentury:"下一世纪"},i={placeholder:"请选择时间"},d=i,m={lang:r()({placeholder:"请选择日期",rangePlaceholder:["开始日期","结束日期"]},c),timePickerLocale:r()({},d)};m.lang.ok="确 定";var s=m,p=s,h={locale:"zh-cn",Pagination:l["a"],DatePicker:s,TimePicker:d,Calendar:p,global:{placeholder:"请选择"},Table:{filterTitle:"筛选",filterConfirm:"确定",filterReset:"重置",selectAll:"全选当页",selectInvert:"反选当页",sortTitle:"排序",expand:"展开行",collapse:"关闭行"},Modal:{okText:"确定",cancelText:"取消",justOkText:"知道了"},Popconfirm:{cancelText:"取消",okText:"确定"},Transfer:{searchPlaceholder:"请输入搜索内容",itemUnit:"项",itemsUnit:"项"},Upload:{uploading:"文件上传中",removeFile:"删除文件",uploadError:"上传错误",previewFile:"预览文件",downloadFile:"下载文件"},Empty:{description:"暂无数据"},Icon:{icon:"图标"},Text:{edit:"编辑",copy:"复制",copied:"复制成功",expand:"展开"},PageHeader:{back:"返回"}},u=h,k=o("5c3a"),T=o.n(k),Y={antLocale:u,momentName:"zh-cn",momentLocale:T.a},b={message:"-","menu.home":"主页","menu.dashboard":"仪表盘","menu.dashboard.analysis":"分析页","menu.dashboard.monitor":"监控页","menu.dashboard.workplace":"工作台"};a["default"]=Object(t["a"])(Object(t["a"])({},Y),b)}}]); |
||||
@ -1 +0,0 @@ |
||||
(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["live"],{ea2d:function(e,t,a){"use strict";a.r(t);a("b0c0"),a("ac1f"),a("841c");var n=function(){var e=this,t=e._self._c;return t("a-card",{attrs:{bordered:!1}},[t("div",{staticClass:"card-title"},[e._v(e._s(e.$route.meta.title))]),t("a-alert",{staticClass:"mb-15",attrs:{showIcon:!0,message:"微信小程序直播操作说明",banner:""}},[t("template",{slot:"description"},[t("p",[e._v(" 1. 登录 "),t("a",{attrs:{href:"https://mp.weixin.qq.com/",target:"_blank"}},[e._v("微信小程序运营平台")]),e._v("，点击左侧菜单栏 “直播”，点击 “创建直播间” 按钮。 ")]),t("p",[e._v('2. 点击本页面中的 "同步直播间" 按钮，将直播间列表导入商城系统中。')])])],2),t("div",{staticClass:"table-operator"},[t("a-row",[t("a-col",{attrs:{span:5}},[t("a-button",{directives:[{name:"action",rawName:"v-action:sync",arg:"sync"}],attrs:{type:"primary",icon:"sync"},on:{click:function(t){return e.handleSync()}}},[e._v("同步直播间")])],1),t("a-col",{staticClass:"flex flex-x-end",attrs:{span:11,offset:8}},[t("a-input-search",{staticStyle:{"max-width":"300px","min-width":"150px"},attrs:{placeholder:"请输入直播间名称/主播昵称"},on:{search:e.onSearch},model:{value:e.queryParam.search,callback:function(t){e.$set(e.queryParam,"search",t)},expression:"queryParam.search"}})],1)],1)],1),t("s-table",{ref:"table",attrs:{rowKey:"id",loading:e.isLoading,columns:e.columns,data:e.loadData,pagination:e.pagination},scopedSlots:e._u([{key:"time",fn:function(a){return[t("p",[e._v("开始："+e._s(a.start_time))]),t("p",[e._v("结束："+e._s(a.end_time))])]}},{key:"live_status",fn:function(a){return[t("a-tag",{attrs:{color:e.LiveStatusColorEnum[a]}},[e._v(e._s(e.LiveStatusEnum[a].name))])]}},{key:"is_top",fn:function(a,n){return[t("a-tag",{staticClass:"cur-p",attrs:{color:a?"green":""},on:{click:function(t){return e.handleSetTop(n,a?0:1)}}},[e._v(e._s(a?"是":"否"))])]}}])})],1)},s=[],r=a("5530"),o=(a("d3b7"),a("2af9")),i=a("b775"),c={list:"/live.room/list",sync:"/live.room/sync",setTop:"/live.room/setTop"};function l(e){return Object(i["b"])({url:c.list,method:"get",params:e})}function u(e){return Object(i["b"])({url:c.sync,method:"post",data:e})}function d(e,t){return Object(i["b"])({url:c.setTop,method:"post",data:{id:e,isTop:t}})}var m=a("5c06"),h=new m["a"]([{key:101,name:"直播中",value:101},{key:102,name:"未开始",value:102},{key:103,name:"已结束",value:103},{key:104,name:"禁播",value:104},{key:105,name:"暂停中",value:105},{key:106,name:"异常",value:106},{key:107,name:"已过期",value:107}]),f={101:"green",102:"green",103:"red",104:"red",105:"orange",106:"red",107:"red"},p={name:"Index",components:{STable:o["d"]},data:function(){var e=this;return{queryParam:{search:void 0},isLoading:!1,LiveStatusEnum:h,LiveStatusColorEnum:f,columns:[{title:"直播间ID",dataIndex:"id"},{title:"直播间名称",dataIndex:"room_name"},{title:"主播昵称",dataIndex:"anchor_name",scopedSlots:{customRender:"anchor_name"}},{title:"直播时间",scopedSlots:{customRender:"time"}},{title:"直播状态",dataIndex:"live_status",scopedSlots:{customRender:"live_status"}},{title:"是否置顶",dataIndex:"is_top",scopedSlots:{customRender:"is_top"}},{title:"更新时间",dataIndex:"update_time"}],loadData:function(t){return l(Object(r["a"])(Object(r["a"])({},t),e.queryParam)).then((function(e){return e.data.list}))}}},created:function(){},methods:{handleSync:function(){var e=this;e.isLoading=!0,u().then((function(t){e.$message.success(t.message,1.5),e.queryParam.search=void 0,e.handleRefresh(!0)})).finally((function(){return e.isLoading=!1}))},handleEdit:function(e){this.$refs.EditForm.edit(e)},handleSetTop:function(e,t){var a=this;if(!this.$auth("/apps/live/room/index.setTop"))return!1;var n=t?"":"取消",s=this.$confirm({title:"您确定要".concat(n,"置顶该直播间吗?"),onOk:function(){return d(e.id,t).then((function(e){a.$message.success(e.message,1.5),a.handleRefresh()})).finally((function(){return s.destroy()}))}})},handleRefresh:function(){var e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.$refs.table.refresh(e)},onSearch:function(){this.handleRefresh(!0)}}},v=p,y=a("2877"),_=Object(y["a"])(v,n,s,!1,null,null,null);t["default"]=_.exports}}]); |
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -1 +0,0 @@ |
||||
(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["passport"],{"78ac":function(t,e,s){},"9b19":function(t,e,s){t.exports=s.p+"assets/logo.b24c6fbc.svg"},cedc:function(t,e,s){"use strict";s.r(e);var r=function(){var t=this,e=t._self._c;return e("div",{staticClass:"main"},[t._m(0),e("a-form",{ref:"formLogin",staticClass:"user-layout-login",attrs:{id:"formLogin",form:t.form},on:{submit:t.handleSubmit}},[t.isLoginError?e("a-alert",{attrs:{type:"error",showIcon:"",message:t.loginErrorMsg}}):t._e(),e("a-form-item",[e("a-input",{directives:[{name:"decorator",rawName:"v-decorator",value:["username",{rules:[{required:!0,message:"您还没有输入用户名"}],validateTrigger:"change"}],expression:"[\n 'username',\n { rules: [{ required: true, message: '您还没有输入用户名' }], validateTrigger: 'change'}\n ]"}],staticClass:"login-input",attrs:{size:"large",type:"text",placeholder:"请输入用户名"}},[e("a-icon",{style:{color:"rgba(0,0,0,.25)"},attrs:{slot:"prefix",type:"user"},slot:"prefix"})],1)],1),e("a-form-item",[e("a-input",{directives:[{name:"decorator",rawName:"v-decorator",value:["password",{rules:[{required:!0,message:"您还没有输入用户密码"}],validateTrigger:"blur"}],expression:"[\n 'password',\n { rules: [{ required: true, message: '您还没有输入用户密码' }], validateTrigger: 'blur'}\n ]"}],staticClass:"login-input",attrs:{size:"large",type:"password",autocomplete:"false",placeholder:"请输入用户密码"}},[e("a-icon",{style:{color:"rgba(0,0,0,.25)"},attrs:{slot:"prefix",type:"lock"},slot:"prefix"})],1)],1),e("a-form-item",{staticStyle:{"margin-top":"24px"}},[e("a-button",{staticClass:"login-button",attrs:{size:"large",type:"primary",htmlType:"submit",loading:t.state.loginBtn,disabled:t.state.loginBtn}},[t._v("确定")])],1)],1)],1)},i=[function(){var t=this,e=t._self._c;return e("div",{staticClass:"header"},[e("div",{staticClass:"logo"},[e("img",{staticClass:"logo",attrs:{src:s("9b19"),alt:"logo"}})]),e("p",{staticClass:"title"},[t._v("商城系统登录")])])}],a=s("5530"),o=(s("d3b7"),s("2f62")),n=s("ca00"),l={data:function(){return{isLoginError:!1,loginErrorMsg:"登录失败",form:this.$form.createForm(this),state:{loginBtn:!1}}},created:function(){},methods:Object(a["a"])(Object(a["a"])({},Object(o["b"])(["Login"])),{},{handleSubmit:function(t){var e=this;t.preventDefault();var s=this.form.validateFields,r=this.state,i=this.Login;r.loginBtn=!0,s(["username","password"],{force:!0},(function(t,s){if(t)setTimeout((function(){return r.loginBtn=!1}),100);else{var o=Object(a["a"])({},s);i(o).then((function(t){return e.loginSuccess(t)})).catch((function(t){return e.loginFailed(t)})).finally((function(){return r.loginBtn=!1}))}}))},loginSuccess:function(t){var e=this;this.isLoginError=!1,this.$message.success(t.message,1.5),setTimeout((function(){e.$router.push({path:"/"}),e.$notification.success({message:"欢迎",description:"".concat(Object(n["i"])(),"，欢迎回来")})}),1e3)},loginFailed:function(t){this.isLoginError=!0,this.loginErrorMsg=t.message}})},c=l,u=(s("e79a"),s("2877")),g=Object(u["a"])(c,r,i,!1,null,"febfd2ea",null);e["default"]=g.exports},e79a:function(t,e,s){"use strict";s("78ac")}}]); |
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -1,40 +1,40 @@ |
||||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" |
||||
"http://www.w3.org/TR/html4/loose.dtd"> |
||||
<html> |
||||
<head> |
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> |
||||
<title></title> |
||||
<style type="text/css"> |
||||
*{color: #838383;margin: 0;padding: 0} |
||||
html,body {font-size: 12px;overflow: hidden; } |
||||
.content{padding:5px 0 0 15px;} |
||||
input{width:210px;height:21px;line-height:21px;margin-left: 4px;} |
||||
</style> |
||||
</head> |
||||
<body> |
||||
<div class="content"> |
||||
<span><var id="lang_input_anchorName"></var></span><input id="anchorName" value="" /> |
||||
</div> |
||||
<script type="text/javascript" src="../internal.js"></script> |
||||
<script type="text/javascript"> |
||||
var anchorInput = $G('anchorName'), |
||||
node = editor.selection.getRange().getClosedNode(); |
||||
if(node && node.tagName == 'IMG' && (node = node.getAttribute('anchorname'))){ |
||||
anchorInput.value = node; |
||||
} |
||||
anchorInput.onkeydown = function(evt){ |
||||
evt = evt || window.event; |
||||
if(evt.keyCode == 13){ |
||||
editor.execCommand('anchor', anchorInput.value); |
||||
dialog.close(); |
||||
domUtils.preventDefault(evt) |
||||
} |
||||
}; |
||||
dialog.onok = function (){ |
||||
editor.execCommand('anchor', anchorInput.value); |
||||
dialog.close(); |
||||
}; |
||||
$focus(anchorInput); |
||||
</script> |
||||
</body> |
||||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" |
||||
"http://www.w3.org/TR/html4/loose.dtd"> |
||||
<html> |
||||
<head> |
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> |
||||
<title></title> |
||||
<style type="text/css"> |
||||
*{color: #838383;margin: 0;padding: 0} |
||||
html,body {font-size: 12px;overflow: hidden; } |
||||
.content{padding:5px 0 0 15px;} |
||||
input{width:210px;height:21px;line-height:21px;margin-left: 4px;} |
||||
</style> |
||||
</head> |
||||
<body> |
||||
<div class="content"> |
||||
<span><var id="lang_input_anchorName"></var></span><input id="anchorName" value="" /> |
||||
</div> |
||||
<script type="text/javascript" src="../internal.js"></script> |
||||
<script type="text/javascript"> |
||||
var anchorInput = $G('anchorName'), |
||||
node = editor.selection.getRange().getClosedNode(); |
||||
if(node && node.tagName == 'IMG' && (node = node.getAttribute('anchorname'))){ |
||||
anchorInput.value = node; |
||||
} |
||||
anchorInput.onkeydown = function(evt){ |
||||
evt = evt || window.event; |
||||
if(evt.keyCode == 13){ |
||||
editor.execCommand('anchor', anchorInput.value); |
||||
dialog.close(); |
||||
domUtils.preventDefault(evt) |
||||
} |
||||
}; |
||||
dialog.onok = function (){ |
||||
editor.execCommand('anchor', anchorInput.value); |
||||
dialog.close(); |
||||
}; |
||||
$focus(anchorInput); |
||||
</script> |
||||
</body> |
||||
</html> |
||||
File diff suppressed because it is too large
Load Diff
@ -1,60 +1,60 @@ |
||||
<!doctype html> |
||||
<html> |
||||
<head> |
||||
<meta charset="UTF-8"> |
||||
<title>ueditor图片对话框</title> |
||||
<script type="text/javascript" src="../internal.js"></script> |
||||
|
||||
<!-- jquery --> |
||||
<script type="text/javascript" src="../../third-party/jquery-1.10.2.min.js"></script> |
||||
|
||||
<!-- webuploader --> |
||||
<script src="../../third-party/webuploader/webuploader.min.js"></script> |
||||
<link rel="stylesheet" type="text/css" href="../../third-party/webuploader/webuploader.css"> |
||||
|
||||
<!-- attachment dialog --> |
||||
<link rel="stylesheet" href="attachment.css" type="text/css" /> |
||||
</head> |
||||
<body> |
||||
|
||||
<div class="wrapper"> |
||||
<div id="tabhead" class="tabhead"> |
||||
<span class="tab focus" data-content-id="upload"><var id="lang_tab_upload"></var></span> |
||||
<span class="tab" data-content-id="online"><var id="lang_tab_online"></var></span> |
||||
</div> |
||||
<div id="tabbody" class="tabbody"> |
||||
<!-- 上传图片 --> |
||||
<div id="upload" class="panel focus"> |
||||
<div id="queueList" class="queueList"> |
||||
<div class="statusBar element-invisible"> |
||||
<div class="progress"> |
||||
<span class="text">0%</span> |
||||
<span class="percentage"></span> |
||||
</div><div class="info"></div> |
||||
<div class="btns"> |
||||
<div id="filePickerBtn"></div> |
||||
<div class="uploadBtn"><var id="lang_start_upload"></var></div> |
||||
</div> |
||||
</div> |
||||
<div id="dndArea" class="placeholder"> |
||||
<div class="filePickerContainer"> |
||||
<div id="filePickerReady"></div> |
||||
</div> |
||||
</div> |
||||
<ul class="filelist element-invisible"> |
||||
<li id="filePickerBlock" class="filePickerBlock"></li> |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
|
||||
<!-- 在线图片 --> |
||||
<div id="online" class="panel"> |
||||
<div id="fileList"><var id="lang_imgLoading"></var></div> |
||||
</div> |
||||
|
||||
</div> |
||||
</div> |
||||
<script type="text/javascript" src="attachment.js"></script> |
||||
|
||||
</body> |
||||
<!doctype html> |
||||
<html> |
||||
<head> |
||||
<meta charset="UTF-8"> |
||||
<title>ueditor图片对话框</title> |
||||
<script type="text/javascript" src="../internal.js"></script> |
||||
|
||||
<!-- jquery --> |
||||
<script type="text/javascript" src="../../third-party/jquery-1.10.2.min.js"></script> |
||||
|
||||
<!-- webuploader --> |
||||
<script src="../../third-party/webuploader/webuploader.min.js"></script> |
||||
<link rel="stylesheet" type="text/css" href="../../third-party/webuploader/webuploader.css"> |
||||
|
||||
<!-- attachment dialog --> |
||||
<link rel="stylesheet" href="attachment.css" type="text/css" /> |
||||
</head> |
||||
<body> |
||||
|
||||
<div class="wrapper"> |
||||
<div id="tabhead" class="tabhead"> |
||||
<span class="tab focus" data-content-id="upload"><var id="lang_tab_upload"></var></span> |
||||
<span class="tab" data-content-id="online"><var id="lang_tab_online"></var></span> |
||||
</div> |
||||
<div id="tabbody" class="tabbody"> |
||||
<!-- 上传图片 --> |
||||
<div id="upload" class="panel focus"> |
||||
<div id="queueList" class="queueList"> |
||||
<div class="statusBar element-invisible"> |
||||
<div class="progress"> |
||||
<span class="text">0%</span> |
||||
<span class="percentage"></span> |
||||
</div><div class="info"></div> |
||||
<div class="btns"> |
||||
<div id="filePickerBtn"></div> |
||||
<div class="uploadBtn"><var id="lang_start_upload"></var></div> |
||||
</div> |
||||
</div> |
||||
<div id="dndArea" class="placeholder"> |
||||
<div class="filePickerContainer"> |
||||
<div id="filePickerReady"></div> |
||||
</div> |
||||
</div> |
||||
<ul class="filelist element-invisible"> |
||||
<li id="filePickerBlock" class="filePickerBlock"></li> |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
|
||||
<!-- 在线图片 --> |
||||
<div id="online" class="panel"> |
||||
<div id="fileList"><var id="lang_imgLoading"></var></div> |
||||
</div> |
||||
|
||||
</div> |
||||
</div> |
||||
<script type="text/javascript" src="attachment.js"></script> |
||||
|
||||
</body> |
||||
</html> |
||||
File diff suppressed because it is too large
Load Diff
@ -1,94 +1,94 @@ |
||||
.wrapper{ width: 424px;margin: 10px auto; zoom:1;position: relative} |
||||
.tabbody{height:225px;} |
||||
.tabbody .panel { position: absolute;width:100%; height:100%;background: #fff; display: none;} |
||||
.tabbody .focus { display: block;} |
||||
|
||||
body{font-size: 12px;color: #888;overflow: hidden;} |
||||
input,label{vertical-align:middle} |
||||
.clear{clear: both;} |
||||
.pl{padding-left: 18px;padding-left: 23px\9;} |
||||
|
||||
#imageList {width: 420px;height: 215px;margin-top: 10px;overflow: hidden;overflow-y: auto;} |
||||
#imageList div {float: left;width: 100px;height: 95px;margin: 5px 10px;} |
||||
#imageList img {cursor: pointer;border: 2px solid white;} |
||||
|
||||
.bgarea{margin: 10px;padding: 5px;height: 84%;border: 1px solid #A8A297;} |
||||
.content div{margin: 10px 0 10px 5px;} |
||||
.content .iptradio{margin: 0px 5px 5px 0px;} |
||||
.txt{width:280px;} |
||||
|
||||
.wrapcolor{height: 19px;} |
||||
div.color{float: left;margin: 0;} |
||||
#colorPicker{width: 17px;height: 17px;border: 1px solid #CCC;display: inline-block;border-radius: 3px;box-shadow: 2px 2px 5px #D3D6DA;margin: 0;float: left;} |
||||
div.alignment,#custom{margin-left: 23px;margin-left: 28px\9;} |
||||
#custom input{height: 15px;min-height: 15px;width:20px;} |
||||
#repeatType{width:100px;} |
||||
|
||||
|
||||
/* 图片管理样式 */ |
||||
#imgManager { |
||||
width: 100%; |
||||
height: 225px; |
||||
} |
||||
#imgManager #imageList{ |
||||
width: 100%; |
||||
overflow-x: hidden; |
||||
overflow-y: auto; |
||||
} |
||||
#imgManager ul { |
||||
display: block; |
||||
list-style: none; |
||||
margin: 0; |
||||
padding: 0; |
||||
} |
||||
#imgManager li { |
||||
float: left; |
||||
display: block; |
||||
list-style: none; |
||||
padding: 0; |
||||
width: 113px; |
||||
height: 113px; |
||||
margin: 9px 0 0 19px; |
||||
background-color: #eee; |
||||
overflow: hidden; |
||||
cursor: pointer; |
||||
position: relative; |
||||
} |
||||
#imgManager li.clearFloat { |
||||
float: none; |
||||
clear: both; |
||||
display: block; |
||||
width:0; |
||||
height:0; |
||||
margin: 0; |
||||
padding: 0; |
||||
} |
||||
#imgManager li img { |
||||
cursor: pointer; |
||||
} |
||||
#imgManager li .icon { |
||||
cursor: pointer; |
||||
width: 113px; |
||||
height: 113px; |
||||
position: absolute; |
||||
top: 0; |
||||
left: 0; |
||||
z-index: 2; |
||||
border: 0; |
||||
background-repeat: no-repeat; |
||||
} |
||||
#imgManager li .icon:hover { |
||||
width: 107px; |
||||
height: 107px; |
||||
border: 3px solid #1094fa; |
||||
} |
||||
#imgManager li.selected .icon { |
||||
background-image: url(images/success.png); |
||||
background-position: 75px 75px; |
||||
} |
||||
#imgManager li.selected .icon:hover { |
||||
width: 107px; |
||||
height: 107px; |
||||
border: 3px solid #1094fa; |
||||
background-position: 72px 72px; |
||||
.wrapper{ width: 424px;margin: 10px auto; zoom:1;position: relative} |
||||
.tabbody{height:225px;} |
||||
.tabbody .panel { position: absolute;width:100%; height:100%;background: #fff; display: none;} |
||||
.tabbody .focus { display: block;} |
||||
|
||||
body{font-size: 12px;color: #888;overflow: hidden;} |
||||
input,label{vertical-align:middle} |
||||
.clear{clear: both;} |
||||
.pl{padding-left: 18px;padding-left: 23px\9;} |
||||
|
||||
#imageList {width: 420px;height: 215px;margin-top: 10px;overflow: hidden;overflow-y: auto;} |
||||
#imageList div {float: left;width: 100px;height: 95px;margin: 5px 10px;} |
||||
#imageList img {cursor: pointer;border: 2px solid white;} |
||||
|
||||
.bgarea{margin: 10px;padding: 5px;height: 84%;border: 1px solid #A8A297;} |
||||
.content div{margin: 10px 0 10px 5px;} |
||||
.content .iptradio{margin: 0px 5px 5px 0px;} |
||||
.txt{width:280px;} |
||||
|
||||
.wrapcolor{height: 19px;} |
||||
div.color{float: left;margin: 0;} |
||||
#colorPicker{width: 17px;height: 17px;border: 1px solid #CCC;display: inline-block;border-radius: 3px;box-shadow: 2px 2px 5px #D3D6DA;margin: 0;float: left;} |
||||
div.alignment,#custom{margin-left: 23px;margin-left: 28px\9;} |
||||
#custom input{height: 15px;min-height: 15px;width:20px;} |
||||
#repeatType{width:100px;} |
||||
|
||||
|
||||
/* 图片管理样式 */ |
||||
#imgManager { |
||||
width: 100%; |
||||
height: 225px; |
||||
} |
||||
#imgManager #imageList{ |
||||
width: 100%; |
||||
overflow-x: hidden; |
||||
overflow-y: auto; |
||||
} |
||||
#imgManager ul { |
||||
display: block; |
||||
list-style: none; |
||||
margin: 0; |
||||
padding: 0; |
||||
} |
||||
#imgManager li { |
||||
float: left; |
||||
display: block; |
||||
list-style: none; |
||||
padding: 0; |
||||
width: 113px; |
||||
height: 113px; |
||||
margin: 9px 0 0 19px; |
||||
background-color: #eee; |
||||
overflow: hidden; |
||||
cursor: pointer; |
||||
position: relative; |
||||
} |
||||
#imgManager li.clearFloat { |
||||
float: none; |
||||
clear: both; |
||||
display: block; |
||||
width:0; |
||||
height:0; |
||||
margin: 0; |
||||
padding: 0; |
||||
} |
||||
#imgManager li img { |
||||
cursor: pointer; |
||||
} |
||||
#imgManager li .icon { |
||||
cursor: pointer; |
||||
width: 113px; |
||||
height: 113px; |
||||
position: absolute; |
||||
top: 0; |
||||
left: 0; |
||||
z-index: 2; |
||||
border: 0; |
||||
background-repeat: no-repeat; |
||||
} |
||||
#imgManager li .icon:hover { |
||||
width: 107px; |
||||
height: 107px; |
||||
border: 3px solid #1094fa; |
||||
} |
||||
#imgManager li.selected .icon { |
||||
background-image: url(images/success.png); |
||||
background-position: 75px 75px; |
||||
} |
||||
#imgManager li.selected .icon:hover { |
||||
width: 107px; |
||||
height: 107px; |
||||
border: 3px solid #1094fa; |
||||
background-position: 72px 72px; |
||||
} |
||||
@ -1,56 +1,56 @@ |
||||
<!DOCTYPE HTML> |
||||
<html> |
||||
<head> |
||||
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/> |
||||
<script type="text/javascript" src="../internal.js"></script> |
||||
<link rel="stylesheet" type="text/css" href="background.css"> |
||||
</head> |
||||
<body> |
||||
<div id="bg_container" class="wrapper"> |
||||
<div id="tabHeads" class="tabhead"> |
||||
<span class="focus" data-content-id="normal"><var id="lang_background_normal"></var></span> |
||||
<span class="" data-content-id="imgManager"><var id="lang_background_local"></var></span> |
||||
</div> |
||||
<div id="tabBodys" class="tabbody"> |
||||
<div id="normal" class="panel focus"> |
||||
<fieldset class="bgarea"> |
||||
<legend><var id="lang_background_set"></var></legend> |
||||
<div class="content"> |
||||
<div> |
||||
<label><input id="nocolorRadio" class="iptradio" type="radio" name="t" value="none" checked="checked"><var id="lang_background_none"></var></label> |
||||
<label><input id="coloredRadio" class="iptradio" type="radio" name="t" value="color"><var id="lang_background_colored"></var></label> |
||||
</div> |
||||
<div class="wrapcolor pl"> |
||||
<div class="color"> |
||||
<var id="lang_background_color"></var>: |
||||
</div> |
||||
<div id="colorPicker"></div> |
||||
<div class="clear"></div> |
||||
</div> |
||||
<div class="wrapcolor pl"> |
||||
<label><var id="lang_background_netimg"></var>:</label><input class="txt" type="text" id="url"> |
||||
</div> |
||||
<div id="alignment" class="alignment"> |
||||
<var id="lang_background_align"></var>:<select id="repeatType"> |
||||
<option value="center"></option> |
||||
<option value="repeat-x"></option> |
||||
<option value="repeat-y"></option> |
||||
<option value="repeat"></option> |
||||
<option value="self"></option> |
||||
</select> |
||||
</div> |
||||
<div id="custom" > |
||||
<var id="lang_background_position"></var>:x:<input type="text" size="1" id="x" maxlength="4" value="0">px y:<input type="text" size="1" id="y" maxlength="4" value="0">px |
||||
</div> |
||||
</div> |
||||
</fieldset> |
||||
|
||||
</div> |
||||
<div id="imgManager" class="panel"> |
||||
<div id="imageList" style=""></div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<script type="text/javascript" src="background.js"></script> |
||||
</body> |
||||
</html> |
||||
<!DOCTYPE HTML> |
||||
<html> |
||||
<head> |
||||
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/> |
||||
<script type="text/javascript" src="../internal.js"></script> |
||||
<link rel="stylesheet" type="text/css" href="background.css"> |
||||
</head> |
||||
<body> |
||||
<div id="bg_container" class="wrapper"> |
||||
<div id="tabHeads" class="tabhead"> |
||||
<span class="focus" data-content-id="normal"><var id="lang_background_normal"></var></span> |
||||
<span class="" data-content-id="imgManager"><var id="lang_background_local"></var></span> |
||||
</div> |
||||
<div id="tabBodys" class="tabbody"> |
||||
<div id="normal" class="panel focus"> |
||||
<fieldset class="bgarea"> |
||||
<legend><var id="lang_background_set"></var></legend> |
||||
<div class="content"> |
||||
<div> |
||||
<label><input id="nocolorRadio" class="iptradio" type="radio" name="t" value="none" checked="checked"><var id="lang_background_none"></var></label> |
||||
<label><input id="coloredRadio" class="iptradio" type="radio" name="t" value="color"><var id="lang_background_colored"></var></label> |
||||
</div> |
||||
<div class="wrapcolor pl"> |
||||
<div class="color"> |
||||
<var id="lang_background_color"></var>: |
||||
</div> |
||||
<div id="colorPicker"></div> |
||||
<div class="clear"></div> |
||||
</div> |
||||
<div class="wrapcolor pl"> |
||||
<label><var id="lang_background_netimg"></var>:</label><input class="txt" type="text" id="url"> |
||||
</div> |
||||
<div id="alignment" class="alignment"> |
||||
<var id="lang_background_align"></var>:<select id="repeatType"> |
||||
<option value="center"></option> |
||||
<option value="repeat-x"></option> |
||||
<option value="repeat-y"></option> |
||||
<option value="repeat"></option> |
||||
<option value="self"></option> |
||||
</select> |
||||
</div> |
||||
<div id="custom" > |
||||
<var id="lang_background_position"></var>:x:<input type="text" size="1" id="x" maxlength="4" value="0">px y:<input type="text" size="1" id="y" maxlength="4" value="0">px |
||||
</div> |
||||
</div> |
||||
</fieldset> |
||||
|
||||
</div> |
||||
<div id="imgManager" class="panel"> |
||||
<div id="imageList" style=""></div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<script type="text/javascript" src="background.js"></script> |
||||
</body> |
||||
</html> |
||||
|
||||
@ -1,376 +1,376 @@ |
||||
(function () { |
||||
|
||||
var onlineImage, |
||||
backupStyle = editor.queryCommandValue('background'); |
||||
|
||||
window.onload = function () { |
||||
initTabs(); |
||||
initColorSelector(); |
||||
}; |
||||
|
||||
/* 初始化tab标签 */ |
||||
function initTabs(){ |
||||
var tabs = $G('tabHeads').children; |
||||
for (var i = 0; i < tabs.length; i++) { |
||||
domUtils.on(tabs[i], "click", function (e) { |
||||
var target = e.target || e.srcElement; |
||||
for (var j = 0; j < tabs.length; j++) { |
||||
if(tabs[j] == target){ |
||||
tabs[j].className = "focus"; |
||||
var contentId = tabs[j].getAttribute('data-content-id'); |
||||
$G(contentId).style.display = "block"; |
||||
if(contentId == 'imgManager') { |
||||
initImagePanel(); |
||||
} |
||||
}else { |
||||
tabs[j].className = ""; |
||||
$G(tabs[j].getAttribute('data-content-id')).style.display = "none"; |
||||
} |
||||
} |
||||
}); |
||||
} |
||||
} |
||||
|
||||
/* 初始化颜色设置 */ |
||||
function initColorSelector () { |
||||
var obj = editor.queryCommandValue('background'); |
||||
if (obj) { |
||||
var color = obj['background-color'], |
||||
repeat = obj['background-repeat'] || 'repeat', |
||||
image = obj['background-image'] || '', |
||||
position = obj['background-position'] || 'center center', |
||||
pos = position.split(' '), |
||||
x = parseInt(pos[0]) || 0, |
||||
y = parseInt(pos[1]) || 0; |
||||
|
||||
if(repeat == 'no-repeat' && (x || y)) repeat = 'self'; |
||||
|
||||
image = image.match(/url[\s]*\(([^\)]*)\)/); |
||||
image = image ? image[1]:''; |
||||
updateFormState('colored', color, image, repeat, x, y); |
||||
} else { |
||||
updateFormState(); |
||||
} |
||||
|
||||
var updateHandler = function () { |
||||
updateFormState(); |
||||
updateBackground(); |
||||
} |
||||
domUtils.on($G('nocolorRadio'), 'click', updateBackground); |
||||
domUtils.on($G('coloredRadio'), 'click', updateHandler); |
||||
domUtils.on($G('url'), 'keyup', function(){ |
||||
if($G('url').value && $G('alignment').style.display == "none") { |
||||
utils.each($G('repeatType').children, function(item){ |
||||
item.selected = ('repeat' == item.getAttribute('value') ? 'selected':false); |
||||
}); |
||||
} |
||||
updateHandler(); |
||||
}); |
||||
domUtils.on($G('repeatType'), 'change', updateHandler); |
||||
domUtils.on($G('x'), 'keyup', updateBackground); |
||||
domUtils.on($G('y'), 'keyup', updateBackground); |
||||
|
||||
initColorPicker(); |
||||
} |
||||
|
||||
/* 初始化颜色选择器 */ |
||||
function initColorPicker() { |
||||
var me = editor, |
||||
cp = $G("colorPicker"); |
||||
|
||||
/* 生成颜色选择器ui对象 */ |
||||
var popup = new UE.ui.Popup({ |
||||
content: new UE.ui.ColorPicker({ |
||||
noColorText: me.getLang("clearColor"), |
||||
editor: me, |
||||
onpickcolor: function (t, color) { |
||||
updateFormState('colored', color); |
||||
updateBackground(); |
||||
UE.ui.Popup.postHide(); |
||||
}, |
||||
onpicknocolor: function (t, color) { |
||||
updateFormState('colored', 'transparent'); |
||||
updateBackground(); |
||||
UE.ui.Popup.postHide(); |
||||
} |
||||
}), |
||||
editor: me, |
||||
onhide: function () { |
||||
} |
||||
}); |
||||
|
||||
/* 设置颜色选择器 */ |
||||
domUtils.on(cp, "click", function () { |
||||
popup.showAnchor(this); |
||||
}); |
||||
domUtils.on(document, 'mousedown', function (evt) { |
||||
var el = evt.target || evt.srcElement; |
||||
UE.ui.Popup.postHide(el); |
||||
}); |
||||
domUtils.on(window, 'scroll', function () { |
||||
UE.ui.Popup.postHide(); |
||||
}); |
||||
} |
||||
|
||||
/* 初始化在线图片列表 */ |
||||
function initImagePanel() { |
||||
onlineImage = onlineImage || new OnlineImage('imageList'); |
||||
} |
||||
|
||||
/* 更新背景色设置面板 */ |
||||
function updateFormState (radio, color, url, align, x, y) { |
||||
var nocolorRadio = $G('nocolorRadio'), |
||||
coloredRadio = $G('coloredRadio'); |
||||
|
||||
if(radio) { |
||||
nocolorRadio.checked = (radio == 'colored' ? false:'checked'); |
||||
coloredRadio.checked = (radio == 'colored' ? 'checked':false); |
||||
} |
||||
if(color) { |
||||
domUtils.setStyle($G("colorPicker"), "background-color", color); |
||||
} |
||||
|
||||
if(url && /^\//.test(url)) { |
||||
var a = document.createElement('a'); |
||||
a.href = url; |
||||
browser.ie && (a.href = a.href); |
||||
url = browser.ie ? a.href:(a.protocol + '//' + a.host + a.pathname + a.search + a.hash); |
||||
} |
||||
|
||||
if(url || url === '') { |
||||
$G('url').value = url; |
||||
} |
||||
if(align) { |
||||
utils.each($G('repeatType').children, function(item){ |
||||
item.selected = (align == item.getAttribute('value') ? 'selected':false); |
||||
}); |
||||
} |
||||
if(x || y) { |
||||
$G('x').value = parseInt(x) || 0; |
||||
$G('y').value = parseInt(y) || 0; |
||||
} |
||||
|
||||
$G('alignment').style.display = coloredRadio.checked && $G('url').value ? '':'none'; |
||||
$G('custom').style.display = coloredRadio.checked && $G('url').value && $G('repeatType').value == 'self' ? '':'none'; |
||||
} |
||||
|
||||
/* 更新背景颜色 */ |
||||
function updateBackground () { |
||||
if ($G('coloredRadio').checked) { |
||||
var color = domUtils.getStyle($G("colorPicker"), "background-color"), |
||||
bgimg = $G("url").value, |
||||
align = $G("repeatType").value, |
||||
backgroundObj = { |
||||
"background-repeat": "no-repeat", |
||||
"background-position": "center center" |
||||
}; |
||||
|
||||
if (color) backgroundObj["background-color"] = color; |
||||
if (bgimg) backgroundObj["background-image"] = 'url(' + bgimg + ')'; |
||||
if (align == 'self') { |
||||
backgroundObj["background-position"] = $G("x").value + "px " + $G("y").value + "px"; |
||||
} else if (align == 'repeat-x' || align == 'repeat-y' || align == 'repeat') { |
||||
backgroundObj["background-repeat"] = align; |
||||
} |
||||
|
||||
editor.execCommand('background', backgroundObj); |
||||
} else { |
||||
editor.execCommand('background', null); |
||||
} |
||||
} |
||||
|
||||
|
||||
/* 在线图片 */ |
||||
function OnlineImage(target) { |
||||
this.container = utils.isString(target) ? document.getElementById(target) : target; |
||||
this.init(); |
||||
} |
||||
OnlineImage.prototype = { |
||||
init: function () { |
||||
this.reset(); |
||||
this.initEvents(); |
||||
}, |
||||
/* 初始化容器 */ |
||||
initContainer: function () { |
||||
this.container.innerHTML = ''; |
||||
this.list = document.createElement('ul'); |
||||
this.clearFloat = document.createElement('li'); |
||||
|
||||
domUtils.addClass(this.list, 'list'); |
||||
domUtils.addClass(this.clearFloat, 'clearFloat'); |
||||
|
||||
this.list.id = 'imageListUl'; |
||||
this.list.appendChild(this.clearFloat); |
||||
this.container.appendChild(this.list); |
||||
}, |
||||
/* 初始化滚动事件,滚动到地步自动拉取数据 */ |
||||
initEvents: function () { |
||||
var _this = this; |
||||
|
||||
/* 滚动拉取图片 */ |
||||
domUtils.on($G('imageList'), 'scroll', function(e){ |
||||
var panel = this; |
||||
if (panel.scrollHeight - (panel.offsetHeight + panel.scrollTop) < 10) { |
||||
_this.getImageData(); |
||||
} |
||||
}); |
||||
/* 选中图片 */ |
||||
domUtils.on(this.container, 'click', function (e) { |
||||
var target = e.target || e.srcElement, |
||||
li = target.parentNode, |
||||
nodes = $G('imageListUl').childNodes; |
||||
|
||||
if (li.tagName.toLowerCase() == 'li') { |
||||
updateFormState('nocolor', null, ''); |
||||
for (var i = 0, node; node = nodes[i++];) { |
||||
if (node == li && !domUtils.hasClass(node, 'selected')) { |
||||
domUtils.addClass(node, 'selected'); |
||||
updateFormState('colored', null, li.firstChild.getAttribute("_src"), 'repeat'); |
||||
} else { |
||||
domUtils.removeClasses(node, 'selected'); |
||||
} |
||||
} |
||||
updateBackground(); |
||||
} |
||||
}); |
||||
}, |
||||
/* 初始化第一次的数据 */ |
||||
initData: function () { |
||||
|
||||
/* 拉取数据需要使用的值 */ |
||||
this.state = 0; |
||||
this.listSize = editor.getOpt('imageManagerListSize'); |
||||
this.listIndex = 0; |
||||
this.listEnd = false; |
||||
|
||||
/* 第一次拉取数据 */ |
||||
this.getImageData(); |
||||
}, |
||||
/* 重置界面 */ |
||||
reset: function() { |
||||
this.initContainer(); |
||||
this.initData(); |
||||
}, |
||||
/* 向后台拉取图片列表数据 */ |
||||
getImageData: function () { |
||||
var _this = this; |
||||
|
||||
if(!_this.listEnd && !this.isLoadingData) { |
||||
this.isLoadingData = true; |
||||
var url = editor.getActionUrl(editor.getOpt('imageManagerActionName')), |
||||
isJsonp = utils.isCrossDomainUrl(url); |
||||
ajax.request(url, { |
||||
'timeout': 100000, |
||||
'dataType': isJsonp ? 'jsonp':'', |
||||
'data': utils.extend({ |
||||
start: this.listIndex, |
||||
size: this.listSize |
||||
}, editor.queryCommandValue('serverparam')), |
||||
'method': 'get', |
||||
'onsuccess': function (r) { |
||||
try { |
||||
var json = isJsonp ? r:eval('(' + r.responseText + ')'); |
||||
if (json.state == 'SUCCESS') { |
||||
_this.pushData(json.list); |
||||
_this.listIndex = parseInt(json.start) + parseInt(json.list.length); |
||||
if(_this.listIndex >= json.total) { |
||||
_this.listEnd = true; |
||||
} |
||||
_this.isLoadingData = false; |
||||
} |
||||
} catch (e) { |
||||
if(r.responseText.indexOf('ue_separate_ue') != -1) { |
||||
var list = r.responseText.split(r.responseText); |
||||
_this.pushData(list); |
||||
_this.listIndex = parseInt(list.length); |
||||
_this.listEnd = true; |
||||
_this.isLoadingData = false; |
||||
} |
||||
} |
||||
}, |
||||
'onerror': function () { |
||||
_this.isLoadingData = false; |
||||
} |
||||
}); |
||||
} |
||||
}, |
||||
/* 添加图片到列表界面上 */ |
||||
pushData: function (list) { |
||||
var i, item, img, icon, _this = this, |
||||
urlPrefix = editor.getOpt('imageManagerUrlPrefix'); |
||||
for (i = 0; i < list.length; i++) { |
||||
if(list[i] && list[i].url) { |
||||
item = document.createElement('li'); |
||||
img = document.createElement('img'); |
||||
icon = document.createElement('span'); |
||||
|
||||
domUtils.on(img, 'load', (function(image){ |
||||
return function(){ |
||||
_this.scale(image, image.parentNode.offsetWidth, image.parentNode.offsetHeight); |
||||
} |
||||
})(img)); |
||||
img.width = 113; |
||||
img.setAttribute('src', urlPrefix + list[i].url + (list[i].url.indexOf('?') == -1 ? '?noCache=':'&noCache=') + (+new Date()).toString(36) ); |
||||
img.setAttribute('_src', urlPrefix + list[i].url); |
||||
domUtils.addClass(icon, 'icon'); |
||||
|
||||
item.appendChild(img); |
||||
item.appendChild(icon); |
||||
this.list.insertBefore(item, this.clearFloat); |
||||
} |
||||
} |
||||
}, |
||||
/* 改变图片大小 */ |
||||
scale: function (img, w, h, type) { |
||||
var ow = img.width, |
||||
oh = img.height; |
||||
|
||||
if (type == 'justify') { |
||||
if (ow >= oh) { |
||||
img.width = w; |
||||
img.height = h * oh / ow; |
||||
img.style.marginLeft = '-' + parseInt((img.width - w) / 2) + 'px'; |
||||
} else { |
||||
img.width = w * ow / oh; |
||||
img.height = h; |
||||
img.style.marginTop = '-' + parseInt((img.height - h) / 2) + 'px'; |
||||
} |
||||
} else { |
||||
if (ow >= oh) { |
||||
img.width = w * ow / oh; |
||||
img.height = h; |
||||
img.style.marginLeft = '-' + parseInt((img.width - w) / 2) + 'px'; |
||||
} else { |
||||
img.width = w; |
||||
img.height = h * oh / ow; |
||||
img.style.marginTop = '-' + parseInt((img.height - h) / 2) + 'px'; |
||||
} |
||||
} |
||||
}, |
||||
getInsertList: function () { |
||||
var i, lis = this.list.children, list = [], align = getAlign(); |
||||
for (i = 0; i < lis.length; i++) { |
||||
if (domUtils.hasClass(lis[i], 'selected')) { |
||||
var img = lis[i].firstChild, |
||||
src = img.getAttribute('_src'); |
||||
list.push({ |
||||
src: src, |
||||
_src: src, |
||||
floatStyle: align |
||||
}); |
||||
} |
||||
|
||||
} |
||||
return list; |
||||
} |
||||
}; |
||||
|
||||
dialog.onok = function () { |
||||
updateBackground(); |
||||
editor.fireEvent('saveScene'); |
||||
}; |
||||
dialog.oncancel = function () { |
||||
editor.execCommand('background', backupStyle); |
||||
}; |
||||
|
||||
(function () { |
||||
|
||||
var onlineImage, |
||||
backupStyle = editor.queryCommandValue('background'); |
||||
|
||||
window.onload = function () { |
||||
initTabs(); |
||||
initColorSelector(); |
||||
}; |
||||
|
||||
/* 初始化tab标签 */ |
||||
function initTabs(){ |
||||
var tabs = $G('tabHeads').children; |
||||
for (var i = 0; i < tabs.length; i++) { |
||||
domUtils.on(tabs[i], "click", function (e) { |
||||
var target = e.target || e.srcElement; |
||||
for (var j = 0; j < tabs.length; j++) { |
||||
if(tabs[j] == target){ |
||||
tabs[j].className = "focus"; |
||||
var contentId = tabs[j].getAttribute('data-content-id'); |
||||
$G(contentId).style.display = "block"; |
||||
if(contentId == 'imgManager') { |
||||
initImagePanel(); |
||||
} |
||||
}else { |
||||
tabs[j].className = ""; |
||||
$G(tabs[j].getAttribute('data-content-id')).style.display = "none"; |
||||
} |
||||
} |
||||
}); |
||||
} |
||||
} |
||||
|
||||
/* 初始化颜色设置 */ |
||||
function initColorSelector () { |
||||
var obj = editor.queryCommandValue('background'); |
||||
if (obj) { |
||||
var color = obj['background-color'], |
||||
repeat = obj['background-repeat'] || 'repeat', |
||||
image = obj['background-image'] || '', |
||||
position = obj['background-position'] || 'center center', |
||||
pos = position.split(' '), |
||||
x = parseInt(pos[0]) || 0, |
||||
y = parseInt(pos[1]) || 0; |
||||
|
||||
if(repeat == 'no-repeat' && (x || y)) repeat = 'self'; |
||||
|
||||
image = image.match(/url[\s]*\(([^\)]*)\)/); |
||||
image = image ? image[1]:''; |
||||
updateFormState('colored', color, image, repeat, x, y); |
||||
} else { |
||||
updateFormState(); |
||||
} |
||||
|
||||
var updateHandler = function () { |
||||
updateFormState(); |
||||
updateBackground(); |
||||
} |
||||
domUtils.on($G('nocolorRadio'), 'click', updateBackground); |
||||
domUtils.on($G('coloredRadio'), 'click', updateHandler); |
||||
domUtils.on($G('url'), 'keyup', function(){ |
||||
if($G('url').value && $G('alignment').style.display == "none") { |
||||
utils.each($G('repeatType').children, function(item){ |
||||
item.selected = ('repeat' == item.getAttribute('value') ? 'selected':false); |
||||
}); |
||||
} |
||||
updateHandler(); |
||||
}); |
||||
domUtils.on($G('repeatType'), 'change', updateHandler); |
||||
domUtils.on($G('x'), 'keyup', updateBackground); |
||||
domUtils.on($G('y'), 'keyup', updateBackground); |
||||
|
||||
initColorPicker(); |
||||
} |
||||
|
||||
/* 初始化颜色选择器 */ |
||||
function initColorPicker() { |
||||
var me = editor, |
||||
cp = $G("colorPicker"); |
||||
|
||||
/* 生成颜色选择器ui对象 */ |
||||
var popup = new UE.ui.Popup({ |
||||
content: new UE.ui.ColorPicker({ |
||||
noColorText: me.getLang("clearColor"), |
||||
editor: me, |
||||
onpickcolor: function (t, color) { |
||||
updateFormState('colored', color); |
||||
updateBackground(); |
||||
UE.ui.Popup.postHide(); |
||||
}, |
||||
onpicknocolor: function (t, color) { |
||||
updateFormState('colored', 'transparent'); |
||||
updateBackground(); |
||||
UE.ui.Popup.postHide(); |
||||
} |
||||
}), |
||||
editor: me, |
||||
onhide: function () { |
||||
} |
||||
}); |
||||
|
||||
/* 设置颜色选择器 */ |
||||
domUtils.on(cp, "click", function () { |
||||
popup.showAnchor(this); |
||||
}); |
||||
domUtils.on(document, 'mousedown', function (evt) { |
||||
var el = evt.target || evt.srcElement; |
||||
UE.ui.Popup.postHide(el); |
||||
}); |
||||
domUtils.on(window, 'scroll', function () { |
||||
UE.ui.Popup.postHide(); |
||||
}); |
||||
} |
||||
|
||||
/* 初始化在线图片列表 */ |
||||
function initImagePanel() { |
||||
onlineImage = onlineImage || new OnlineImage('imageList'); |
||||
} |
||||
|
||||
/* 更新背景色设置面板 */ |
||||
function updateFormState (radio, color, url, align, x, y) { |
||||
var nocolorRadio = $G('nocolorRadio'), |
||||
coloredRadio = $G('coloredRadio'); |
||||
|
||||
if(radio) { |
||||
nocolorRadio.checked = (radio == 'colored' ? false:'checked'); |
||||
coloredRadio.checked = (radio == 'colored' ? 'checked':false); |
||||
} |
||||
if(color) { |
||||
domUtils.setStyle($G("colorPicker"), "background-color", color); |
||||
} |
||||
|
||||
if(url && /^\//.test(url)) { |
||||
var a = document.createElement('a'); |
||||
a.href = url; |
||||
browser.ie && (a.href = a.href); |
||||
url = browser.ie ? a.href:(a.protocol + '//' + a.host + a.pathname + a.search + a.hash); |
||||
} |
||||
|
||||
if(url || url === '') { |
||||
$G('url').value = url; |
||||
} |
||||
if(align) { |
||||
utils.each($G('repeatType').children, function(item){ |
||||
item.selected = (align == item.getAttribute('value') ? 'selected':false); |
||||
}); |
||||
} |
||||
if(x || y) { |
||||
$G('x').value = parseInt(x) || 0; |
||||
$G('y').value = parseInt(y) || 0; |
||||
} |
||||
|
||||
$G('alignment').style.display = coloredRadio.checked && $G('url').value ? '':'none'; |
||||
$G('custom').style.display = coloredRadio.checked && $G('url').value && $G('repeatType').value == 'self' ? '':'none'; |
||||
} |
||||
|
||||
/* 更新背景颜色 */ |
||||
function updateBackground () { |
||||
if ($G('coloredRadio').checked) { |
||||
var color = domUtils.getStyle($G("colorPicker"), "background-color"), |
||||
bgimg = $G("url").value, |
||||
align = $G("repeatType").value, |
||||
backgroundObj = { |
||||
"background-repeat": "no-repeat", |
||||
"background-position": "center center" |
||||
}; |
||||
|
||||
if (color) backgroundObj["background-color"] = color; |
||||
if (bgimg) backgroundObj["background-image"] = 'url(' + bgimg + ')'; |
||||
if (align == 'self') { |
||||
backgroundObj["background-position"] = $G("x").value + "px " + $G("y").value + "px"; |
||||
} else if (align == 'repeat-x' || align == 'repeat-y' || align == 'repeat') { |
||||
backgroundObj["background-repeat"] = align; |
||||
} |
||||
|
||||
editor.execCommand('background', backgroundObj); |
||||
} else { |
||||
editor.execCommand('background', null); |
||||
} |
||||
} |
||||
|
||||
|
||||
/* 在线图片 */ |
||||
function OnlineImage(target) { |
||||
this.container = utils.isString(target) ? document.getElementById(target) : target; |
||||
this.init(); |
||||
} |
||||
OnlineImage.prototype = { |
||||
init: function () { |
||||
this.reset(); |
||||
this.initEvents(); |
||||
}, |
||||
/* 初始化容器 */ |
||||
initContainer: function () { |
||||
this.container.innerHTML = ''; |
||||
this.list = document.createElement('ul'); |
||||
this.clearFloat = document.createElement('li'); |
||||
|
||||
domUtils.addClass(this.list, 'list'); |
||||
domUtils.addClass(this.clearFloat, 'clearFloat'); |
||||
|
||||
this.list.id = 'imageListUl'; |
||||
this.list.appendChild(this.clearFloat); |
||||
this.container.appendChild(this.list); |
||||
}, |
||||
/* 初始化滚动事件,滚动到地步自动拉取数据 */ |
||||
initEvents: function () { |
||||
var _this = this; |
||||
|
||||
/* 滚动拉取图片 */ |
||||
domUtils.on($G('imageList'), 'scroll', function(e){ |
||||
var panel = this; |
||||
if (panel.scrollHeight - (panel.offsetHeight + panel.scrollTop) < 10) { |
||||
_this.getImageData(); |
||||
} |
||||
}); |
||||
/* 选中图片 */ |
||||
domUtils.on(this.container, 'click', function (e) { |
||||
var target = e.target || e.srcElement, |
||||
li = target.parentNode, |
||||
nodes = $G('imageListUl').childNodes; |
||||
|
||||
if (li.tagName.toLowerCase() == 'li') { |
||||
updateFormState('nocolor', null, ''); |
||||
for (var i = 0, node; node = nodes[i++];) { |
||||
if (node == li && !domUtils.hasClass(node, 'selected')) { |
||||
domUtils.addClass(node, 'selected'); |
||||
updateFormState('colored', null, li.firstChild.getAttribute("_src"), 'repeat'); |
||||
} else { |
||||
domUtils.removeClasses(node, 'selected'); |
||||
} |
||||
} |
||||
updateBackground(); |
||||
} |
||||
}); |
||||
}, |
||||
/* 初始化第一次的数据 */ |
||||
initData: function () { |
||||
|
||||
/* 拉取数据需要使用的值 */ |
||||
this.state = 0; |
||||
this.listSize = editor.getOpt('imageManagerListSize'); |
||||
this.listIndex = 0; |
||||
this.listEnd = false; |
||||
|
||||
/* 第一次拉取数据 */ |
||||
this.getImageData(); |
||||
}, |
||||
/* 重置界面 */ |
||||
reset: function() { |
||||
this.initContainer(); |
||||
this.initData(); |
||||
}, |
||||
/* 向后台拉取图片列表数据 */ |
||||
getImageData: function () { |
||||
var _this = this; |
||||
|
||||
if(!_this.listEnd && !this.isLoadingData) { |
||||
this.isLoadingData = true; |
||||
var url = editor.getActionUrl(editor.getOpt('imageManagerActionName')), |
||||
isJsonp = utils.isCrossDomainUrl(url); |
||||
ajax.request(url, { |
||||
'timeout': 100000, |
||||
'dataType': isJsonp ? 'jsonp':'', |
||||
'data': utils.extend({ |
||||
start: this.listIndex, |
||||
size: this.listSize |
||||
}, editor.queryCommandValue('serverparam')), |
||||
'method': 'get', |
||||
'onsuccess': function (r) { |
||||
try { |
||||
var json = isJsonp ? r:eval('(' + r.responseText + ')'); |
||||
if (json.state == 'SUCCESS') { |
||||
_this.pushData(json.list); |
||||
_this.listIndex = parseInt(json.start) + parseInt(json.list.length); |
||||
if(_this.listIndex >= json.total) { |
||||
_this.listEnd = true; |
||||
} |
||||
_this.isLoadingData = false; |
||||
} |
||||
} catch (e) { |
||||
if(r.responseText.indexOf('ue_separate_ue') != -1) { |
||||
var list = r.responseText.split(r.responseText); |
||||
_this.pushData(list); |
||||
_this.listIndex = parseInt(list.length); |
||||
_this.listEnd = true; |
||||
_this.isLoadingData = false; |
||||
} |
||||
} |
||||
}, |
||||
'onerror': function () { |
||||
_this.isLoadingData = false; |
||||
} |
||||
}); |
||||
} |
||||
}, |
||||
/* 添加图片到列表界面上 */ |
||||
pushData: function (list) { |
||||
var i, item, img, icon, _this = this, |
||||
urlPrefix = editor.getOpt('imageManagerUrlPrefix'); |
||||
for (i = 0; i < list.length; i++) { |
||||
if(list[i] && list[i].url) { |
||||
item = document.createElement('li'); |
||||
img = document.createElement('img'); |
||||
icon = document.createElement('span'); |
||||
|
||||
domUtils.on(img, 'load', (function(image){ |
||||
return function(){ |
||||
_this.scale(image, image.parentNode.offsetWidth, image.parentNode.offsetHeight); |
||||
} |
||||
})(img)); |
||||
img.width = 113; |
||||
img.setAttribute('src', urlPrefix + list[i].url + (list[i].url.indexOf('?') == -1 ? '?noCache=':'&noCache=') + (+new Date()).toString(36) ); |
||||
img.setAttribute('_src', urlPrefix + list[i].url); |
||||
domUtils.addClass(icon, 'icon'); |
||||
|
||||
item.appendChild(img); |
||||
item.appendChild(icon); |
||||
this.list.insertBefore(item, this.clearFloat); |
||||
} |
||||
} |
||||
}, |
||||
/* 改变图片大小 */ |
||||
scale: function (img, w, h, type) { |
||||
var ow = img.width, |
||||
oh = img.height; |
||||
|
||||
if (type == 'justify') { |
||||
if (ow >= oh) { |
||||
img.width = w; |
||||
img.height = h * oh / ow; |
||||
img.style.marginLeft = '-' + parseInt((img.width - w) / 2) + 'px'; |
||||
} else { |
||||
img.width = w * ow / oh; |
||||
img.height = h; |
||||
img.style.marginTop = '-' + parseInt((img.height - h) / 2) + 'px'; |
||||
} |
||||
} else { |
||||
if (ow >= oh) { |
||||
img.width = w * ow / oh; |
||||
img.height = h; |
||||
img.style.marginLeft = '-' + parseInt((img.width - w) / 2) + 'px'; |
||||
} else { |
||||
img.width = w; |
||||
img.height = h * oh / ow; |
||||
img.style.marginTop = '-' + parseInt((img.height - h) / 2) + 'px'; |
||||
} |
||||
} |
||||
}, |
||||
getInsertList: function () { |
||||
var i, lis = this.list.children, list = [], align = getAlign(); |
||||
for (i = 0; i < lis.length; i++) { |
||||
if (domUtils.hasClass(lis[i], 'selected')) { |
||||
var img = lis[i].firstChild, |
||||
src = img.getAttribute('_src'); |
||||
list.push({ |
||||
src: src, |
||||
_src: src, |
||||
floatStyle: align |
||||
}); |
||||
} |
||||
|
||||
} |
||||
return list; |
||||
} |
||||
}; |
||||
|
||||
dialog.onok = function () { |
||||
updateBackground(); |
||||
editor.fireEvent('saveScene'); |
||||
}; |
||||
dialog.oncancel = function () { |
||||
editor.execCommand('background', backupStyle); |
||||
}; |
||||
|
||||
})(); |
||||
@ -1,65 +1,65 @@ |
||||
/* |
||||
* 图表配置文件 |
||||
* */ |
||||
|
||||
|
||||
//不同类型的配置
|
||||
var typeConfig = [ |
||||
{ |
||||
chart: { |
||||
type: 'line' |
||||
}, |
||||
plotOptions: { |
||||
line: { |
||||
dataLabels: { |
||||
enabled: false |
||||
}, |
||||
enableMouseTracking: true |
||||
} |
||||
} |
||||
}, { |
||||
chart: { |
||||
type: 'line' |
||||
}, |
||||
plotOptions: { |
||||
line: { |
||||
dataLabels: { |
||||
enabled: true |
||||
}, |
||||
enableMouseTracking: false |
||||
} |
||||
} |
||||
}, { |
||||
chart: { |
||||
type: 'area' |
||||
} |
||||
}, { |
||||
chart: { |
||||
type: 'bar' |
||||
} |
||||
}, { |
||||
chart: { |
||||
type: 'column' |
||||
} |
||||
}, { |
||||
chart: { |
||||
plotBackgroundColor: null, |
||||
plotBorderWidth: null, |
||||
plotShadow: false |
||||
}, |
||||
plotOptions: { |
||||
pie: { |
||||
allowPointSelect: true, |
||||
cursor: 'pointer', |
||||
dataLabels: { |
||||
enabled: true, |
||||
color: '#000000', |
||||
connectorColor: '#000000', |
||||
formatter: function() { |
||||
return '<b>'+ this.point.name +'</b>: '+ ( Math.round( this.point.percentage*100 ) / 100 ) +' %'; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
} |
||||
]; |
||||
/* |
||||
* 图表配置文件 |
||||
* */ |
||||
|
||||
|
||||
//不同类型的配置
|
||||
var typeConfig = [ |
||||
{ |
||||
chart: { |
||||
type: 'line' |
||||
}, |
||||
plotOptions: { |
||||
line: { |
||||
dataLabels: { |
||||
enabled: false |
||||
}, |
||||
enableMouseTracking: true |
||||
} |
||||
} |
||||
}, { |
||||
chart: { |
||||
type: 'line' |
||||
}, |
||||
plotOptions: { |
||||
line: { |
||||
dataLabels: { |
||||
enabled: true |
||||
}, |
||||
enableMouseTracking: false |
||||
} |
||||
} |
||||
}, { |
||||
chart: { |
||||
type: 'area' |
||||
} |
||||
}, { |
||||
chart: { |
||||
type: 'bar' |
||||
} |
||||
}, { |
||||
chart: { |
||||
type: 'column' |
||||
} |
||||
}, { |
||||
chart: { |
||||
plotBackgroundColor: null, |
||||
plotBorderWidth: null, |
||||
plotShadow: false |
||||
}, |
||||
plotOptions: { |
||||
pie: { |
||||
allowPointSelect: true, |
||||
cursor: 'pointer', |
||||
dataLabels: { |
||||
enabled: true, |
||||
color: '#000000', |
||||
connectorColor: '#000000', |
||||
formatter: function() { |
||||
return '<b>'+ this.point.name +'</b>: '+ ( Math.round( this.point.percentage*100 ) / 100 ) +' %'; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
} |
||||
]; |
||||
|
||||
@ -1,165 +1,165 @@ |
||||
html, body { |
||||
width: 100%; |
||||
height: 100%; |
||||
margin: 0; |
||||
padding: 0; |
||||
overflow-x: hidden; |
||||
} |
||||
|
||||
.main { |
||||
width: 100%; |
||||
overflow: hidden; |
||||
} |
||||
|
||||
.table-view { |
||||
height: 100%; |
||||
float: left; |
||||
margin: 20px; |
||||
width: 40%; |
||||
} |
||||
|
||||
.table-view .table-container { |
||||
width: 100%; |
||||
margin-bottom: 50px; |
||||
overflow: scroll; |
||||
} |
||||
|
||||
.table-view th { |
||||
padding: 5px 10px; |
||||
background-color: #F7F7F7; |
||||
} |
||||
|
||||
.table-view td { |
||||
width: 50px; |
||||
text-align: center; |
||||
padding:0; |
||||
} |
||||
|
||||
.table-container input { |
||||
width: 40px; |
||||
padding: 5px; |
||||
border: none; |
||||
outline: none; |
||||
} |
||||
|
||||
.table-view caption { |
||||
font-size: 18px; |
||||
text-align: left; |
||||
} |
||||
|
||||
.charts-view { |
||||
/*margin-left: 49%!important;*/ |
||||
width: 50%; |
||||
margin-left: 49%; |
||||
height: 400px; |
||||
} |
||||
|
||||
.charts-container { |
||||
border-left: 1px solid #c3c3c3; |
||||
} |
||||
|
||||
.charts-format fieldset { |
||||
padding-left: 20px; |
||||
margin-bottom: 50px; |
||||
} |
||||
|
||||
.charts-format legend { |
||||
padding-left: 10px; |
||||
padding-right: 10px; |
||||
} |
||||
|
||||
.format-item-container { |
||||
padding: 20px; |
||||
} |
||||
|
||||
.format-item-container label { |
||||
display: block; |
||||
margin: 10px 0; |
||||
} |
||||
|
||||
.charts-format .data-item { |
||||
border: 1px solid black; |
||||
outline: none; |
||||
padding: 2px 3px; |
||||
} |
||||
|
||||
/* 图表类型 */ |
||||
|
||||
.charts-type { |
||||
margin-top: 50px; |
||||
height: 300px; |
||||
} |
||||
|
||||
.scroll-view { |
||||
border: 1px solid #c3c3c3; |
||||
border-left: none; |
||||
border-right: none; |
||||
overflow: hidden; |
||||
} |
||||
|
||||
.scroll-container { |
||||
margin: 20px; |
||||
width: 100%; |
||||
overflow: hidden; |
||||
} |
||||
|
||||
.scroll-bed { |
||||
width: 10000px; |
||||
_margin-top: 20px; |
||||
-webkit-transition: margin-left .5s ease; |
||||
-moz-transition: margin-left .5s ease; |
||||
transition: margin-left .5s ease; |
||||
} |
||||
|
||||
.view-box { |
||||
display: inline-block; |
||||
*display: inline; |
||||
*zoom: 1; |
||||
margin-right: 20px; |
||||
border: 2px solid white; |
||||
line-height: 0; |
||||
overflow: hidden; |
||||
cursor: pointer; |
||||
} |
||||
|
||||
.view-box img { |
||||
border: 1px solid #cecece; |
||||
} |
||||
|
||||
.view-box.selected { |
||||
border-color: #7274A7; |
||||
} |
||||
|
||||
.button-container { |
||||
margin-bottom: 20px; |
||||
text-align: center; |
||||
} |
||||
|
||||
.button-container a { |
||||
display: inline-block; |
||||
width: 100px; |
||||
height: 25px; |
||||
line-height: 25px; |
||||
border: 1px solid #c2ccd1; |
||||
margin-right: 30px; |
||||
text-decoration: none; |
||||
color: black; |
||||
-webkit-border-radius: 2px; |
||||
-moz-border-radius: 2px; |
||||
border-radius: 2px; |
||||
} |
||||
|
||||
.button-container a:HOVER { |
||||
background: #fcfcfc; |
||||
} |
||||
|
||||
.button-container a:ACTIVE { |
||||
border-top-color: #c2ccd1; |
||||
box-shadow:inset 0 5px 4px -4px rgba(49, 49, 64, 0.1); |
||||
} |
||||
|
||||
.edui-charts-not-data { |
||||
height: 100px; |
||||
line-height: 100px; |
||||
text-align: center; |
||||
html, body { |
||||
width: 100%; |
||||
height: 100%; |
||||
margin: 0; |
||||
padding: 0; |
||||
overflow-x: hidden; |
||||
} |
||||
|
||||
.main { |
||||
width: 100%; |
||||
overflow: hidden; |
||||
} |
||||
|
||||
.table-view { |
||||
height: 100%; |
||||
float: left; |
||||
margin: 20px; |
||||
width: 40%; |
||||
} |
||||
|
||||
.table-view .table-container { |
||||
width: 100%; |
||||
margin-bottom: 50px; |
||||
overflow: scroll; |
||||
} |
||||
|
||||
.table-view th { |
||||
padding: 5px 10px; |
||||
background-color: #F7F7F7; |
||||
} |
||||
|
||||
.table-view td { |
||||
width: 50px; |
||||
text-align: center; |
||||
padding:0; |
||||
} |
||||
|
||||
.table-container input { |
||||
width: 40px; |
||||
padding: 5px; |
||||
border: none; |
||||
outline: none; |
||||
} |
||||
|
||||
.table-view caption { |
||||
font-size: 18px; |
||||
text-align: left; |
||||
} |
||||
|
||||
.charts-view { |
||||
/*margin-left: 49%!important;*/ |
||||
width: 50%; |
||||
margin-left: 49%; |
||||
height: 400px; |
||||
} |
||||
|
||||
.charts-container { |
||||
border-left: 1px solid #c3c3c3; |
||||
} |
||||
|
||||
.charts-format fieldset { |
||||
padding-left: 20px; |
||||
margin-bottom: 50px; |
||||
} |
||||
|
||||
.charts-format legend { |
||||
padding-left: 10px; |
||||
padding-right: 10px; |
||||
} |
||||
|
||||
.format-item-container { |
||||
padding: 20px; |
||||
} |
||||
|
||||
.format-item-container label { |
||||
display: block; |
||||
margin: 10px 0; |
||||
} |
||||
|
||||
.charts-format .data-item { |
||||
border: 1px solid black; |
||||
outline: none; |
||||
padding: 2px 3px; |
||||
} |
||||
|
||||
/* 图表类型 */ |
||||
|
||||
.charts-type { |
||||
margin-top: 50px; |
||||
height: 300px; |
||||
} |
||||
|
||||
.scroll-view { |
||||
border: 1px solid #c3c3c3; |
||||
border-left: none; |
||||
border-right: none; |
||||
overflow: hidden; |
||||
} |
||||
|
||||
.scroll-container { |
||||
margin: 20px; |
||||
width: 100%; |
||||
overflow: hidden; |
||||
} |
||||
|
||||
.scroll-bed { |
||||
width: 10000px; |
||||
_margin-top: 20px; |
||||
-webkit-transition: margin-left .5s ease; |
||||
-moz-transition: margin-left .5s ease; |
||||
transition: margin-left .5s ease; |
||||
} |
||||
|
||||
.view-box { |
||||
display: inline-block; |
||||
*display: inline; |
||||
*zoom: 1; |
||||
margin-right: 20px; |
||||
border: 2px solid white; |
||||
line-height: 0; |
||||
overflow: hidden; |
||||
cursor: pointer; |
||||
} |
||||
|
||||
.view-box img { |
||||
border: 1px solid #cecece; |
||||
} |
||||
|
||||
.view-box.selected { |
||||
border-color: #7274A7; |
||||
} |
||||
|
||||
.button-container { |
||||
margin-bottom: 20px; |
||||
text-align: center; |
||||
} |
||||
|
||||
.button-container a { |
||||
display: inline-block; |
||||
width: 100px; |
||||
height: 25px; |
||||
line-height: 25px; |
||||
border: 1px solid #c2ccd1; |
||||
margin-right: 30px; |
||||
text-decoration: none; |
||||
color: black; |
||||
-webkit-border-radius: 2px; |
||||
-moz-border-radius: 2px; |
||||
border-radius: 2px; |
||||
} |
||||
|
||||
.button-container a:HOVER { |
||||
background: #fcfcfc; |
||||
} |
||||
|
||||
.button-container a:ACTIVE { |
||||
border-top-color: #c2ccd1; |
||||
box-shadow:inset 0 5px 4px -4px rgba(49, 49, 64, 0.1); |
||||
} |
||||
|
||||
.edui-charts-not-data { |
||||
height: 100px; |
||||
line-height: 100px; |
||||
text-align: center; |
||||
} |
||||
@ -1,89 +1,89 @@ |
||||
<!DOCTYPE html> |
||||
<html> |
||||
<head> |
||||
<title>chart</title> |
||||
<meta chartset="utf-8"> |
||||
<link rel="stylesheet" type="text/css" href="charts.css"> |
||||
<script type="text/javascript" src="../internal.js"></script> |
||||
</head> |
||||
<body> |
||||
<div class="main"> |
||||
<div class="table-view"> |
||||
<h3><var id="lang_data_source"></var></h3> |
||||
<div id="tableContainer" class="table-container"></div> |
||||
<h3><var id="lang_chart_format"></var></h3> |
||||
<form name="data-form"> |
||||
<div class="charts-format"> |
||||
<fieldset> |
||||
<legend><var id="lang_data_align"></var></legend> |
||||
<div class="format-item-container"> |
||||
<label> |
||||
<input type="radio" class="format-ctrl not-pie-item" name="charts-format" value="1" checked="checked"> |
||||
<var id="lang_chart_align_same"></var> |
||||
</label> |
||||
<label> |
||||
<input type="radio" class="format-ctrl not-pie-item" name="charts-format" value="-1"> |
||||
<var id="lang_chart_align_reverse"></var> |
||||
</label> |
||||
<br> |
||||
</div> |
||||
</fieldset> |
||||
<fieldset> |
||||
<legend><var id="lang_chart_title"></var></legend> |
||||
<div class="format-item-container"> |
||||
<label> |
||||
<var id="lang_chart_main_title"></var><input type="text" name="title" class="data-item"> |
||||
</label> |
||||
<label> |
||||
<var id="lang_chart_sub_title"></var><input type="text" name="sub-title" class="data-item not-pie-item"> |
||||
</label> |
||||
<label> |
||||
<var id="lang_chart_x_title"></var><input type="text" name="x-title" class="data-item not-pie-item"> |
||||
</label> |
||||
<label> |
||||
<var id="lang_chart_y_title"></var><input type="text" name="y-title" class="data-item not-pie-item"> |
||||
</label> |
||||
</div> |
||||
</fieldset> |
||||
<fieldset> |
||||
<legend><var id="lang_chart_tip"></var></legend> |
||||
<div class="format-item-container"> |
||||
<label> |
||||
<var id="lang_cahrt_tip_prefix"></var> |
||||
<input type="text" id="tipInput" name="tip" class="data-item" disabled="disabled"> |
||||
</label> |
||||
<p><var id="lang_cahrt_tip_description"></var></p> |
||||
</div> |
||||
</fieldset> |
||||
<fieldset> |
||||
<legend><var id="lang_chart_data_unit"></var></legend> |
||||
<div class="format-item-container"> |
||||
<label><var id="lang_chart_data_unit_title"></var><input type="text" name="unit" class="data-item"></label> |
||||
<p><var id="lang_chart_data_unit_description"></var></p> |
||||
</div> |
||||
</fieldset> |
||||
</div> |
||||
</form> |
||||
</div> |
||||
<div class="charts-view"> |
||||
<div id="chartsContainer" class="charts-container"></div> |
||||
<div id="chartsType" class="charts-type"> |
||||
<h3><var id="lang_chart_type"></var></h3> |
||||
<div class="scroll-view"> |
||||
<div class="scroll-container"> |
||||
<div id="scrollBed" class="scroll-bed"></div> |
||||
</div> |
||||
<div id="buttonContainer" class="button-container"> |
||||
<a href="#" data-title="prev"><var id="lang_prev_btn"></var></a> |
||||
<a href="#" data-title="next"><var id="lang_next_btn"></var></a> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<script src="../../third-party/jquery-1.10.2.min.js"></script> |
||||
<script src="../../third-party/highcharts/highcharts.js"></script> |
||||
<script src="chart.config.js"></script> |
||||
<script src="charts.js"></script> |
||||
</body> |
||||
<!DOCTYPE html> |
||||
<html> |
||||
<head> |
||||
<title>chart</title> |
||||
<meta chartset="utf-8"> |
||||
<link rel="stylesheet" type="text/css" href="charts.css"> |
||||
<script type="text/javascript" src="../internal.js"></script> |
||||
</head> |
||||
<body> |
||||
<div class="main"> |
||||
<div class="table-view"> |
||||
<h3><var id="lang_data_source"></var></h3> |
||||
<div id="tableContainer" class="table-container"></div> |
||||
<h3><var id="lang_chart_format"></var></h3> |
||||
<form name="data-form"> |
||||
<div class="charts-format"> |
||||
<fieldset> |
||||
<legend><var id="lang_data_align"></var></legend> |
||||
<div class="format-item-container"> |
||||
<label> |
||||
<input type="radio" class="format-ctrl not-pie-item" name="charts-format" value="1" checked="checked"> |
||||
<var id="lang_chart_align_same"></var> |
||||
</label> |
||||
<label> |
||||
<input type="radio" class="format-ctrl not-pie-item" name="charts-format" value="-1"> |
||||
<var id="lang_chart_align_reverse"></var> |
||||
</label> |
||||
<br> |
||||
</div> |
||||
</fieldset> |
||||
<fieldset> |
||||
<legend><var id="lang_chart_title"></var></legend> |
||||
<div class="format-item-container"> |
||||
<label> |
||||
<var id="lang_chart_main_title"></var><input type="text" name="title" class="data-item"> |
||||
</label> |
||||
<label> |
||||
<var id="lang_chart_sub_title"></var><input type="text" name="sub-title" class="data-item not-pie-item"> |
||||
</label> |
||||
<label> |
||||
<var id="lang_chart_x_title"></var><input type="text" name="x-title" class="data-item not-pie-item"> |
||||
</label> |
||||
<label> |
||||
<var id="lang_chart_y_title"></var><input type="text" name="y-title" class="data-item not-pie-item"> |
||||
</label> |
||||
</div> |
||||
</fieldset> |
||||
<fieldset> |
||||
<legend><var id="lang_chart_tip"></var></legend> |
||||
<div class="format-item-container"> |
||||
<label> |
||||
<var id="lang_cahrt_tip_prefix"></var> |
||||
<input type="text" id="tipInput" name="tip" class="data-item" disabled="disabled"> |
||||
</label> |
||||
<p><var id="lang_cahrt_tip_description"></var></p> |
||||
</div> |
||||
</fieldset> |
||||
<fieldset> |
||||
<legend><var id="lang_chart_data_unit"></var></legend> |
||||
<div class="format-item-container"> |
||||
<label><var id="lang_chart_data_unit_title"></var><input type="text" name="unit" class="data-item"></label> |
||||
<p><var id="lang_chart_data_unit_description"></var></p> |
||||
</div> |
||||
</fieldset> |
||||
</div> |
||||
</form> |
||||
</div> |
||||
<div class="charts-view"> |
||||
<div id="chartsContainer" class="charts-container"></div> |
||||
<div id="chartsType" class="charts-type"> |
||||
<h3><var id="lang_chart_type"></var></h3> |
||||
<div class="scroll-view"> |
||||
<div class="scroll-container"> |
||||
<div id="scrollBed" class="scroll-bed"></div> |
||||
</div> |
||||
<div id="buttonContainer" class="button-container"> |
||||
<a href="#" data-title="prev"><var id="lang_prev_btn"></var></a> |
||||
<a href="#" data-title="next"><var id="lang_next_btn"></var></a> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<script src="../../third-party/jquery-1.10.2.min.js"></script> |
||||
<script src="../../third-party/highcharts/highcharts.js"></script> |
||||
<script src="chart.config.js"></script> |
||||
<script src="charts.js"></script> |
||||
</body> |
||||
</html> |
||||
File diff suppressed because it is too large
Load Diff
@ -1,43 +1,43 @@ |
||||
.jd img{ |
||||
background:transparent url(images/jxface2.gif?v=1.1) no-repeat scroll left top; |
||||
cursor:pointer;width:35px;height:35px;display:block; |
||||
} |
||||
.pp img{ |
||||
background:transparent url(images/fface.gif?v=1.1) no-repeat scroll left top; |
||||
cursor:pointer;width:25px;height:25px;display:block; |
||||
} |
||||
.ldw img{ |
||||
background:transparent url(images/wface.gif?v=1.1) no-repeat scroll left top; |
||||
cursor:pointer;width:35px;height:35px;display:block; |
||||
} |
||||
.tsj img{ |
||||
background:transparent url(images/tface.gif?v=1.1) no-repeat scroll left top; |
||||
cursor:pointer;width:35px;height:35px;display:block; |
||||
} |
||||
.cat img{ |
||||
background:transparent url(images/cface.gif?v=1.1) no-repeat scroll left top; |
||||
cursor:pointer;width:35px;height:35px;display:block; |
||||
} |
||||
.bb img{ |
||||
background:transparent url(images/bface.gif?v=1.1) no-repeat scroll left top; |
||||
cursor:pointer;width:35px;height:35px;display:block; |
||||
} |
||||
.youa img{ |
||||
background:transparent url(images/yface.gif?v=1.1) no-repeat scroll left top; |
||||
cursor:pointer;width:35px;height:35px;display:block; |
||||
} |
||||
|
||||
.smileytable td {height: 37px;} |
||||
#tabPanel{margin-left:5px;overflow: hidden;} |
||||
#tabContent {float:left;background:#FFFFFF;} |
||||
#tabContent div{display: none;width:480px;overflow:hidden;} |
||||
#tabIconReview.show{left:17px;display:block;} |
||||
.menuFocus{background:#ACCD3C;} |
||||
.menuDefault{background:#FFFFFF;} |
||||
#tabIconReview{position:absolute;left:406px;left:398px \9;top:41px;z-index:65533;width:90px;height:76px;} |
||||
img.review{width:90px;height:76px;border:2px solid #9cb945;background:#FFFFFF;background-position:center;background-repeat:no-repeat;} |
||||
|
||||
.wrapper .tabbody{position:relative;float:left;clear:both;padding:10px;width: 95%;} |
||||
.tabbody table{width: 100%;} |
||||
.tabbody td{border:1px solid #BAC498;} |
||||
.jd img{ |
||||
background:transparent url(images/jxface2.gif?v=1.1) no-repeat scroll left top; |
||||
cursor:pointer;width:35px;height:35px;display:block; |
||||
} |
||||
.pp img{ |
||||
background:transparent url(images/fface.gif?v=1.1) no-repeat scroll left top; |
||||
cursor:pointer;width:25px;height:25px;display:block; |
||||
} |
||||
.ldw img{ |
||||
background:transparent url(images/wface.gif?v=1.1) no-repeat scroll left top; |
||||
cursor:pointer;width:35px;height:35px;display:block; |
||||
} |
||||
.tsj img{ |
||||
background:transparent url(images/tface.gif?v=1.1) no-repeat scroll left top; |
||||
cursor:pointer;width:35px;height:35px;display:block; |
||||
} |
||||
.cat img{ |
||||
background:transparent url(images/cface.gif?v=1.1) no-repeat scroll left top; |
||||
cursor:pointer;width:35px;height:35px;display:block; |
||||
} |
||||
.bb img{ |
||||
background:transparent url(images/bface.gif?v=1.1) no-repeat scroll left top; |
||||
cursor:pointer;width:35px;height:35px;display:block; |
||||
} |
||||
.youa img{ |
||||
background:transparent url(images/yface.gif?v=1.1) no-repeat scroll left top; |
||||
cursor:pointer;width:35px;height:35px;display:block; |
||||
} |
||||
|
||||
.smileytable td {height: 37px;} |
||||
#tabPanel{margin-left:5px;overflow: hidden;} |
||||
#tabContent {float:left;background:#FFFFFF;} |
||||
#tabContent div{display: none;width:480px;overflow:hidden;} |
||||
#tabIconReview.show{left:17px;display:block;} |
||||
.menuFocus{background:#ACCD3C;} |
||||
.menuDefault{background:#FFFFFF;} |
||||
#tabIconReview{position:absolute;left:406px;left:398px \9;top:41px;z-index:65533;width:90px;height:76px;} |
||||
img.review{width:90px;height:76px;border:2px solid #9cb945;background:#FFFFFF;background-position:center;background-repeat:no-repeat;} |
||||
|
||||
.wrapper .tabbody{position:relative;float:left;clear:both;padding:10px;width: 95%;} |
||||
.tabbody table{width: 100%;} |
||||
.tabbody td{border:1px solid #BAC498;} |
||||
.tabbody td span{display: block;zoom:1;padding:0 4px;} |
||||
@ -1,54 +1,54 @@ |
||||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" > |
||||
<html xmlns="http://www.w3.org/1999/xhtml"> |
||||
<head> |
||||
<title></title> |
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> |
||||
<meta name="robots" content="noindex, nofollow"/> |
||||
<script type="text/javascript" src="../internal.js"></script> |
||||
<link rel="stylesheet" type="text/css" href="emotion.css"> |
||||
</head> |
||||
<body> |
||||
<div id="tabPanel" class="wrapper"> |
||||
<div id="tabHeads" class="tabhead"> |
||||
<span><var id="lang_input_choice"></var></span> |
||||
<span><var id="lang_input_Tuzki"></var></span> |
||||
<span><var id="lang_input_lvdouwa"></var></span> |
||||
<span><var id="lang_input_BOBO"></var></span> |
||||
<span><var id="lang_input_babyCat"></var></span> |
||||
<span><var id="lang_input_bubble"></var></span> |
||||
<span><var id="lang_input_youa"></var></span> |
||||
</div> |
||||
<div id="tabBodys" class="tabbody"> |
||||
<div id="tab0"></div> |
||||
<div id="tab1"></div> |
||||
<div id="tab2"></div> |
||||
<div id="tab3"></div> |
||||
<div id="tab4"></div> |
||||
<div id="tab5"></div> |
||||
<div id="tab6"></div> |
||||
</div> |
||||
</div> |
||||
<div id="tabIconReview"> |
||||
<img id='faceReview' class='review' src="../../themes/default/images/spacer.gif"/> |
||||
</div> |
||||
<script type="text/javascript" src="emotion.js"></script> |
||||
<script type="text/javascript"> |
||||
var emotion = { |
||||
tabNum:7, //切换面板数量 |
||||
SmilmgName:{ tab0:['j_00', 84], tab1:['t_00', 40], tab2:['w_00', 52], tab3:['B_00', 63], tab4:['C_00', 20], tab5:['i_f', 50], tab6:['y_00', 40] }, //图片前缀名 |
||||
imageFolders:{ tab0:'jx2/', tab1:'tsj/', tab2:'ldw/', tab3:'bobo/', tab4:'babycat/', tab5:'face/', tab6:'youa/'}, //图片对应文件夹路径 |
||||
imageCss:{tab0:'jd', tab1:'tsj', tab2:'ldw', tab3:'bb', tab4:'cat', tab5:'pp', tab6:'youa'}, //图片css类名 |
||||
imageCssOffset:{tab0:35, tab1:35, tab2:35, tab3:35, tab4:35, tab5:25, tab6:35}, //图片偏移 |
||||
SmileyInfor:{ |
||||
tab0:['Kiss', 'Love', 'Yeah', '啊！', '背扭', '顶', '抖胸', '88', '汗', '瞌睡', '鲁拉', '拍砖', '揉脸', '生日快乐', '大笑', '瀑布汗~', '惊讶', '臭美', '傻笑', '抛媚眼', '发怒', '打酱油', '俯卧撑', '气愤', '?', '吻', '怒', '胜利', 'HI', 'KISS', '不说', '不要', '扯花', '大心', '顶', '大惊', '飞吻', '鬼脸', '害羞', '口水', '狂哭', '来', '发财了', '吃西瓜', '套牢', '害羞', '庆祝', '我来了', '敲打', '晕了', '胜利', '臭美', '被打了', '贪吃', '迎接', '酷', '微笑', '亲吻', '调皮', '惊恐', '耍酷', '发火', '害羞', '汗水', '大哭', '', '加油', '困', '你NB', '晕倒', '开心', '偷笑', '大哭', '滴汗', '叹气', '超赞', '??', '飞吻', '天使', '撒花', '生气', '被砸', '吓傻', '随意吐'], |
||||
tab1:['Kiss', 'Love', 'Yeah', '啊！', '背扭', '顶', '抖胸', '88', '汗', '瞌睡', '鲁拉', '拍砖', '揉脸', '生日快乐', '摊手', '睡觉', '瘫坐', '无聊', '星星闪', '旋转', '也不行', '郁闷', '正Music', '抓墙', '撞墙至死', '歪头', '戳眼', '飘过', '互相拍砖', '砍死你', '扔桌子', '少林寺', '什么？', '转头', '我爱牛奶', '我踢', '摇晃', '晕厥', '在笼子里', '震荡'], |
||||
tab2:['大笑', '瀑布汗~', '惊讶', '臭美', '傻笑', '抛媚眼', '发怒', '我错了', 'money', '气愤', '挑逗', '吻', '怒', '胜利', '委屈', '受伤', '说啥呢？', '闭嘴', '不', '逗你玩儿', '飞吻', '眩晕', '魔法', '我来了', '睡了', '我打', '闭嘴', '打', '打晕了', '刷牙', '爆揍', '炸弹', '倒立', '刮胡子', '邪恶的笑', '不要不要', '爱恋中', '放大仔细看', '偷窥', '超高兴', '晕', '松口气', '我跑', '享受', '修养', '哭', '汗', '啊~', '热烈欢迎', '打酱油', '俯卧撑', '?'], |
||||
tab3:['HI', 'KISS', '不说', '不要', '扯花', '大心', '顶', '大惊', '飞吻', '鬼脸', '害羞', '口水', '狂哭', '来', '泪眼', '流泪', '生气', '吐舌', '喜欢', '旋转', '再见', '抓狂', '汗', '鄙视', '拜', '吐血', '嘘', '打人', '蹦跳', '变脸', '扯肉', '吃To', '吃花', '吹泡泡糖', '大变身', '飞天舞', '回眸', '可怜', '猛抽', '泡泡', '苹果', '亲', '', '骚舞', '烧香', '睡', '套娃娃', '捅捅', '舞倒', '西红柿', '爱慕', '摇', '摇摆', '杂耍', '招财', '被殴', '被球闷', '大惊', '理想', '欧打', '呕吐', '碎', '吐痰'], |
||||
tab4:['发财了', '吃西瓜', '套牢', '害羞', '庆祝', '我来了', '敲打', '晕了', '胜利', '臭美', '被打了', '贪吃', '迎接', '酷', '顶', '幸运', '爱心', '躲', '送花', '选择'], |
||||
tab5:['微笑', '亲吻', '调皮', '惊讶', '耍酷', '发火', '害羞', '汗水', '大哭', '得意', '鄙视', '困', '夸奖', '晕倒', '疑问', '媒婆', '狂吐', '青蛙', '发愁', '亲吻', '', '爱心', '心碎', '玫瑰', '礼物', '哭', '奸笑', '可爱', '得意', '呲牙', '暴汗', '楚楚可怜', '困', '哭', '生气', '惊讶', '口水', '彩虹', '夜空', '太阳', '钱钱', '灯泡', '咖啡', '蛋糕', '音乐', '爱', '胜利', '赞', '鄙视', 'OK'], |
||||
tab6:['男兜', '女兜', '开心', '乖乖', '偷笑', '大笑', '抽泣', '大哭', '无奈', '滴汗', '叹气', '狂晕', '委屈', '超赞', '??', '疑问', '飞吻', '天使', '撒花', '生气', '被砸', '口水', '泪奔', '吓傻', '吐舌头', '点头', '随意吐', '旋转', '困困', '鄙视', '狂顶', '篮球', '再见', '欢迎光临', '恭喜发财', '稍等', '我在线', '恕不议价', '库房有货', '货在路上'] |
||||
} |
||||
}; |
||||
</script> |
||||
</body> |
||||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" > |
||||
<html xmlns="http://www.w3.org/1999/xhtml"> |
||||
<head> |
||||
<title></title> |
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> |
||||
<meta name="robots" content="noindex, nofollow"/> |
||||
<script type="text/javascript" src="../internal.js"></script> |
||||
<link rel="stylesheet" type="text/css" href="emotion.css"> |
||||
</head> |
||||
<body> |
||||
<div id="tabPanel" class="wrapper"> |
||||
<div id="tabHeads" class="tabhead"> |
||||
<span><var id="lang_input_choice"></var></span> |
||||
<span><var id="lang_input_Tuzki"></var></span> |
||||
<span><var id="lang_input_lvdouwa"></var></span> |
||||
<span><var id="lang_input_BOBO"></var></span> |
||||
<span><var id="lang_input_babyCat"></var></span> |
||||
<span><var id="lang_input_bubble"></var></span> |
||||
<span><var id="lang_input_youa"></var></span> |
||||
</div> |
||||
<div id="tabBodys" class="tabbody"> |
||||
<div id="tab0"></div> |
||||
<div id="tab1"></div> |
||||
<div id="tab2"></div> |
||||
<div id="tab3"></div> |
||||
<div id="tab4"></div> |
||||
<div id="tab5"></div> |
||||
<div id="tab6"></div> |
||||
</div> |
||||
</div> |
||||
<div id="tabIconReview"> |
||||
<img id='faceReview' class='review' src="../../themes/default/images/spacer.gif"/> |
||||
</div> |
||||
<script type="text/javascript" src="emotion.js"></script> |
||||
<script type="text/javascript"> |
||||
var emotion = { |
||||
tabNum:7, //切换面板数量 |
||||
SmilmgName:{ tab0:['j_00', 84], tab1:['t_00', 40], tab2:['w_00', 52], tab3:['B_00', 63], tab4:['C_00', 20], tab5:['i_f', 50], tab6:['y_00', 40] }, //图片前缀名 |
||||
imageFolders:{ tab0:'jx2/', tab1:'tsj/', tab2:'ldw/', tab3:'bobo/', tab4:'babycat/', tab5:'face/', tab6:'youa/'}, //图片对应文件夹路径 |
||||
imageCss:{tab0:'jd', tab1:'tsj', tab2:'ldw', tab3:'bb', tab4:'cat', tab5:'pp', tab6:'youa'}, //图片css类名 |
||||
imageCssOffset:{tab0:35, tab1:35, tab2:35, tab3:35, tab4:35, tab5:25, tab6:35}, //图片偏移 |
||||
SmileyInfor:{ |
||||
tab0:['Kiss', 'Love', 'Yeah', '啊！', '背扭', '顶', '抖胸', '88', '汗', '瞌睡', '鲁拉', '拍砖', '揉脸', '生日快乐', '大笑', '瀑布汗~', '惊讶', '臭美', '傻笑', '抛媚眼', '发怒', '打酱油', '俯卧撑', '气愤', '?', '吻', '怒', '胜利', 'HI', 'KISS', '不说', '不要', '扯花', '大心', '顶', '大惊', '飞吻', '鬼脸', '害羞', '口水', '狂哭', '来', '发财了', '吃西瓜', '套牢', '害羞', '庆祝', '我来了', '敲打', '晕了', '胜利', '臭美', '被打了', '贪吃', '迎接', '酷', '微笑', '亲吻', '调皮', '惊恐', '耍酷', '发火', '害羞', '汗水', '大哭', '', '加油', '困', '你NB', '晕倒', '开心', '偷笑', '大哭', '滴汗', '叹气', '超赞', '??', '飞吻', '天使', '撒花', '生气', '被砸', '吓傻', '随意吐'], |
||||
tab1:['Kiss', 'Love', 'Yeah', '啊！', '背扭', '顶', '抖胸', '88', '汗', '瞌睡', '鲁拉', '拍砖', '揉脸', '生日快乐', '摊手', '睡觉', '瘫坐', '无聊', '星星闪', '旋转', '也不行', '郁闷', '正Music', '抓墙', '撞墙至死', '歪头', '戳眼', '飘过', '互相拍砖', '砍死你', '扔桌子', '少林寺', '什么？', '转头', '我爱牛奶', '我踢', '摇晃', '晕厥', '在笼子里', '震荡'], |
||||
tab2:['大笑', '瀑布汗~', '惊讶', '臭美', '傻笑', '抛媚眼', '发怒', '我错了', 'money', '气愤', '挑逗', '吻', '怒', '胜利', '委屈', '受伤', '说啥呢？', '闭嘴', '不', '逗你玩儿', '飞吻', '眩晕', '魔法', '我来了', '睡了', '我打', '闭嘴', '打', '打晕了', '刷牙', '爆揍', '炸弹', '倒立', '刮胡子', '邪恶的笑', '不要不要', '爱恋中', '放大仔细看', '偷窥', '超高兴', '晕', '松口气', '我跑', '享受', '修养', '哭', '汗', '啊~', '热烈欢迎', '打酱油', '俯卧撑', '?'], |
||||
tab3:['HI', 'KISS', '不说', '不要', '扯花', '大心', '顶', '大惊', '飞吻', '鬼脸', '害羞', '口水', '狂哭', '来', '泪眼', '流泪', '生气', '吐舌', '喜欢', '旋转', '再见', '抓狂', '汗', '鄙视', '拜', '吐血', '嘘', '打人', '蹦跳', '变脸', '扯肉', '吃To', '吃花', '吹泡泡糖', '大变身', '飞天舞', '回眸', '可怜', '猛抽', '泡泡', '苹果', '亲', '', '骚舞', '烧香', '睡', '套娃娃', '捅捅', '舞倒', '西红柿', '爱慕', '摇', '摇摆', '杂耍', '招财', '被殴', '被球闷', '大惊', '理想', '欧打', '呕吐', '碎', '吐痰'], |
||||
tab4:['发财了', '吃西瓜', '套牢', '害羞', '庆祝', '我来了', '敲打', '晕了', '胜利', '臭美', '被打了', '贪吃', '迎接', '酷', '顶', '幸运', '爱心', '躲', '送花', '选择'], |
||||
tab5:['微笑', '亲吻', '调皮', '惊讶', '耍酷', '发火', '害羞', '汗水', '大哭', '得意', '鄙视', '困', '夸奖', '晕倒', '疑问', '媒婆', '狂吐', '青蛙', '发愁', '亲吻', '', '爱心', '心碎', '玫瑰', '礼物', '哭', '奸笑', '可爱', '得意', '呲牙', '暴汗', '楚楚可怜', '困', '哭', '生气', '惊讶', '口水', '彩虹', '夜空', '太阳', '钱钱', '灯泡', '咖啡', '蛋糕', '音乐', '爱', '胜利', '赞', '鄙视', 'OK'], |
||||
tab6:['男兜', '女兜', '开心', '乖乖', '偷笑', '大笑', '抽泣', '大哭', '无奈', '滴汗', '叹气', '狂晕', '委屈', '超赞', '??', '疑问', '飞吻', '天使', '撒花', '生气', '被砸', '口水', '泪奔', '吓傻', '吐舌头', '点头', '随意吐', '旋转', '困困', '鄙视', '狂顶', '篮球', '再见', '欢迎光临', '恭喜发财', '稍等', '我在线', '恕不议价', '库房有货', '货在路上'] |
||||
} |
||||
}; |
||||
</script> |
||||
</body> |
||||
</html> |
||||
@ -1,186 +1,186 @@ |
||||
window.onload = function () { |
||||
editor.setOpt({ |
||||
emotionLocalization:false |
||||
}); |
||||
|
||||
emotion.SmileyPath = editor.options.emotionLocalization === true ? 'images/' : "http://img.baidu.com/hi/"; |
||||
emotion.SmileyBox = createTabList( emotion.tabNum ); |
||||
emotion.tabExist = createArr( emotion.tabNum ); |
||||
|
||||
initImgName(); |
||||
initEvtHandler( "tabHeads" ); |
||||
}; |
||||
|
||||
function initImgName() { |
||||
for ( var pro in emotion.SmilmgName ) { |
||||
var tempName = emotion.SmilmgName[pro], |
||||
tempBox = emotion.SmileyBox[pro], |
||||
tempStr = ""; |
||||
|
||||
if ( tempBox.length ) return; |
||||
for ( var i = 1; i <= tempName[1]; i++ ) { |
||||
tempStr = tempName[0]; |
||||
if ( i < 10 ) tempStr = tempStr + '0'; |
||||
tempStr = tempStr + i + '.gif'; |
||||
tempBox.push( tempStr ); |
||||
} |
||||
} |
||||
} |
||||
|
||||
function initEvtHandler( conId ) { |
||||
var tabHeads = $G( conId ); |
||||
for ( var i = 0, j = 0; i < tabHeads.childNodes.length; i++ ) { |
||||
var tabObj = tabHeads.childNodes[i]; |
||||
if ( tabObj.nodeType == 1 ) { |
||||
domUtils.on( tabObj, "click", (function ( index ) { |
||||
return function () { |
||||
switchTab( index ); |
||||
}; |
||||
})( j ) ); |
||||
j++; |
||||
} |
||||
} |
||||
switchTab( 0 ); |
||||
$G( "tabIconReview" ).style.display = 'none'; |
||||
} |
||||
|
||||
function InsertSmiley( url, evt ) { |
||||
var obj = { |
||||
src:editor.options.emotionLocalization ? editor.options.UEDITOR_HOME_URL + "dialogs/emotion/" + url : url |
||||
}; |
||||
obj._src = obj.src; |
||||
editor.execCommand( 'insertimage', obj ); |
||||
if ( !evt.ctrlKey ) { |
||||
dialog.popup.hide(); |
||||
} |
||||
} |
||||
|
||||
function switchTab( index ) { |
||||
|
||||
autoHeight( index ); |
||||
if ( emotion.tabExist[index] == 0 ) { |
||||
emotion.tabExist[index] = 1; |
||||
createTab( 'tab' + index ); |
||||
} |
||||
//获取呈现元素句柄数组
|
||||
var tabHeads = $G( "tabHeads" ).getElementsByTagName( "span" ), |
||||
tabBodys = $G( "tabBodys" ).getElementsByTagName( "div" ), |
||||
i = 0, L = tabHeads.length; |
||||
//隐藏所有呈现元素
|
||||
for ( ; i < L; i++ ) { |
||||
tabHeads[i].className = ""; |
||||
tabBodys[i].style.display = "none"; |
||||
} |
||||
//显示对应呈现元素
|
||||
tabHeads[index].className = "focus"; |
||||
tabBodys[index].style.display = "block"; |
||||
} |
||||
|
||||
function autoHeight( index ) { |
||||
var iframe = dialog.getDom( "iframe" ), |
||||
parent = iframe.parentNode.parentNode; |
||||
switch ( index ) { |
||||
case 0: |
||||
iframe.style.height = "380px"; |
||||
parent.style.height = "392px"; |
||||
break; |
||||
case 1: |
||||
iframe.style.height = "220px"; |
||||
parent.style.height = "232px"; |
||||
break; |
||||
case 2: |
||||
iframe.style.height = "260px"; |
||||
parent.style.height = "272px"; |
||||
break; |
||||
case 3: |
||||
iframe.style.height = "300px"; |
||||
parent.style.height = "312px"; |
||||
break; |
||||
case 4: |
||||
iframe.style.height = "140px"; |
||||
parent.style.height = "152px"; |
||||
break; |
||||
case 5: |
||||
iframe.style.height = "260px"; |
||||
parent.style.height = "272px"; |
||||
break; |
||||
case 6: |
||||
iframe.style.height = "230px"; |
||||
parent.style.height = "242px"; |
||||
break; |
||||
default: |
||||
|
||||
} |
||||
} |
||||
|
||||
|
||||
function createTab( tabName ) { |
||||
var faceVersion = "?v=1.1", //版本号
|
||||
tab = $G( tabName ), //获取将要生成的Div句柄
|
||||
imagePath = emotion.SmileyPath + emotion.imageFolders[tabName], //获取显示表情和预览表情的路径
|
||||
positionLine = 11 / 2, //中间数
|
||||
iWidth = iHeight = 35, //图片长宽
|
||||
iColWidth = 3, //表格剩余空间的显示比例
|
||||
tableCss = emotion.imageCss[tabName], |
||||
cssOffset = emotion.imageCssOffset[tabName], |
||||
textHTML = ['<table class="smileytable">'], |
||||
i = 0, imgNum = emotion.SmileyBox[tabName].length, imgColNum = 11, faceImage, |
||||
sUrl, realUrl, posflag, offset, infor; |
||||
|
||||
for ( ; i < imgNum; ) { |
||||
textHTML.push( '<tr>' ); |
||||
for ( var j = 0; j < imgColNum; j++, i++ ) { |
||||
faceImage = emotion.SmileyBox[tabName][i]; |
||||
if ( faceImage ) { |
||||
sUrl = imagePath + faceImage + faceVersion; |
||||
realUrl = imagePath + faceImage; |
||||
posflag = j < positionLine ? 0 : 1; |
||||
offset = cssOffset * i * (-1) - 1; |
||||
infor = emotion.SmileyInfor[tabName][i]; |
||||
|
||||
textHTML.push( '<td class="' + tableCss + '" border="1" width="' + iColWidth + '%" style="border-collapse:collapse;" align="center" bgcolor="transparent" onclick="InsertSmiley(\'' + realUrl.replace( /'/g, "\\'" ) + '\',event)" onmouseover="over(this,\'' + sUrl + '\',\'' + posflag + '\')" onmouseout="out(this)">' ); |
||||
textHTML.push( '<span>' ); |
||||
textHTML.push( '<img style="background-position:left ' + offset + 'px;" title="' + infor + '" src="' + emotion.SmileyPath + (editor.options.emotionLocalization ? '0.gif" width="' : 'default/0.gif" width="') + iWidth + '" height="' + iHeight + '"></img>' ); |
||||
textHTML.push( '</span>' ); |
||||
} else { |
||||
textHTML.push( '<td width="' + iColWidth + '%" bgcolor="#FFFFFF">' ); |
||||
} |
||||
textHTML.push( '</td>' ); |
||||
} |
||||
textHTML.push( '</tr>' ); |
||||
} |
||||
textHTML.push( '</table>' ); |
||||
textHTML = textHTML.join( "" ); |
||||
tab.innerHTML = textHTML; |
||||
} |
||||
|
||||
function over( td, srcPath, posFlag ) { |
||||
td.style.backgroundColor = "#ACCD3C"; |
||||
$G( 'faceReview' ).style.backgroundImage = "url(" + srcPath + ")"; |
||||
if ( posFlag == 1 ) $G( "tabIconReview" ).className = "show"; |
||||
$G( "tabIconReview" ).style.display = 'block'; |
||||
} |
||||
|
||||
function out( td ) { |
||||
td.style.backgroundColor = "transparent"; |
||||
var tabIconRevew = $G( "tabIconReview" ); |
||||
tabIconRevew.className = ""; |
||||
tabIconRevew.style.display = 'none'; |
||||
} |
||||
|
||||
function createTabList( tabNum ) { |
||||
var obj = {}; |
||||
for ( var i = 0; i < tabNum; i++ ) { |
||||
obj["tab" + i] = []; |
||||
} |
||||
return obj; |
||||
} |
||||
|
||||
function createArr( tabNum ) { |
||||
var arr = []; |
||||
for ( var i = 0; i < tabNum; i++ ) { |
||||
arr[i] = 0; |
||||
} |
||||
return arr; |
||||
} |
||||
|
||||
window.onload = function () { |
||||
editor.setOpt({ |
||||
emotionLocalization:false |
||||
}); |
||||
|
||||
emotion.SmileyPath = editor.options.emotionLocalization === true ? 'images/' : "http://img.baidu.com/hi/"; |
||||
emotion.SmileyBox = createTabList( emotion.tabNum ); |
||||
emotion.tabExist = createArr( emotion.tabNum ); |
||||
|
||||
initImgName(); |
||||
initEvtHandler( "tabHeads" ); |
||||
}; |
||||
|
||||
function initImgName() { |
||||
for ( var pro in emotion.SmilmgName ) { |
||||
var tempName = emotion.SmilmgName[pro], |
||||
tempBox = emotion.SmileyBox[pro], |
||||
tempStr = ""; |
||||
|
||||
if ( tempBox.length ) return; |
||||
for ( var i = 1; i <= tempName[1]; i++ ) { |
||||
tempStr = tempName[0]; |
||||
if ( i < 10 ) tempStr = tempStr + '0'; |
||||
tempStr = tempStr + i + '.gif'; |
||||
tempBox.push( tempStr ); |
||||
} |
||||
} |
||||
} |
||||
|
||||
function initEvtHandler( conId ) { |
||||
var tabHeads = $G( conId ); |
||||
for ( var i = 0, j = 0; i < tabHeads.childNodes.length; i++ ) { |
||||
var tabObj = tabHeads.childNodes[i]; |
||||
if ( tabObj.nodeType == 1 ) { |
||||
domUtils.on( tabObj, "click", (function ( index ) { |
||||
return function () { |
||||
switchTab( index ); |
||||
}; |
||||
})( j ) ); |
||||
j++; |
||||
} |
||||
} |
||||
switchTab( 0 ); |
||||
$G( "tabIconReview" ).style.display = 'none'; |
||||
} |
||||
|
||||
function InsertSmiley( url, evt ) { |
||||
var obj = { |
||||
src:editor.options.emotionLocalization ? editor.options.UEDITOR_HOME_URL + "dialogs/emotion/" + url : url |
||||
}; |
||||
obj._src = obj.src; |
||||
editor.execCommand( 'insertimage', obj ); |
||||
if ( !evt.ctrlKey ) { |
||||
dialog.popup.hide(); |
||||
} |
||||
} |
||||
|
||||
function switchTab( index ) { |
||||
|
||||
autoHeight( index ); |
||||
if ( emotion.tabExist[index] == 0 ) { |
||||
emotion.tabExist[index] = 1; |
||||
createTab( 'tab' + index ); |
||||
} |
||||
//获取呈现元素句柄数组
|
||||
var tabHeads = $G( "tabHeads" ).getElementsByTagName( "span" ), |
||||
tabBodys = $G( "tabBodys" ).getElementsByTagName( "div" ), |
||||
i = 0, L = tabHeads.length; |
||||
//隐藏所有呈现元素
|
||||
for ( ; i < L; i++ ) { |
||||
tabHeads[i].className = ""; |
||||
tabBodys[i].style.display = "none"; |
||||
} |
||||
//显示对应呈现元素
|
||||
tabHeads[index].className = "focus"; |
||||
tabBodys[index].style.display = "block"; |
||||
} |
||||
|
||||
function autoHeight( index ) { |
||||
var iframe = dialog.getDom( "iframe" ), |
||||
parent = iframe.parentNode.parentNode; |
||||
switch ( index ) { |
||||
case 0: |
||||
iframe.style.height = "380px"; |
||||
parent.style.height = "392px"; |
||||
break; |
||||
case 1: |
||||
iframe.style.height = "220px"; |
||||
parent.style.height = "232px"; |
||||
break; |
||||
case 2: |
||||
iframe.style.height = "260px"; |
||||
parent.style.height = "272px"; |
||||
break; |
||||
case 3: |
||||
iframe.style.height = "300px"; |
||||
parent.style.height = "312px"; |
||||
break; |
||||
case 4: |
||||
iframe.style.height = "140px"; |
||||
parent.style.height = "152px"; |
||||
break; |
||||
case 5: |
||||
iframe.style.height = "260px"; |
||||
parent.style.height = "272px"; |
||||
break; |
||||
case 6: |
||||
iframe.style.height = "230px"; |
||||
parent.style.height = "242px"; |
||||
break; |
||||
default: |
||||
|
||||
} |
||||
} |
||||
|
||||
|
||||
function createTab( tabName ) { |
||||
var faceVersion = "?v=1.1", //版本号
|
||||
tab = $G( tabName ), //获取将要生成的Div句柄
|
||||
imagePath = emotion.SmileyPath + emotion.imageFolders[tabName], //获取显示表情和预览表情的路径
|
||||
positionLine = 11 / 2, //中间数
|
||||
iWidth = iHeight = 35, //图片长宽
|
||||
iColWidth = 3, //表格剩余空间的显示比例
|
||||
tableCss = emotion.imageCss[tabName], |
||||
cssOffset = emotion.imageCssOffset[tabName], |
||||
textHTML = ['<table class="smileytable">'], |
||||
i = 0, imgNum = emotion.SmileyBox[tabName].length, imgColNum = 11, faceImage, |
||||
sUrl, realUrl, posflag, offset, infor; |
||||
|
||||
for ( ; i < imgNum; ) { |
||||
textHTML.push( '<tr>' ); |
||||
for ( var j = 0; j < imgColNum; j++, i++ ) { |
||||
faceImage = emotion.SmileyBox[tabName][i]; |
||||
if ( faceImage ) { |
||||
sUrl = imagePath + faceImage + faceVersion; |
||||
realUrl = imagePath + faceImage; |
||||
posflag = j < positionLine ? 0 : 1; |
||||
offset = cssOffset * i * (-1) - 1; |
||||
infor = emotion.SmileyInfor[tabName][i]; |
||||
|
||||
textHTML.push( '<td class="' + tableCss + '" border="1" width="' + iColWidth + '%" style="border-collapse:collapse;" align="center" bgcolor="transparent" onclick="InsertSmiley(\'' + realUrl.replace( /'/g, "\\'" ) + '\',event)" onmouseover="over(this,\'' + sUrl + '\',\'' + posflag + '\')" onmouseout="out(this)">' ); |
||||
textHTML.push( '<span>' ); |
||||
textHTML.push( '<img style="background-position:left ' + offset + 'px;" title="' + infor + '" src="' + emotion.SmileyPath + (editor.options.emotionLocalization ? '0.gif" width="' : 'default/0.gif" width="') + iWidth + '" height="' + iHeight + '"></img>' ); |
||||
textHTML.push( '</span>' ); |
||||
} else { |
||||
textHTML.push( '<td width="' + iColWidth + '%" bgcolor="#FFFFFF">' ); |
||||
} |
||||
textHTML.push( '</td>' ); |
||||
} |
||||
textHTML.push( '</tr>' ); |
||||
} |
||||
textHTML.push( '</table>' ); |
||||
textHTML = textHTML.join( "" ); |
||||
tab.innerHTML = textHTML; |
||||
} |
||||
|
||||
function over( td, srcPath, posFlag ) { |
||||
td.style.backgroundColor = "#ACCD3C"; |
||||
$G( 'faceReview' ).style.backgroundImage = "url(" + srcPath + ")"; |
||||
if ( posFlag == 1 ) $G( "tabIconReview" ).className = "show"; |
||||
$G( "tabIconReview" ).style.display = 'block'; |
||||
} |
||||
|
||||
function out( td ) { |
||||
td.style.backgroundColor = "transparent"; |
||||
var tabIconRevew = $G( "tabIconReview" ); |
||||
tabIconRevew.className = ""; |
||||
tabIconRevew.style.display = 'none'; |
||||
} |
||||
|
||||
function createTabList( tabNum ) { |
||||
var obj = {}; |
||||
for ( var i = 0; i < tabNum; i++ ) { |
||||
obj["tab" + i] = []; |
||||
} |
||||
return obj; |
||||
} |
||||
|
||||
function createArr( tabNum ) { |
||||
var arr = []; |
||||
for ( var i = 0; i < tabNum; i++ ) { |
||||
arr[i] = 0; |
||||
} |
||||
return arr; |
||||
} |
||||
|
||||
|
||||
@ -1,89 +1,89 @@ |
||||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" |
||||
"http://www.w3.org/TR/html4/loose.dtd"> |
||||
<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"> |
||||
.content{width:530px; height: 350px;margin: 10px auto;} |
||||
.content table{width: 100%} |
||||
.content table td{vertical-align: middle;} |
||||
#address{width:220px;height:21px;background: #FFF;border:1px solid #d7d7d7; line-height: 21px;} |
||||
</style> |
||||
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script> |
||||
</head> |
||||
<body> |
||||
<div class="content"> |
||||
<table> |
||||
<tr> |
||||
<td><label for="address"><var id="lang_input_address"></var></label></td> |
||||
<td><input id="address" type="text" /></td> |
||||
<td><a id="doSearch" href="javascript:void(0)" class="button"><var id="lang_input_search"></var></a></td> |
||||
</tr> |
||||
</table> |
||||
<div id="container" style="width: 100%; height: 340px;margin: 5px auto; border: 1px solid gray;"></div> |
||||
</div> |
||||
<script type="text/javascript"> |
||||
domUtils.on(window,"load",function(){ |
||||
var map = new google.maps.Map(document.getElementById('container'), { |
||||
zoom: 3, |
||||
streetViewControl: false, |
||||
scaleControl: true, |
||||
mapTypeId: google.maps.MapTypeId.ROADMAP |
||||
}); |
||||
var imgcss; |
||||
var marker = new google.maps.Marker({ |
||||
map: map, |
||||
draggable: true |
||||
}); |
||||
function doSearch(){ |
||||
var address = document.getElementById('address').value; |
||||
var geocoder = new google.maps.Geocoder(); |
||||
geocoder.geocode( { 'address': address}, function (results, status) { |
||||
if (status == google.maps.GeocoderStatus.OK) { |
||||
var bounds = results[0].geometry.viewport; |
||||
map.fitBounds(bounds); |
||||
marker.setPosition(results[0].geometry.location); |
||||
marker.setTitle(address); |
||||
} else alert(lang.searchError); |
||||
}); |
||||
} |
||||
$G('address').onkeydown = function (evt){ |
||||
evt = evt || event; |
||||
if (evt.keyCode == 13) { |
||||
doSearch(); |
||||
} |
||||
}; |
||||
$G("doSearch").onclick = doSearch; |
||||
dialog.onok = function (){ |
||||
var center = map.getCenter(); |
||||
var point = marker.getPosition(); |
||||
var url = "http://maps.googleapis.com/maps/api/staticmap?center=" + center.lat() + ',' + center.lng() + "&zoom=" + map.zoom + "&size=520x340&maptype=" + map.getMapTypeId() + "&markers=" + point.lat() + ',' + point.lng() + "&sensor=false"; |
||||
editor.execCommand('inserthtml', '<img width="520" height="340" src="' + url + '"' + (imgcss ? ' style="' + imgcss + '"' :'') + '/>'); |
||||
}; |
||||
|
||||
function getPars(str,par){ |
||||
var reg = new RegExp(par+"=((\\d+|[.,])*)","g"); |
||||
return reg.exec(str)[1]; |
||||
} |
||||
var img = editor.selection.getRange().getClosedNode(); |
||||
if(img && img.src.indexOf("http://maps.googleapis.com/maps/api/staticmap")!=-1){ |
||||
var url = img.getAttribute("src"); |
||||
var centers = getPars(url,"center").split(","); |
||||
point = new google.maps.LatLng(Number(centers[0]),Number(centers[1])); |
||||
map.setCenter(point); |
||||
map.setZoom(Number(getPars(url,"zoom"))); |
||||
centers = getPars(url,"markers").split(","); |
||||
marker.setPosition(new google.maps.LatLng(Number(centers[0]),Number(centers[1]))); |
||||
imgcss = img.style.cssText; |
||||
}else{ |
||||
setTimeout(function(){ |
||||
doSearch(); |
||||
},30) |
||||
} |
||||
}); |
||||
|
||||
</script> |
||||
</body> |
||||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" |
||||
"http://www.w3.org/TR/html4/loose.dtd"> |
||||
<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"> |
||||
.content{width:530px; height: 350px;margin: 10px auto;} |
||||
.content table{width: 100%} |
||||
.content table td{vertical-align: middle;} |
||||
#address{width:220px;height:21px;background: #FFF;border:1px solid #d7d7d7; line-height: 21px;} |
||||
</style> |
||||
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script> |
||||
</head> |
||||
<body> |
||||
<div class="content"> |
||||
<table> |
||||
<tr> |
||||
<td><label for="address"><var id="lang_input_address"></var></label></td> |
||||
<td><input id="address" type="text" /></td> |
||||
<td><a id="doSearch" href="javascript:void(0)" class="button"><var id="lang_input_search"></var></a></td> |
||||
</tr> |
||||
</table> |
||||
<div id="container" style="width: 100%; height: 340px;margin: 5px auto; border: 1px solid gray;"></div> |
||||
</div> |
||||
<script type="text/javascript"> |
||||
domUtils.on(window,"load",function(){ |
||||
var map = new google.maps.Map(document.getElementById('container'), { |
||||
zoom: 3, |
||||
streetViewControl: false, |
||||
scaleControl: true, |
||||
mapTypeId: google.maps.MapTypeId.ROADMAP |
||||
}); |
||||
var imgcss; |
||||
var marker = new google.maps.Marker({ |
||||
map: map, |
||||
draggable: true |
||||
}); |
||||
function doSearch(){ |
||||
var address = document.getElementById('address').value; |
||||
var geocoder = new google.maps.Geocoder(); |
||||
geocoder.geocode( { 'address': address}, function (results, status) { |
||||
if (status == google.maps.GeocoderStatus.OK) { |
||||
var bounds = results[0].geometry.viewport; |
||||
map.fitBounds(bounds); |
||||
marker.setPosition(results[0].geometry.location); |
||||
marker.setTitle(address); |
||||
} else alert(lang.searchError); |
||||
}); |
||||
} |
||||
$G('address').onkeydown = function (evt){ |
||||
evt = evt || event; |
||||
if (evt.keyCode == 13) { |
||||
doSearch(); |
||||
} |
||||
}; |
||||
$G("doSearch").onclick = doSearch; |
||||
dialog.onok = function (){ |
||||
var center = map.getCenter(); |
||||
var point = marker.getPosition(); |
||||
var url = "http://maps.googleapis.com/maps/api/staticmap?center=" + center.lat() + ',' + center.lng() + "&zoom=" + map.zoom + "&size=520x340&maptype=" + map.getMapTypeId() + "&markers=" + point.lat() + ',' + point.lng() + "&sensor=false"; |
||||
editor.execCommand('inserthtml', '<img width="520" height="340" src="' + url + '"' + (imgcss ? ' style="' + imgcss + '"' :'') + '/>'); |
||||
}; |
||||
|
||||
function getPars(str,par){ |
||||
var reg = new RegExp(par+"=((\\d+|[.,])*)","g"); |
||||
return reg.exec(str)[1]; |
||||
} |
||||
var img = editor.selection.getRange().getClosedNode(); |
||||
if(img && img.src.indexOf("http://maps.googleapis.com/maps/api/staticmap")!=-1){ |
||||
var url = img.getAttribute("src"); |
||||
var centers = getPars(url,"center").split(","); |
||||
point = new google.maps.LatLng(Number(centers[0]),Number(centers[1])); |
||||
map.setCenter(point); |
||||
map.setZoom(Number(getPars(url,"zoom"))); |
||||
centers = getPars(url,"markers").split(","); |
||||
marker.setPosition(new google.maps.LatLng(Number(centers[0]),Number(centers[1]))); |
||||
imgcss = img.style.cssText; |
||||
}else{ |
||||
setTimeout(function(){ |
||||
doSearch(); |
||||
},30) |
||||
} |
||||
}); |
||||
|
||||
</script> |
||||
</body> |
||||
</html> |
||||
@ -1,7 +1,7 @@ |
||||
.wrapper{width: 370px;margin: 10px auto;zoom: 1;} |
||||
.tabbody{height: 360px;} |
||||
.tabbody .panel{width:100%;height: 360px;position: absolute;background: #fff;} |
||||
.tabbody .panel h1{font-size:26px;margin: 5px 0 0 5px;} |
||||
.tabbody .panel p{font-size:12px;margin: 5px 0 0 5px;} |
||||
.tabbody table{width:90%;line-height: 20px;margin: 5px 0 0 5px;;} |
||||
.wrapper{width: 370px;margin: 10px auto;zoom: 1;} |
||||
.tabbody{height: 360px;} |
||||
.tabbody .panel{width:100%;height: 360px;position: absolute;background: #fff;} |
||||
.tabbody .panel h1{font-size:26px;margin: 5px 0 0 5px;} |
||||
.tabbody .panel p{font-size:12px;margin: 5px 0 0 5px;} |
||||
.tabbody table{width:90%;line-height: 20px;margin: 5px 0 0 5px;;} |
||||
.tabbody table thead{font-weight: bold;line-height: 25px;} |
||||
@ -1,82 +1,82 @@ |
||||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" |
||||
"http://www.w3.org/TR/html4/loose.dtd"> |
||||
<html> |
||||
<head> |
||||
<title>帮助</title> |
||||
<meta content="text/html; charset=utf-8" http-equiv="Content-Type"/> |
||||
<script type="text/javascript" src="../internal.js"></script> |
||||
<link rel="stylesheet" type="text/css" href="help.css"> |
||||
</head> |
||||
<body> |
||||
<div class="wrapper" id="helptab"> |
||||
<div id="tabHeads" class="tabhead"> |
||||
<span class="focus" tabsrc="about"><var id="lang_input_about"></var></span> |
||||
<span tabsrc="shortcuts"><var id="lang_input_shortcuts"></var></span> |
||||
</div> |
||||
<div id="tabBodys" class="tabbody"> |
||||
<div id="about" class="panel"> |
||||
<h1>UEditor</h1> |
||||
<p id="version"></p> |
||||
<p><var id="lang_input_introduction"></var></p> |
||||
</div> |
||||
<div id="shortcuts" class="panel"> |
||||
<table> |
||||
<thead> |
||||
<tr> |
||||
<td><var id="lang_Txt_shortcuts"></var></td> |
||||
<td><var id="lang_Txt_func"></var></td> |
||||
</tr> |
||||
</thead> |
||||
<tbody> |
||||
<tr> |
||||
<td>ctrl+b</td> |
||||
<td><var id="lang_Txt_bold"></var></td> |
||||
</tr> |
||||
<tr> |
||||
<td>ctrl+c</td> |
||||
<td><var id="lang_Txt_copy"></var></td> |
||||
</tr> |
||||
<tr> |
||||
<td>ctrl+x</td> |
||||
<td><var id="lang_Txt_cut"></var></td> |
||||
</tr> |
||||
<tr> |
||||
<td>ctrl+v</td> |
||||
<td><var id="lang_Txt_Paste"></var></td> |
||||
</tr> |
||||
<tr> |
||||
<td>ctrl+y</td> |
||||
<td><var id="lang_Txt_undo"></var></td> |
||||
</tr> |
||||
<tr> |
||||
<td>ctrl+z</td> |
||||
<td><var id="lang_Txt_redo"></var></td> |
||||
</tr> |
||||
<tr> |
||||
<td>ctrl+i</td> |
||||
<td><var id="lang_Txt_italic"></var></td> |
||||
</tr> |
||||
<tr> |
||||
<td>ctrl+u</td> |
||||
<td><var id="lang_Txt_underline"></var></td> |
||||
</tr> |
||||
<tr> |
||||
<td>ctrl+a</td> |
||||
<td><var id="lang_Txt_selectAll"></var></td> |
||||
</tr> |
||||
<tr> |
||||
<td>shift+enter</td> |
||||
<td><var id="lang_Txt_visualEnter"></var></td> |
||||
</tr> |
||||
<tr> |
||||
<td>alt+z</td> |
||||
<td><var id="lang_Txt_fullscreen"></var></td> |
||||
</tr> |
||||
</tbody> |
||||
</table> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<script type="text/javascript" src="help.js"></script> |
||||
</body> |
||||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" |
||||
"http://www.w3.org/TR/html4/loose.dtd"> |
||||
<html> |
||||
<head> |
||||
<title>帮助</title> |
||||
<meta content="text/html; charset=utf-8" http-equiv="Content-Type"/> |
||||
<script type="text/javascript" src="../internal.js"></script> |
||||
<link rel="stylesheet" type="text/css" href="help.css"> |
||||
</head> |
||||
<body> |
||||
<div class="wrapper" id="helptab"> |
||||
<div id="tabHeads" class="tabhead"> |
||||
<span class="focus" tabsrc="about"><var id="lang_input_about"></var></span> |
||||
<span tabsrc="shortcuts"><var id="lang_input_shortcuts"></var></span> |
||||
</div> |
||||
<div id="tabBodys" class="tabbody"> |
||||
<div id="about" class="panel"> |
||||
<h1>UEditor</h1> |
||||
<p id="version"></p> |
||||
<p><var id="lang_input_introduction"></var></p> |
||||
</div> |
||||
<div id="shortcuts" class="panel"> |
||||
<table> |
||||
<thead> |
||||
<tr> |
||||
<td><var id="lang_Txt_shortcuts"></var></td> |
||||
<td><var id="lang_Txt_func"></var></td> |
||||
</tr> |
||||
</thead> |
||||
<tbody> |
||||
<tr> |
||||
<td>ctrl+b</td> |
||||
<td><var id="lang_Txt_bold"></var></td> |
||||
</tr> |
||||
<tr> |
||||
<td>ctrl+c</td> |
||||
<td><var id="lang_Txt_copy"></var></td> |
||||
</tr> |
||||
<tr> |
||||
<td>ctrl+x</td> |
||||
<td><var id="lang_Txt_cut"></var></td> |
||||
</tr> |
||||
<tr> |
||||
<td>ctrl+v</td> |
||||
<td><var id="lang_Txt_Paste"></var></td> |
||||
</tr> |
||||
<tr> |
||||
<td>ctrl+y</td> |
||||
<td><var id="lang_Txt_undo"></var></td> |
||||
</tr> |
||||
<tr> |
||||
<td>ctrl+z</td> |
||||
<td><var id="lang_Txt_redo"></var></td> |
||||
</tr> |
||||
<tr> |
||||
<td>ctrl+i</td> |
||||
<td><var id="lang_Txt_italic"></var></td> |
||||
</tr> |
||||
<tr> |
||||
<td>ctrl+u</td> |
||||
<td><var id="lang_Txt_underline"></var></td> |
||||
</tr> |
||||
<tr> |
||||
<td>ctrl+a</td> |
||||
<td><var id="lang_Txt_selectAll"></var></td> |
||||
</tr> |
||||
<tr> |
||||
<td>shift+enter</td> |
||||
<td><var id="lang_Txt_visualEnter"></var></td> |
||||
</tr> |
||||
<tr> |
||||
<td>alt+z</td> |
||||
<td><var id="lang_Txt_fullscreen"></var></td> |
||||
</tr> |
||||
</tbody> |
||||
</table> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<script type="text/javascript" src="help.js"></script> |
||||
</body> |
||||
</html> |
||||
@ -1,56 +1,56 @@ |
||||
/** |
||||
* Created with JetBrains PhpStorm. |
||||
* User: xuheng |
||||
* Date: 12-9-26 |
||||
* Time: 下午1:06 |
||||
* To change this template use File | Settings | File Templates. |
||||
*/ |
||||
/** |
||||
* tab点击处理事件 |
||||
* @param tabHeads |
||||
* @param tabBodys |
||||
* @param obj |
||||
*/ |
||||
function clickHandler( tabHeads,tabBodys,obj ) { |
||||
//head样式更改
|
||||
for ( var k = 0, len = tabHeads.length; k < len; k++ ) { |
||||
tabHeads[k].className = ""; |
||||
} |
||||
obj.className = "focus"; |
||||
//body显隐
|
||||
var tabSrc = obj.getAttribute( "tabSrc" ); |
||||
for ( var j = 0, length = tabBodys.length; j < length; j++ ) { |
||||
var body = tabBodys[j], |
||||
id = body.getAttribute( "id" ); |
||||
body.onclick = function(){ |
||||
this.style.zoom = 1; |
||||
}; |
||||
if ( id != tabSrc ) { |
||||
body.style.zIndex = 1; |
||||
} else { |
||||
body.style.zIndex = 200; |
||||
} |
||||
} |
||||
|
||||
} |
||||
|
||||
/** |
||||
* TAB切换 |
||||
* @param tabParentId tab的父节点ID或者对象本身 |
||||
*/ |
||||
function switchTab( tabParentId ) { |
||||
var tabElements = $G( tabParentId ).children, |
||||
tabHeads = tabElements[0].children, |
||||
tabBodys = tabElements[1].children; |
||||
|
||||
for ( var i = 0, length = tabHeads.length; i < length; i++ ) { |
||||
var head = tabHeads[i]; |
||||
if ( head.className === "focus" )clickHandler(tabHeads,tabBodys, head ); |
||||
head.onclick = function () { |
||||
clickHandler(tabHeads,tabBodys,this); |
||||
} |
||||
} |
||||
} |
||||
switchTab("helptab"); |
||||
|
||||
/** |
||||
* Created with JetBrains PhpStorm. |
||||
* User: xuheng |
||||
* Date: 12-9-26 |
||||
* Time: 下午1:06 |
||||
* To change this template use File | Settings | File Templates. |
||||
*/ |
||||
/** |
||||
* tab点击处理事件 |
||||
* @param tabHeads |
||||
* @param tabBodys |
||||
* @param obj |
||||
*/ |
||||
function clickHandler( tabHeads,tabBodys,obj ) { |
||||
//head样式更改
|
||||
for ( var k = 0, len = tabHeads.length; k < len; k++ ) { |
||||
tabHeads[k].className = ""; |
||||
} |
||||
obj.className = "focus"; |
||||
//body显隐
|
||||
var tabSrc = obj.getAttribute( "tabSrc" ); |
||||
for ( var j = 0, length = tabBodys.length; j < length; j++ ) { |
||||
var body = tabBodys[j], |
||||
id = body.getAttribute( "id" ); |
||||
body.onclick = function(){ |
||||
this.style.zoom = 1; |
||||
}; |
||||
if ( id != tabSrc ) { |
||||
body.style.zIndex = 1; |
||||
} else { |
||||
body.style.zIndex = 200; |
||||
} |
||||
} |
||||
|
||||
} |
||||
|
||||
/** |
||||
* TAB切换 |
||||
* @param tabParentId tab的父节点ID或者对象本身 |
||||
*/ |
||||
function switchTab( tabParentId ) { |
||||
var tabElements = $G( tabParentId ).children, |
||||
tabHeads = tabElements[0].children, |
||||
tabBodys = tabElements[1].children; |
||||
|
||||
for ( var i = 0, length = tabHeads.length; i < length; i++ ) { |
||||
var head = tabHeads[i]; |
||||
if ( head.className === "focus" )clickHandler(tabHeads,tabBodys, head ); |
||||
head.onclick = function () { |
||||
clickHandler(tabHeads,tabBodys,this); |
||||
} |
||||
} |
||||
} |
||||
switchTab("helptab"); |
||||
|
||||
document.getElementById('version').innerHTML = parent.UE.version; |
||||
File diff suppressed because it is too large
Load Diff
@ -1,120 +1,120 @@ |
||||
<!doctype html> |
||||
<html> |
||||
<head> |
||||
<meta charset="UTF-8"> |
||||
<title>ueditor图片对话框</title> |
||||
<script type="text/javascript" src="../internal.js"></script> |
||||
|
||||
<!-- jquery --> |
||||
<script type="text/javascript" src="../../third-party/jquery-1.10.2.min.js"></script> |
||||
|
||||
<!-- webuploader --> |
||||
<script src="../../third-party/webuploader/webuploader.min.js"></script> |
||||
<link rel="stylesheet" type="text/css" href="../../third-party/webuploader/webuploader.css"> |
||||
|
||||
<!-- image dialog --> |
||||
<link rel="stylesheet" href="image.css" type="text/css" /> |
||||
</head> |
||||
<body> |
||||
|
||||
<div class="wrapper"> |
||||
<div id="tabhead" class="tabhead"> |
||||
<span class="tab" data-content-id="remote"><var id="lang_tab_remote"></var></span> |
||||
<span class="tab focus" data-content-id="upload"><var id="lang_tab_upload"></var></span> |
||||
<span class="tab" data-content-id="online"><var id="lang_tab_online"></var></span> |
||||
<span class="tab" data-content-id="search"><var id="lang_tab_search"></var></span> |
||||
</div> |
||||
<div class="alignBar"> |
||||
<label class="algnLabel"><var id="lang_input_align"></var></label> |
||||
<span id="alignIcon"> |
||||
<span id="noneAlign" class="none-align focus" data-align="none"></span> |
||||
<span id="leftAlign" class="left-align" data-align="left"></span> |
||||
<span id="rightAlign" class="right-align" data-align="right"></span> |
||||
<span id="centerAlign" class="center-align" data-align="center"></span> |
||||
</span> |
||||
<input id="align" name="align" type="hidden" value="none"/> |
||||
</div> |
||||
<div id="tabbody" class="tabbody"> |
||||
|
||||
<!-- 远程图片 --> |
||||
<div id="remote" class="panel"> |
||||
<div class="top"> |
||||
<div class="row"> |
||||
<label for="url"><var id="lang_input_url"></var></label> |
||||
<span><input class="text" id="url" type="text"/></span> |
||||
</div> |
||||
</div> |
||||
<div class="left"> |
||||
<div class="row"> |
||||
<label><var id="lang_input_size"></var></label> |
||||
<span><var id="lang_input_width"> </var><input class="text" type="text" id="width"/>px </span> |
||||
<span><var id="lang_input_height"> </var><input class="text" type="text" id="height"/>px </span> |
||||
<span><input id="lock" type="checkbox" disabled="disabled"><span id="lockicon"></span></span> |
||||
</div> |
||||
<div class="row"> |
||||
<label><var id="lang_input_border"></var></label> |
||||
<span><input class="text" type="text" id="border"/>px </span> |
||||
</div> |
||||
<div class="row"> |
||||
<label><var id="lang_input_vhspace"></var></label> |
||||
<span><input class="text" type="text" id="vhSpace"/>px </span> |
||||
</div> |
||||
<div class="row"> |
||||
<label><var id="lang_input_title"></var></label> |
||||
<span><input class="text" type="text" id="title"/></span> |
||||
</div> |
||||
</div> |
||||
<div class="right"><div id="preview"></div></div> |
||||
</div> |
||||
|
||||
<!-- 上传图片 --> |
||||
<div id="upload" class="panel focus"> |
||||
<div id="queueList" class="queueList"> |
||||
<div class="statusBar element-invisible"> |
||||
<div class="progress"> |
||||
<span class="text">0%</span> |
||||
<span class="percentage"></span> |
||||
</div><div class="info"></div> |
||||
<div class="btns"> |
||||
<div id="filePickerBtn"></div> |
||||
<div class="uploadBtn"><var id="lang_start_upload"></var></div> |
||||
</div> |
||||
</div> |
||||
<div id="dndArea" class="placeholder"> |
||||
<div class="filePickerContainer"> |
||||
<div id="filePickerReady"></div> |
||||
</div> |
||||
</div> |
||||
<ul class="filelist element-invisible"> |
||||
<li id="filePickerBlock" class="filePickerBlock"></li> |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
|
||||
<!-- 在线图片 --> |
||||
<div id="online" class="panel"> |
||||
<div id="imageList"><var id="lang_imgLoading"></var></div> |
||||
</div> |
||||
|
||||
<!-- 搜索图片 --> |
||||
<div id="search" class="panel"> |
||||
<div class="searchBar"> |
||||
<input id="searchTxt" class="searchTxt text" type="text" /> |
||||
<select id="searchType" class="searchType"> |
||||
<option value="&s=4&z=0"></option> |
||||
<option value="&s=1&z=19"></option> |
||||
<option value="&s=2&z=0"></option> |
||||
<option value="&s=3&z=0"></option> |
||||
</select> |
||||
<input id="searchReset" type="button" /> |
||||
<input id="searchBtn" type="button" /> |
||||
</div> |
||||
<div id="searchList" class="searchList"><ul id="searchListUl"></ul></div> |
||||
</div> |
||||
|
||||
</div> |
||||
</div> |
||||
<script type="text/javascript" src="image.js"></script> |
||||
|
||||
</body> |
||||
<!doctype html> |
||||
<html> |
||||
<head> |
||||
<meta charset="UTF-8"> |
||||
<title>ueditor图片对话框</title> |
||||
<script type="text/javascript" src="../internal.js"></script> |
||||
|
||||
<!-- jquery --> |
||||
<script type="text/javascript" src="../../third-party/jquery-1.10.2.min.js"></script> |
||||
|
||||
<!-- webuploader --> |
||||
<script src="../../third-party/webuploader/webuploader.min.js"></script> |
||||
<link rel="stylesheet" type="text/css" href="../../third-party/webuploader/webuploader.css"> |
||||
|
||||
<!-- image dialog --> |
||||
<link rel="stylesheet" href="image.css" type="text/css" /> |
||||
</head> |
||||
<body> |
||||
|
||||
<div class="wrapper"> |
||||
<div id="tabhead" class="tabhead"> |
||||
<span class="tab" data-content-id="remote"><var id="lang_tab_remote"></var></span> |
||||
<span class="tab focus" data-content-id="upload"><var id="lang_tab_upload"></var></span> |
||||
<span class="tab" data-content-id="online"><var id="lang_tab_online"></var></span> |
||||
<span class="tab" data-content-id="search"><var id="lang_tab_search"></var></span> |
||||
</div> |
||||
<div class="alignBar"> |
||||
<label class="algnLabel"><var id="lang_input_align"></var></label> |
||||
<span id="alignIcon"> |
||||
<span id="noneAlign" class="none-align focus" data-align="none"></span> |
||||
<span id="leftAlign" class="left-align" data-align="left"></span> |
||||
<span id="rightAlign" class="right-align" data-align="right"></span> |
||||
<span id="centerAlign" class="center-align" data-align="center"></span> |
||||
</span> |
||||
<input id="align" name="align" type="hidden" value="none"/> |
||||
</div> |
||||
<div id="tabbody" class="tabbody"> |
||||
|
||||
<!-- 远程图片 --> |
||||
<div id="remote" class="panel"> |
||||
<div class="top"> |
||||
<div class="row"> |
||||
<label for="url"><var id="lang_input_url"></var></label> |
||||
<span><input class="text" id="url" type="text"/></span> |
||||
</div> |
||||
</div> |
||||
<div class="left"> |
||||
<div class="row"> |
||||
<label><var id="lang_input_size"></var></label> |
||||
<span><var id="lang_input_width"> </var><input class="text" type="text" id="width"/>px </span> |
||||
<span><var id="lang_input_height"> </var><input class="text" type="text" id="height"/>px </span> |
||||
<span><input id="lock" type="checkbox" disabled="disabled"><span id="lockicon"></span></span> |
||||
</div> |
||||
<div class="row"> |
||||
<label><var id="lang_input_border"></var></label> |
||||
<span><input class="text" type="text" id="border"/>px </span> |
||||
</div> |
||||
<div class="row"> |
||||
<label><var id="lang_input_vhspace"></var></label> |
||||
<span><input class="text" type="text" id="vhSpace"/>px </span> |
||||
</div> |
||||
<div class="row"> |
||||
<label><var id="lang_input_title"></var></label> |
||||
<span><input class="text" type="text" id="title"/></span> |
||||
</div> |
||||
</div> |
||||
<div class="right"><div id="preview"></div></div> |
||||
</div> |
||||
|
||||
<!-- 上传图片 --> |
||||
<div id="upload" class="panel focus"> |
||||
<div id="queueList" class="queueList"> |
||||
<div class="statusBar element-invisible"> |
||||
<div class="progress"> |
||||
<span class="text">0%</span> |
||||
<span class="percentage"></span> |
||||
</div><div class="info"></div> |
||||
<div class="btns"> |
||||
<div id="filePickerBtn"></div> |
||||
<div class="uploadBtn"><var id="lang_start_upload"></var></div> |
||||
</div> |
||||
</div> |
||||
<div id="dndArea" class="placeholder"> |
||||
<div class="filePickerContainer"> |
||||
<div id="filePickerReady"></div> |
||||
</div> |
||||
</div> |
||||
<ul class="filelist element-invisible"> |
||||
<li id="filePickerBlock" class="filePickerBlock"></li> |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
|
||||
<!-- 在线图片 --> |
||||
<div id="online" class="panel"> |
||||
<div id="imageList"><var id="lang_imgLoading"></var></div> |
||||
</div> |
||||
|
||||
<!-- 搜索图片 --> |
||||
<div id="search" class="panel"> |
||||
<div class="searchBar"> |
||||
<input id="searchTxt" class="searchTxt text" type="text" /> |
||||
<select id="searchType" class="searchType"> |
||||
<option value="&s=4&z=0"></option> |
||||
<option value="&s=1&z=19"></option> |
||||
<option value="&s=2&z=0"></option> |
||||
<option value="&s=3&z=0"></option> |
||||
</select> |
||||
<input id="searchReset" type="button" /> |
||||
<input id="searchBtn" type="button" /> |
||||
</div> |
||||
<div id="searchList" class="searchList"><ul id="searchListUl"></ul></div> |
||||
</div> |
||||
|
||||
</div> |
||||
</div> |
||||
<script type="text/javascript" src="image.js"></script> |
||||
|
||||
</body> |
||||
</html> |
||||
File diff suppressed because one or more lines are too long
@ -1,98 +1,98 @@ |
||||
<!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> |
||||
<!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> |
||||
@ -1,81 +1,81 @@ |
||||
(function () { |
||||
var parent = window.parent; |
||||
//dialog对象
|
||||
dialog = parent.$EDITORUI[window.frameElement.id.replace( /_iframe$/, '' )]; |
||||
//当前打开dialog的编辑器实例
|
||||
editor = dialog.editor; |
||||
|
||||
UE = parent.UE; |
||||
|
||||
domUtils = UE.dom.domUtils; |
||||
|
||||
utils = UE.utils; |
||||
|
||||
browser = UE.browser; |
||||
|
||||
ajax = UE.ajax; |
||||
|
||||
$G = function ( id ) { |
||||
return document.getElementById( id ) |
||||
}; |
||||
//focus元素
|
||||
$focus = function ( node ) { |
||||
setTimeout( function () { |
||||
if ( browser.ie ) { |
||||
var r = node.createTextRange(); |
||||
r.collapse( false ); |
||||
r.select(); |
||||
} else { |
||||
node.focus() |
||||
} |
||||
}, 0 ) |
||||
}; |
||||
utils.loadFile(document,{ |
||||
href:editor.options.themePath + editor.options.theme + "/dialogbase.css?cache="+Math.random(), |
||||
tag:"link", |
||||
type:"text/css", |
||||
rel:"stylesheet" |
||||
}); |
||||
lang = editor.getLang(dialog.className.split( "-" )[2]); |
||||
if(lang){ |
||||
domUtils.on(window,'load',function () { |
||||
|
||||
var langImgPath = editor.options.langPath + editor.options.lang + "/images/"; |
||||
//针对静态资源
|
||||
for ( var i in lang["static"] ) { |
||||
var dom = $G( i ); |
||||
if(!dom) continue; |
||||
var tagName = dom.tagName, |
||||
content = lang["static"][i]; |
||||
if(content.src){ |
||||
//clone
|
||||
content = utils.extend({},content,false); |
||||
content.src = langImgPath + content.src; |
||||
} |
||||
if(content.style){ |
||||
content = utils.extend({},content,false); |
||||
content.style = content.style.replace(/url\s*\(/g,"url(" + langImgPath) |
||||
} |
||||
switch ( tagName.toLowerCase() ) { |
||||
case "var": |
||||
dom.parentNode.replaceChild( document.createTextNode( content ), dom ); |
||||
break; |
||||
case "select": |
||||
var ops = dom.options; |
||||
for ( var j = 0, oj; oj = ops[j]; ) { |
||||
oj.innerHTML = content.options[j++]; |
||||
} |
||||
for ( var p in content ) { |
||||
p != "options" && dom.setAttribute( p, content[p] ); |
||||
} |
||||
break; |
||||
default : |
||||
domUtils.setAttributes( dom, content); |
||||
} |
||||
} |
||||
} ); |
||||
} |
||||
|
||||
|
||||
})(); |
||||
|
||||
(function () { |
||||
var parent = window.parent; |
||||
//dialog对象
|
||||
dialog = parent.$EDITORUI[window.frameElement.id.replace( /_iframe$/, '' )]; |
||||
//当前打开dialog的编辑器实例
|
||||
editor = dialog.editor; |
||||
|
||||
UE = parent.UE; |
||||
|
||||
domUtils = UE.dom.domUtils; |
||||
|
||||
utils = UE.utils; |
||||
|
||||
browser = UE.browser; |
||||
|
||||
ajax = UE.ajax; |
||||
|
||||
$G = function ( id ) { |
||||
return document.getElementById( id ) |
||||
}; |
||||
//focus元素
|
||||
$focus = function ( node ) { |
||||
setTimeout( function () { |
||||
if ( browser.ie ) { |
||||
var r = node.createTextRange(); |
||||
r.collapse( false ); |
||||
r.select(); |
||||
} else { |
||||
node.focus() |
||||
} |
||||
}, 0 ) |
||||
}; |
||||
utils.loadFile(document,{ |
||||
href:editor.options.themePath + editor.options.theme + "/dialogbase.css?cache="+Math.random(), |
||||
tag:"link", |
||||
type:"text/css", |
||||
rel:"stylesheet" |
||||
}); |
||||
lang = editor.getLang(dialog.className.split( "-" )[2]); |
||||
if(lang){ |
||||
domUtils.on(window,'load',function () { |
||||
|
||||
var langImgPath = editor.options.langPath + editor.options.lang + "/images/"; |
||||
//针对静态资源
|
||||
for ( var i in lang["static"] ) { |
||||
var dom = $G( i ); |
||||
if(!dom) continue; |
||||
var tagName = dom.tagName, |
||||
content = lang["static"][i]; |
||||
if(content.src){ |
||||
//clone
|
||||
content = utils.extend({},content,false); |
||||
content.src = langImgPath + content.src; |
||||
} |
||||
if(content.style){ |
||||
content = utils.extend({},content,false); |
||||
content.style = content.style.replace(/url\s*\(/g,"url(" + langImgPath) |
||||
} |
||||
switch ( tagName.toLowerCase() ) { |
||||
case "var": |
||||
dom.parentNode.replaceChild( document.createTextNode( content ), dom ); |
||||
break; |
||||
case "select": |
||||
var ops = dom.options; |
||||
for ( var j = 0, oj; oj = ops[j]; ) { |
||||
oj.innerHTML = content.options[j++]; |
||||
} |
||||
for ( var p in content ) { |
||||
p != "options" && dom.setAttribute( p, content[p] ); |
||||
} |
||||
break; |
||||
default : |
||||
domUtils.setAttributes( dom, content); |
||||
} |
||||
} |
||||
} ); |
||||
} |
||||
|
||||
|
||||
})(); |
||||
|
||||
|
||||
@ -1,126 +1,126 @@ |
||||
<!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"/> |
||||
<script type="text/javascript" src="../internal.js"></script> |
||||
<style type="text/css"> |
||||
*{margin:0;padding:0;color: #838383;} |
||||
table{font-size: 12px;margin: 10px;line-height: 30px} |
||||
.txt{width:300px;height:21px;line-height:21px;border:1px solid #d7d7d7;} |
||||
</style> |
||||
</head> |
||||
<body> |
||||
<table> |
||||
<tr> |
||||
<td><label for="text"> <var id="lang_input_text"></var></label></td> |
||||
<td><input class="txt" id="text" type="text" disabled="true"/></td> |
||||
</tr> |
||||
<tr> |
||||
<td><label for="href"> <var id="lang_input_url"></var></label></td> |
||||
<td><input class="txt" id="href" type="text" /></td> |
||||
</tr> |
||||
<tr> |
||||
<td><label for="title"> <var id="lang_input_title"></var></label></td> |
||||
<td><input class="txt" id="title" type="text"/></td> |
||||
</tr> |
||||
<tr> |
||||
<td colspan="2"> |
||||
<label for="target"><var id="lang_input_target"></var></label> |
||||
<input id="target" type="checkbox"/> |
||||
</td> |
||||
</tr> |
||||
<tr> |
||||
<td colspan="2" id="msg"></td> |
||||
</tr> |
||||
</table> |
||||
<script type="text/javascript"> |
||||
var range = editor.selection.getRange(), |
||||
link = range.collapsed ? editor.queryCommandValue( "link" ) : editor.selection.getStart(), |
||||
url, |
||||
text = $G('text'), |
||||
rangeLink = domUtils.findParentByTagName(range.getCommonAncestor(),'a',true), |
||||
orgText; |
||||
link = domUtils.findParentByTagName( link, "a", true ); |
||||
if(link){ |
||||
url = utils.html(link.getAttribute( '_href' ) || link.getAttribute( 'href', 2 )); |
||||
|
||||
if(rangeLink === link && !link.getElementsByTagName('img').length){ |
||||
text.removeAttribute('disabled'); |
||||
orgText = text.value = link[browser.ie ? 'innerText':'textContent']; |
||||
}else{ |
||||
text.setAttribute('disabled','true'); |
||||
text.value = lang.validLink; |
||||
} |
||||
|
||||
}else{ |
||||
if(range.collapsed){ |
||||
text.removeAttribute('disabled'); |
||||
text.value = ''; |
||||
}else{ |
||||
text.setAttribute('disabled','true'); |
||||
text.value = lang.validLink; |
||||
} |
||||
|
||||
} |
||||
$G("title").value = url ? link.title : ""; |
||||
$G("href").value = url ? url: ''; |
||||
$G("target").checked = url && link.target == "_blank" ? true : false; |
||||
$focus($G("href")); |
||||
|
||||
function handleDialogOk(){ |
||||
var href =$G('href').value.replace(/^\s+|\s+$/g, ''); |
||||
if(href){ |
||||
if(!hrefStartWith(href,["http","/","ftp://",'#'])) { |
||||
href = "http://" + href; |
||||
} |
||||
var obj = { |
||||
'href' : href, |
||||
'target' : $G("target").checked ? "_blank" : '_self', |
||||
'title' : $G("title").value.replace(/^\s+|\s+$/g, ''), |
||||
'_href':href |
||||
}; |
||||
//修改链接内容的情况太特殊了，所以先做到这里了 |
||||
//todo:情况多的时候，做到command里 |
||||
if(orgText && text.value != orgText){ |
||||
link[browser.ie ? 'innerText' : 'textContent'] = obj.textValue = text.value; |
||||
range.selectNode(link).select() |
||||
} |
||||
if(range.collapsed){ |
||||
obj.textValue = text.value; |
||||
} |
||||
editor.execCommand('link',utils.clearEmptyAttrs(obj) ); |
||||
dialog.close(); |
||||
} |
||||
} |
||||
dialog.onok = handleDialogOk; |
||||
$G('href').onkeydown = $G('title').onkeydown = function(evt){ |
||||
evt = evt || window.event; |
||||
if (evt.keyCode == 13) { |
||||
handleDialogOk(); |
||||
return false; |
||||
} |
||||
}; |
||||
$G('href').onblur = function(){ |
||||
if(!hrefStartWith(this.value,["http","/","ftp://",'#'])){ |
||||
$G("msg").innerHTML = "<span style='color: red'>"+lang.httpPrompt+"</span>"; |
||||
}else{ |
||||
$G("msg").innerHTML = ""; |
||||
} |
||||
}; |
||||
|
||||
function hrefStartWith(href,arr){ |
||||
href = href.replace(/^\s+|\s+$/g, ''); |
||||
for(var i=0,ai;ai=arr[i++];){ |
||||
if(href.indexOf(ai)==0){ |
||||
return true; |
||||
} |
||||
} |
||||
return false; |
||||
} |
||||
|
||||
|
||||
</script> |
||||
</body> |
||||
</html> |
||||
<!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"/> |
||||
<script type="text/javascript" src="../internal.js"></script> |
||||
<style type="text/css"> |
||||
*{margin:0;padding:0;color: #838383;} |
||||
table{font-size: 12px;margin: 10px;line-height: 30px} |
||||
.txt{width:300px;height:21px;line-height:21px;border:1px solid #d7d7d7;} |
||||
</style> |
||||
</head> |
||||
<body> |
||||
<table> |
||||
<tr> |
||||
<td><label for="text"> <var id="lang_input_text"></var></label></td> |
||||
<td><input class="txt" id="text" type="text" disabled="true"/></td> |
||||
</tr> |
||||
<tr> |
||||
<td><label for="href"> <var id="lang_input_url"></var></label></td> |
||||
<td><input class="txt" id="href" type="text" /></td> |
||||
</tr> |
||||
<tr> |
||||
<td><label for="title"> <var id="lang_input_title"></var></label></td> |
||||
<td><input class="txt" id="title" type="text"/></td> |
||||
</tr> |
||||
<tr> |
||||
<td colspan="2"> |
||||
<label for="target"><var id="lang_input_target"></var></label> |
||||
<input id="target" type="checkbox"/> |
||||
</td> |
||||
</tr> |
||||
<tr> |
||||
<td colspan="2" id="msg"></td> |
||||
</tr> |
||||
</table> |
||||
<script type="text/javascript"> |
||||
var range = editor.selection.getRange(), |
||||
link = range.collapsed ? editor.queryCommandValue( "link" ) : editor.selection.getStart(), |
||||
url, |
||||
text = $G('text'), |
||||
rangeLink = domUtils.findParentByTagName(range.getCommonAncestor(),'a',true), |
||||
orgText; |
||||
link = domUtils.findParentByTagName( link, "a", true ); |
||||
if(link){ |
||||
url = utils.html(link.getAttribute( '_href' ) || link.getAttribute( 'href', 2 )); |
||||
|
||||
if(rangeLink === link && !link.getElementsByTagName('img').length){ |
||||
text.removeAttribute('disabled'); |
||||
orgText = text.value = link[browser.ie ? 'innerText':'textContent']; |
||||
}else{ |
||||
text.setAttribute('disabled','true'); |
||||
text.value = lang.validLink; |
||||
} |
||||
|
||||
}else{ |
||||
if(range.collapsed){ |
||||
text.removeAttribute('disabled'); |
||||
text.value = ''; |
||||
}else{ |
||||
text.setAttribute('disabled','true'); |
||||
text.value = lang.validLink; |
||||
} |
||||
|
||||
} |
||||
$G("title").value = url ? link.title : ""; |
||||
$G("href").value = url ? url: ''; |
||||
$G("target").checked = url && link.target == "_blank" ? true : false; |
||||
$focus($G("href")); |
||||
|
||||
function handleDialogOk(){ |
||||
var href =$G('href').value.replace(/^\s+|\s+$/g, ''); |
||||
if(href){ |
||||
if(!hrefStartWith(href,["http","/","ftp://",'#'])) { |
||||
href = "http://" + href; |
||||
} |
||||
var obj = { |
||||
'href' : href, |
||||
'target' : $G("target").checked ? "_blank" : '_self', |
||||
'title' : $G("title").value.replace(/^\s+|\s+$/g, ''), |
||||
'_href':href |
||||
}; |
||||
//修改链接内容的情况太特殊了，所以先做到这里了 |
||||
//todo:情况多的时候，做到command里 |
||||
if(orgText && text.value != orgText){ |
||||
link[browser.ie ? 'innerText' : 'textContent'] = obj.textValue = text.value; |
||||
range.selectNode(link).select() |
||||
} |
||||
if(range.collapsed){ |
||||
obj.textValue = text.value; |
||||
} |
||||
editor.execCommand('link',utils.clearEmptyAttrs(obj) ); |
||||
dialog.close(); |
||||
} |
||||
} |
||||
dialog.onok = handleDialogOk; |
||||
$G('href').onkeydown = $G('title').onkeydown = function(evt){ |
||||
evt = evt || window.event; |
||||
if (evt.keyCode == 13) { |
||||
handleDialogOk(); |
||||
return false; |
||||
} |
||||
}; |
||||
$G('href').onblur = function(){ |
||||
if(!hrefStartWith(this.value,["http","/","ftp://",'#'])){ |
||||
$G("msg").innerHTML = "<span style='color: red'>"+lang.httpPrompt+"</span>"; |
||||
}else{ |
||||
$G("msg").innerHTML = ""; |
||||
} |
||||
}; |
||||
|
||||
function hrefStartWith(href,arr){ |
||||
href = href.replace(/^\s+|\s+$/g, ''); |
||||
for(var i=0,ai;ai=arr[i++];){ |
||||
if(href.indexOf(ai)==0){ |
||||
return true; |
||||
} |
||||
} |
||||
return false; |
||||
} |
||||
|
||||
|
||||
</script> |
||||
</body> |
||||
</html> |
||||
|
||||
@ -1,135 +1,135 @@ |
||||
<!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> |
||||
<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.1&services=true"></script> |
||||
<style type="text/css"> |
||||
.content{width:530px; height: 350px;margin: 10px auto;} |
||||
.content table{width: 100%} |
||||
.content table td{vertical-align: middle;} |
||||
#city,#address{height:21px;background: #FFF;border:1px solid #d7d7d7; line-height: 21px;} |
||||
#city{width:60px} |
||||
#address{width:130px} |
||||
#is_dynamic_label span{vertical-align:middle;margin: 3px 0px 3px 3px;} |
||||
#is_dynamic_label input{vertical-align:middle;margin: 3px 3px 3px 50px;} |
||||
</style> |
||||
</head> |
||||
<body> |
||||
<div class="content"> |
||||
<table> |
||||
<tr> |
||||
<td><var id="lang_city"></var>:</td> |
||||
<td><input id="city" type="text" /></td> |
||||
<td><var id="lang_address"></var>:</td> |
||||
<td><input id="address" type="text" value="" /></td> |
||||
<td><a href="javascript:doSearch()" class="button"><var id="lang_search"></var></a></td> |
||||
<td><label id="is_dynamic_label" for="is_dynamic"><input id="is_dynamic" type="checkbox" name="is_dynamic" /><span><var id="lang_dynamicmap"></var></span></label></td> |
||||
</tr> |
||||
</table> |
||||
<div style="width:100%;height:340px;margin:5px auto;border:1px solid gray" id="container"></div> |
||||
|
||||
</div> |
||||
<script type="text/javascript"> |
||||
var map = new BMap.Map("container"),marker,point,styleStr; |
||||
map.enableScrollWheelZoom(); |
||||
map.enableContinuousZoom(); |
||||
function doSearch(){ |
||||
if (!document.getElementById('city').value) { |
||||
alert(lang.cityMsg); |
||||
return; |
||||
} |
||||
var search = new BMap.LocalSearch(document.getElementById('city').value, { |
||||
onSearchComplete: function (results){ |
||||
if (results && results.getNumPois()) { |
||||
var points = []; |
||||
for (var i=0; i<results.getCurrentNumPois(); i++) { |
||||
points.push(results.getPoi(i).point); |
||||
} |
||||
if (points.length > 1) { |
||||
map.setViewport(points); |
||||
} else { |
||||
map.centerAndZoom(points[0], 13); |
||||
} |
||||
point = map.getCenter(); |
||||
marker.setPoint(point); |
||||
} else { |
||||
alert(lang.errorMsg); |
||||
} |
||||
} |
||||
}); |
||||
search.search(document.getElementById('address').value || document.getElementById('city').value); |
||||
} |
||||
//获得参数 |
||||
function getPars(str,par){ |
||||
var reg = new RegExp(par+"=((\\d+|[.,])*)","g"); |
||||
return reg.exec(str)[1]; |
||||
} |
||||
function init(){ |
||||
var mapNode = editor.selection.getRange().getClosedNode(), |
||||
isMapImg = mapNode && /api[.]map[.]baidu[.]com/ig.test(mapNode.getAttribute("src")), |
||||
isMapIframe = mapNode && domUtils.hasClass(mapNode, 'ueditor_baidumap'); |
||||
if(isMapImg || isMapIframe){ |
||||
var url, centerPos, markerPos; |
||||
if(isMapIframe) { |
||||
url = decodeURIComponent(mapNode.getAttribute("src")); |
||||
$G('is_dynamic').checked = true; |
||||
styleStr = mapNode.style.cssText; |
||||
} else { |
||||
url = mapNode.getAttribute("src"); |
||||
styleStr = mapNode.style.cssText; |
||||
} |
||||
|
||||
centerPos = getPars(url,"center").split(","); |
||||
markerPos = getPars(url, "markers").split(","); |
||||
point = new BMap.Point(Number(centerPos[0]),Number(centerPos[1])); |
||||
marker = new BMap.Marker(new BMap.Point(Number(markerPos[0]), Number(markerPos[1]))); |
||||
map.addControl(new BMap.NavigationControl()); |
||||
map.centerAndZoom(point, Number(getPars(url,"zoom"))); |
||||
}else{ |
||||
point = new BMap.Point(116.404, 39.915); // 创建点坐标 |
||||
marker = new BMap.Marker(point); |
||||
map.addControl(new BMap.NavigationControl()); |
||||
map.centerAndZoom(point, 10); // 初始化地图,设置中心点坐标和地图级别。 |
||||
} |
||||
marker.enableDragging(); |
||||
map.addOverlay(marker); |
||||
} |
||||
init(); |
||||
document.getElementById('address').onkeydown = function (evt){ |
||||
evt = evt || event; |
||||
if (evt.keyCode == 13) { |
||||
doSearch(); |
||||
} |
||||
}; |
||||
dialog.onok = function (){ |
||||
var center = map.getCenter(); |
||||
var zoom = map.zoomLevel; |
||||
var size = map.getSize(); |
||||
var mapWidth = size.width; |
||||
var mapHeight = size.height; |
||||
var point = marker.getPoint(); |
||||
|
||||
if($G('is_dynamic').checked) { |
||||
var URL = editor.options.UEDITOR_HOME_URL, |
||||
url = [URL + (/\/$/.test(URL) ? '':'/') + "dialogs/map/show.html" + |
||||
'#center=' + center.lng + ',' + center.lat, |
||||
'&zoom=' + zoom, |
||||
'&width=' + mapWidth, |
||||
'&height=' + mapHeight, |
||||
'&markers=' + point.lng + ',' + point.lat, |
||||
'&markerStyles=' + 'l,A'].join(''); |
||||
editor.execCommand('inserthtml', '<iframe class="ueditor_baidumap" src="' + url + '"' + (styleStr ? ' style="' + styleStr + '"' :'') + ' frameborder="0" width="' + (mapWidth+4) + '" height="' + (mapHeight+4) + '"></iframe>'); |
||||
} else { |
||||
var url = "http://api.map.baidu.com/staticimage?center=" + center.lng + ',' + center.lat + |
||||
"&zoom=" + zoom + "&width=" + size.width + '&height=' + size.height + "&markers=" + point.lng + ',' + point.lat; |
||||
editor.execCommand('inserthtml', '<img width="'+ size.width +'"height="'+ size.height +'" src="' + url + '"' + (styleStr ? ' style="' + styleStr + '"' :'') + '/>'); |
||||
} |
||||
}; |
||||
document.getElementById("address").focus(); |
||||
</script> |
||||
|
||||
|
||||
</body> |
||||
</html> |
||||
<!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> |
||||
<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.1&services=true"></script> |
||||
<style type="text/css"> |
||||
.content{width:530px; height: 350px;margin: 10px auto;} |
||||
.content table{width: 100%} |
||||
.content table td{vertical-align: middle;} |
||||
#city,#address{height:21px;background: #FFF;border:1px solid #d7d7d7; line-height: 21px;} |
||||
#city{width:60px} |
||||
#address{width:130px} |
||||
#is_dynamic_label span{vertical-align:middle;margin: 3px 0px 3px 3px;} |
||||
#is_dynamic_label input{vertical-align:middle;margin: 3px 3px 3px 50px;} |
||||
</style> |
||||
</head> |
||||
<body> |
||||
<div class="content"> |
||||
<table> |
||||
<tr> |
||||
<td><var id="lang_city"></var>:</td> |
||||
<td><input id="city" type="text" /></td> |
||||
<td><var id="lang_address"></var>:</td> |
||||
<td><input id="address" type="text" value="" /></td> |
||||
<td><a href="javascript:doSearch()" class="button"><var id="lang_search"></var></a></td> |
||||
<td><label id="is_dynamic_label" for="is_dynamic"><input id="is_dynamic" type="checkbox" name="is_dynamic" /><span><var id="lang_dynamicmap"></var></span></label></td> |
||||
</tr> |
||||
</table> |
||||
<div style="width:100%;height:340px;margin:5px auto;border:1px solid gray" id="container"></div> |
||||
|
||||
</div> |
||||
<script type="text/javascript"> |
||||
var map = new BMap.Map("container"),marker,point,styleStr; |
||||
map.enableScrollWheelZoom(); |
||||
map.enableContinuousZoom(); |
||||
function doSearch(){ |
||||
if (!document.getElementById('city').value) { |
||||
alert(lang.cityMsg); |
||||
return; |
||||
} |
||||
var search = new BMap.LocalSearch(document.getElementById('city').value, { |
||||
onSearchComplete: function (results){ |
||||
if (results && results.getNumPois()) { |
||||
var points = []; |
||||
for (var i=0; i<results.getCurrentNumPois(); i++) { |
||||
points.push(results.getPoi(i).point); |
||||
} |
||||
if (points.length > 1) { |
||||
map.setViewport(points); |
||||
} else { |
||||
map.centerAndZoom(points[0], 13); |
||||
} |
||||
point = map.getCenter(); |
||||
marker.setPoint(point); |
||||
} else { |
||||
alert(lang.errorMsg); |
||||
} |
||||
} |
||||
}); |
||||
search.search(document.getElementById('address').value || document.getElementById('city').value); |
||||
} |
||||
//获得参数 |
||||
function getPars(str,par){ |
||||
var reg = new RegExp(par+"=((\\d+|[.,])*)","g"); |
||||
return reg.exec(str)[1]; |
||||
} |
||||
function init(){ |
||||
var mapNode = editor.selection.getRange().getClosedNode(), |
||||
isMapImg = mapNode && /api[.]map[.]baidu[.]com/ig.test(mapNode.getAttribute("src")), |
||||
isMapIframe = mapNode && domUtils.hasClass(mapNode, 'ueditor_baidumap'); |
||||
if(isMapImg || isMapIframe){ |
||||
var url, centerPos, markerPos; |
||||
if(isMapIframe) { |
||||
url = decodeURIComponent(mapNode.getAttribute("src")); |
||||
$G('is_dynamic').checked = true; |
||||
styleStr = mapNode.style.cssText; |
||||
} else { |
||||
url = mapNode.getAttribute("src"); |
||||
styleStr = mapNode.style.cssText; |
||||
} |
||||
|
||||
centerPos = getPars(url,"center").split(","); |
||||
markerPos = getPars(url, "markers").split(","); |
||||
point = new BMap.Point(Number(centerPos[0]),Number(centerPos[1])); |
||||
marker = new BMap.Marker(new BMap.Point(Number(markerPos[0]), Number(markerPos[1]))); |
||||
map.addControl(new BMap.NavigationControl()); |
||||
map.centerAndZoom(point, Number(getPars(url,"zoom"))); |
||||
}else{ |
||||
point = new BMap.Point(116.404, 39.915); // 创建点坐标 |
||||
marker = new BMap.Marker(point); |
||||
map.addControl(new BMap.NavigationControl()); |
||||
map.centerAndZoom(point, 10); // 初始化地图,设置中心点坐标和地图级别。 |
||||
} |
||||
marker.enableDragging(); |
||||
map.addOverlay(marker); |
||||
} |
||||
init(); |
||||
document.getElementById('address').onkeydown = function (evt){ |
||||
evt = evt || event; |
||||
if (evt.keyCode == 13) { |
||||
doSearch(); |
||||
} |
||||
}; |
||||
dialog.onok = function (){ |
||||
var center = map.getCenter(); |
||||
var zoom = map.zoomLevel; |
||||
var size = map.getSize(); |
||||
var mapWidth = size.width; |
||||
var mapHeight = size.height; |
||||
var point = marker.getPoint(); |
||||
|
||||
if($G('is_dynamic').checked) { |
||||
var URL = editor.options.UEDITOR_HOME_URL, |
||||
url = [URL + (/\/$/.test(URL) ? '':'/') + "dialogs/map/show.html" + |
||||
'#center=' + center.lng + ',' + center.lat, |
||||
'&zoom=' + zoom, |
||||
'&width=' + mapWidth, |
||||
'&height=' + mapHeight, |
||||
'&markers=' + point.lng + ',' + point.lat, |
||||
'&markerStyles=' + 'l,A'].join(''); |
||||
editor.execCommand('inserthtml', '<iframe class="ueditor_baidumap" src="' + url + '"' + (styleStr ? ' style="' + styleStr + '"' :'') + ' frameborder="0" width="' + (mapWidth+4) + '" height="' + (mapHeight+4) + '"></iframe>'); |
||||
} else { |
||||
var url = "http://api.map.baidu.com/staticimage?center=" + center.lng + ',' + center.lat + |
||||
"&zoom=" + zoom + "&width=" + size.width + '&height=' + size.height + "&markers=" + point.lng + ',' + point.lat; |
||||
editor.execCommand('inserthtml', '<img width="'+ size.width +'"height="'+ size.height +'" src="' + url + '"' + (styleStr ? ' style="' + styleStr + '"' :'') + '/>'); |
||||
} |
||||
}; |
||||
document.getElementById("address").focus(); |
||||
</script> |
||||
|
||||
|
||||
</body> |
||||
</html> |
||||
|
||||
@ -1,118 +1,118 @@ |
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" |
||||
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
||||
<html xmlns="http://www.w3.org/1999/xhtml"> |
||||
<head> |
||||
<meta charset="utf-8"/> |
||||
<meta name="keywords" content="百度地图,百度地图API，百度地图自定义工具，百度地图所见即所得工具"/> |
||||
<meta name="description" content="百度地图API自定义地图，帮助用户在可视化操作下生成百度地图"/> |
||||
<title>百度地图API自定义地图</title> |
||||
<!--引用百度地图API--> |
||||
<style type="text/css"> |
||||
html, body { |
||||
margin: 0; |
||||
padding: 0; |
||||
overflow: hidden; |
||||
} |
||||
</style> |
||||
<script type="text/javascript" src="http://api.map.baidu.com/api?key=&v=1.1&services=true"></script> |
||||
</head> |
||||
|
||||
<body onload="initMap();"> |
||||
<!--百度地图容器--> |
||||
<div style="width:697px;height:550px;border:#ccc solid 1px;" id="dituContent"></div> |
||||
</body> |
||||
<script type="text/javascript"> |
||||
function getParam(name) { |
||||
return location.href.match(new RegExp('[?#&]' + name + '=([^?#&]+)', 'i')) ? RegExp.$1 : ''; |
||||
} |
||||
var map, marker; |
||||
var centerParam = getParam('center'); |
||||
var zoomParam = getParam('zoom'); |
||||
var widthParam = getParam('width'); |
||||
var heightParam = getParam('height'); |
||||
var markersParam = getParam('markers'); |
||||
var markerStylesParam = getParam('markerStyles'); |
||||
|
||||
//创建和初始化地图函数： |
||||
function initMap() { |
||||
// [FF]切换模式后报错 |
||||
if (!window.BMap) { |
||||
return; |
||||
} |
||||
var dituContent = document.getElementById('dituContent'); |
||||
dituContent.style.width = widthParam + 'px'; |
||||
dituContent.style.height = heightParam + 'px'; |
||||
|
||||
createMap();//创建地图 |
||||
setMapEvent();//设置地图事件 |
||||
addMapControl();//向地图添加控件 |
||||
|
||||
// 创建标注 |
||||
var markersArr = markersParam.split(','); |
||||
var point = new BMap.Point(markersArr[0], markersArr[1]); |
||||
marker = new BMap.Marker(point); |
||||
marker.enableDragging(); |
||||
map.addOverlay(marker); // 将标注添加到地图中 |
||||
|
||||
if(parent.editor && parent.document.body.contentEditable=="true") { //在编辑状态下 |
||||
setMapListener();//地图改变修改外层的iframe标签src属性 |
||||
} |
||||
} |
||||
|
||||
//创建地图函数： |
||||
function createMap() { |
||||
map = new BMap.Map("dituContent");//在百度地图容器中创建一个地图 |
||||
var centerArr = centerParam.split(','); |
||||
var point = new BMap.Point(parseFloat(centerArr[0]), parseFloat(centerArr[1]));//定义一个中心点坐标 |
||||
map.centerAndZoom(point, parseInt(zoomParam));//设定地图的中心点和坐标并将地图显示在地图容器中 |
||||
} |
||||
|
||||
//地图事件设置函数： |
||||
function setMapEvent() { |
||||
map.enableDragging();//启用地图拖拽事件，默认启用(可不写) |
||||
map.enableScrollWheelZoom();//启用地图滚轮放大缩小 |
||||
map.enableDoubleClickZoom();//启用鼠标双击放大，默认启用(可不写) |
||||
map.enableKeyboard();//启用键盘上下左右键移动地图 |
||||
} |
||||
|
||||
//地图控件添加函数： |
||||
function addMapControl() { |
||||
//向地图中添加缩放控件 |
||||
var ctrl_nav = new BMap.NavigationControl({anchor: BMAP_ANCHOR_TOP_LEFT, type: BMAP_NAVIGATION_CONTROL_LARGE}); |
||||
map.addControl(ctrl_nav); |
||||
//向地图中添加缩略图控件 |
||||
var ctrl_ove = new BMap.OverviewMapControl({anchor: BMAP_ANCHOR_BOTTOM_RIGHT, isOpen: 1}); |
||||
map.addControl(ctrl_ove); |
||||
//向地图中添加比例尺控件 |
||||
var ctrl_sca = new BMap.ScaleControl({anchor: BMAP_ANCHOR_BOTTOM_LEFT}); |
||||
map.addControl(ctrl_sca); |
||||
} |
||||
|
||||
function setMapListener() { |
||||
var editor = parent.editor, containerIframe, |
||||
iframes = parent.document.getElementsByTagName('iframe'); |
||||
for (var key in iframes) { |
||||
if (iframes[key].contentWindow == window) { |
||||
containerIframe = iframes[key]; |
||||
break; |
||||
} |
||||
} |
||||
if (containerIframe) { |
||||
map.addEventListener('moveend', mapListenerHandler); |
||||
map.addEventListener('zoomend', mapListenerHandler); |
||||
marker.addEventListener('dragend', mapListenerHandler); |
||||
} |
||||
|
||||
function mapListenerHandler() { |
||||
var zoom = map.getZoom(), |
||||
center = map.getCenter(), |
||||
marker = window.marker.getPoint(); |
||||
containerIframe.src = containerIframe.src. |
||||
replace(new RegExp('([?#&])center=([^?#&]+)', 'i'), '$1center=' + center.lng + ',' + center.lat). |
||||
replace(new RegExp('([?#&])markers=([^?#&]+)', 'i'), '$1markers=' + marker.lng + ',' + marker.lat). |
||||
replace(new RegExp('([?#&])zoom=([^?#&]+)', 'i'), '$1zoom=' + zoom); |
||||
editor.fireEvent('saveScene'); |
||||
} |
||||
} |
||||
</script> |
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" |
||||
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
||||
<html xmlns="http://www.w3.org/1999/xhtml"> |
||||
<head> |
||||
<meta charset="utf-8"/> |
||||
<meta name="keywords" content="百度地图,百度地图API，百度地图自定义工具，百度地图所见即所得工具"/> |
||||
<meta name="description" content="百度地图API自定义地图，帮助用户在可视化操作下生成百度地图"/> |
||||
<title>百度地图API自定义地图</title> |
||||
<!--引用百度地图API--> |
||||
<style type="text/css"> |
||||
html, body { |
||||
margin: 0; |
||||
padding: 0; |
||||
overflow: hidden; |
||||
} |
||||
</style> |
||||
<script type="text/javascript" src="http://api.map.baidu.com/api?key=&v=1.1&services=true"></script> |
||||
</head> |
||||
|
||||
<body onload="initMap();"> |
||||
<!--百度地图容器--> |
||||
<div style="width:697px;height:550px;border:#ccc solid 1px;" id="dituContent"></div> |
||||
</body> |
||||
<script type="text/javascript"> |
||||
function getParam(name) { |
||||
return location.href.match(new RegExp('[?#&]' + name + '=([^?#&]+)', 'i')) ? RegExp.$1 : ''; |
||||
} |
||||
var map, marker; |
||||
var centerParam = getParam('center'); |
||||
var zoomParam = getParam('zoom'); |
||||
var widthParam = getParam('width'); |
||||
var heightParam = getParam('height'); |
||||
var markersParam = getParam('markers'); |
||||
var markerStylesParam = getParam('markerStyles'); |
||||
|
||||
//创建和初始化地图函数： |
||||
function initMap() { |
||||
// [FF]切换模式后报错 |
||||
if (!window.BMap) { |
||||
return; |
||||
} |
||||
var dituContent = document.getElementById('dituContent'); |
||||
dituContent.style.width = widthParam + 'px'; |
||||
dituContent.style.height = heightParam + 'px'; |
||||
|
||||
createMap();//创建地图 |
||||
setMapEvent();//设置地图事件 |
||||
addMapControl();//向地图添加控件 |
||||
|
||||
// 创建标注 |
||||
var markersArr = markersParam.split(','); |
||||
var point = new BMap.Point(markersArr[0], markersArr[1]); |
||||
marker = new BMap.Marker(point); |
||||
marker.enableDragging(); |
||||
map.addOverlay(marker); // 将标注添加到地图中 |
||||
|
||||
if(parent.editor && parent.document.body.contentEditable=="true") { //在编辑状态下 |
||||
setMapListener();//地图改变修改外层的iframe标签src属性 |
||||
} |
||||
} |
||||
|
||||
//创建地图函数： |
||||
function createMap() { |
||||
map = new BMap.Map("dituContent");//在百度地图容器中创建一个地图 |
||||
var centerArr = centerParam.split(','); |
||||
var point = new BMap.Point(parseFloat(centerArr[0]), parseFloat(centerArr[1]));//定义一个中心点坐标 |
||||
map.centerAndZoom(point, parseInt(zoomParam));//设定地图的中心点和坐标并将地图显示在地图容器中 |
||||
} |
||||
|
||||
//地图事件设置函数： |
||||
function setMapEvent() { |
||||
map.enableDragging();//启用地图拖拽事件，默认启用(可不写) |
||||
map.enableScrollWheelZoom();//启用地图滚轮放大缩小 |
||||
map.enableDoubleClickZoom();//启用鼠标双击放大，默认启用(可不写) |
||||
map.enableKeyboard();//启用键盘上下左右键移动地图 |
||||
} |
||||
|
||||
//地图控件添加函数： |
||||
function addMapControl() { |
||||
//向地图中添加缩放控件 |
||||
var ctrl_nav = new BMap.NavigationControl({anchor: BMAP_ANCHOR_TOP_LEFT, type: BMAP_NAVIGATION_CONTROL_LARGE}); |
||||
map.addControl(ctrl_nav); |
||||
//向地图中添加缩略图控件 |
||||
var ctrl_ove = new BMap.OverviewMapControl({anchor: BMAP_ANCHOR_BOTTOM_RIGHT, isOpen: 1}); |
||||
map.addControl(ctrl_ove); |
||||
//向地图中添加比例尺控件 |
||||
var ctrl_sca = new BMap.ScaleControl({anchor: BMAP_ANCHOR_BOTTOM_LEFT}); |
||||
map.addControl(ctrl_sca); |
||||
} |
||||
|
||||
function setMapListener() { |
||||
var editor = parent.editor, containerIframe, |
||||
iframes = parent.document.getElementsByTagName('iframe'); |
||||
for (var key in iframes) { |
||||
if (iframes[key].contentWindow == window) { |
||||
containerIframe = iframes[key]; |
||||
break; |
||||
} |
||||
} |
||||
if (containerIframe) { |
||||
map.addEventListener('moveend', mapListenerHandler); |
||||
map.addEventListener('zoomend', mapListenerHandler); |
||||
marker.addEventListener('dragend', mapListenerHandler); |
||||
} |
||||
|
||||
function mapListenerHandler() { |
||||
var zoom = map.getZoom(), |
||||
center = map.getCenter(), |
||||
marker = window.marker.getPoint(); |
||||
containerIframe.src = containerIframe.src. |
||||
replace(new RegExp('([?#&])center=([^?#&]+)', 'i'), '$1center=' + center.lng + ',' + center.lat). |
||||
replace(new RegExp('([?#&])markers=([^?#&]+)', 'i'), '$1markers=' + marker.lng + ',' + marker.lat). |
||||
replace(new RegExp('([?#&])zoom=([^?#&]+)', 'i'), '$1zoom=' + zoom); |
||||
editor.fireEvent('saveScene'); |
||||
} |
||||
} |
||||
</script> |
||||
</html> |
||||
@ -1,30 +1,30 @@ |
||||
.wrapper{margin: 5px 10px;} |
||||
|
||||
.searchBar{height:30px;padding:7px 0 3px;text-align:center;} |
||||
.searchBtn{font-size:13px;height:24px;} |
||||
|
||||
.resultBar{width:460px;margin:5px auto;border: 1px solid #CCC;border-radius: 5px;box-shadow: 2px 2px 5px #D3D6DA;overflow: hidden;} |
||||
|
||||
.listPanel{overflow: hidden;} |
||||
.panelon{display:block;} |
||||
.paneloff{display:none} |
||||
|
||||
.page{width:220px;margin:20px auto;overflow: hidden;} |
||||
.pageon{float:right;width:24px;line-height:24px;height:24px;margin-right: 5px;background: none;border: none;color: #000;font-weight: bold;text-align:center} |
||||
.pageoff{float:right;width:24px;line-height:24px;height:24px;cursor:pointer;background-color: #fff; |
||||
border: 1px solid #E7ECF0;color: #2D64B3;margin-right: 5px;text-decoration: none;text-align:center;} |
||||
|
||||
.m-box{width:460px;} |
||||
.m-m{float: left;line-height: 20px;height: 20px;} |
||||
.m-h{height:24px;line-height:24px;padding-left: 46px;background-color:#FAFAFA;border-bottom: 1px solid #DAD8D8;font-weight: bold;font-size: 12px;color: #333;} |
||||
.m-l{float:left;width:40px; } |
||||
.m-t{float:left;width:140px;} |
||||
.m-s{float:left;width:110px;} |
||||
.m-z{float:left;width:100px;} |
||||
.m-try-t{float: left;width: 60px;;} |
||||
|
||||
.m-try{float:left;width:20px;height:20px;background:url('http://static.tieba.baidu.com/tb/editor/images/try_music.gif') no-repeat ;} |
||||
.m-trying{float:left;width:20px;height:20px;background:url('http://static.tieba.baidu.com/tb/editor/images/stop_music.gif') no-repeat ;} |
||||
|
||||
.loading{width:95px;height:7px;font-size:7px;margin:60px auto;background:url(http://static.tieba.baidu.com/tb/editor/images/loading.gif) no-repeat} |
||||
.wrapper{margin: 5px 10px;} |
||||
|
||||
.searchBar{height:30px;padding:7px 0 3px;text-align:center;} |
||||
.searchBtn{font-size:13px;height:24px;} |
||||
|
||||
.resultBar{width:460px;margin:5px auto;border: 1px solid #CCC;border-radius: 5px;box-shadow: 2px 2px 5px #D3D6DA;overflow: hidden;} |
||||
|
||||
.listPanel{overflow: hidden;} |
||||
.panelon{display:block;} |
||||
.paneloff{display:none} |
||||
|
||||
.page{width:220px;margin:20px auto;overflow: hidden;} |
||||
.pageon{float:right;width:24px;line-height:24px;height:24px;margin-right: 5px;background: none;border: none;color: #000;font-weight: bold;text-align:center} |
||||
.pageoff{float:right;width:24px;line-height:24px;height:24px;cursor:pointer;background-color: #fff; |
||||
border: 1px solid #E7ECF0;color: #2D64B3;margin-right: 5px;text-decoration: none;text-align:center;} |
||||
|
||||
.m-box{width:460px;} |
||||
.m-m{float: left;line-height: 20px;height: 20px;} |
||||
.m-h{height:24px;line-height:24px;padding-left: 46px;background-color:#FAFAFA;border-bottom: 1px solid #DAD8D8;font-weight: bold;font-size: 12px;color: #333;} |
||||
.m-l{float:left;width:40px; } |
||||
.m-t{float:left;width:140px;} |
||||
.m-s{float:left;width:110px;} |
||||
.m-z{float:left;width:100px;} |
||||
.m-try-t{float: left;width: 60px;;} |
||||
|
||||
.m-try{float:left;width:20px;height:20px;background:url('http://static.tieba.baidu.com/tb/editor/images/try_music.gif') no-repeat ;} |
||||
.m-trying{float:left;width:20px;height:20px;background:url('http://static.tieba.baidu.com/tb/editor/images/stop_music.gif') no-repeat ;} |
||||
|
||||
.loading{width:95px;height:7px;font-size:7px;margin:60px auto;background:url(http://static.tieba.baidu.com/tb/editor/images/loading.gif) no-repeat} |
||||
.empty{width:300px;height:40px;padding:2px;margin:50px auto;line-height:40px; color:#006699;text-align:center;} |
||||
@ -1,32 +1,32 @@ |
||||
<!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> |
||||
<link rel="stylesheet" type="text/css" href="music.css"> |
||||
</head> |
||||
<body> |
||||
<div class="wrapper"> |
||||
<div class="searchBar"> |
||||
<input id="J_searchName" type="text"/> |
||||
<input type="button" class="searchBtn" id="J_searchBtn"> |
||||
</div> |
||||
<div class="resultBar" id="J_resultBar"> |
||||
<div class="loading" style="display:none"></div> |
||||
<div class="empty"><var id="lang_input_tips"></var></div> |
||||
</div> |
||||
<div id="J_preview"></div> |
||||
</div> |
||||
<script type="text/javascript" src="music.js"></script> |
||||
<script type="text/javascript"> |
||||
var music = new Music; |
||||
dialog.onok = function () { |
||||
music.exec(); |
||||
}; |
||||
dialog.oncancel = function () { |
||||
$G('J_preview').innerHTML = ""; |
||||
}; |
||||
</script> |
||||
</body> |
||||
<!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> |
||||
<link rel="stylesheet" type="text/css" href="music.css"> |
||||
</head> |
||||
<body> |
||||
<div class="wrapper"> |
||||
<div class="searchBar"> |
||||
<input id="J_searchName" type="text"/> |
||||
<input type="button" class="searchBtn" id="J_searchBtn"> |
||||
</div> |
||||
<div class="resultBar" id="J_resultBar"> |
||||
<div class="loading" style="display:none"></div> |
||||
<div class="empty"><var id="lang_input_tips"></var></div> |
||||
</div> |
||||
<div id="J_preview"></div> |
||||
</div> |
||||
<script type="text/javascript" src="music.js"></script> |
||||
<script type="text/javascript"> |
||||
var music = new Music; |
||||
dialog.onok = function () { |
||||
music.exec(); |
||||
}; |
||||
dialog.oncancel = function () { |
||||
$G('J_preview').innerHTML = ""; |
||||
}; |
||||
</script> |
||||
</body> |
||||
</html> |
||||
@ -1,192 +1,192 @@ |
||||
function Music() { |
||||
this.init(); |
||||
} |
||||
(function () { |
||||
var pages = [], |
||||
panels = [], |
||||
selectedItem = null; |
||||
Music.prototype = { |
||||
total:70, |
||||
pageSize:10, |
||||
dataUrl:"http://tingapi.ting.baidu.com/v1/restserver/ting?method=baidu.ting.search.common", |
||||
playerUrl:"http://box.baidu.com/widget/flash/bdspacesong.swf", |
||||
|
||||
init:function () { |
||||
var me = this; |
||||
domUtils.on($G("J_searchName"), "keyup", function (event) { |
||||
var e = window.event || event; |
||||
if (e.keyCode == 13) { |
||||
me.dosearch(); |
||||
} |
||||
}); |
||||
domUtils.on($G("J_searchBtn"), "click", function () { |
||||
me.dosearch(); |
||||
}); |
||||
}, |
||||
callback:function (data) { |
||||
var me = this; |
||||
me.data = data.song_list; |
||||
setTimeout(function () { |
||||
$G('J_resultBar').innerHTML = me._renderTemplate(data.song_list); |
||||
}, 300); |
||||
}, |
||||
dosearch:function () { |
||||
var me = this; |
||||
selectedItem = null; |
||||
var key = $G('J_searchName').value; |
||||
if (utils.trim(key) == "")return false; |
||||
key = encodeURIComponent(key); |
||||
me._sent(key); |
||||
}, |
||||
doselect:function (i) { |
||||
var me = this; |
||||
if (typeof i == 'object') { |
||||
selectedItem = i; |
||||
} else if (typeof i == 'number') { |
||||
selectedItem = me.data[i]; |
||||
} |
||||
}, |
||||
onpageclick:function (id) { |
||||
var me = this; |
||||
for (var i = 0; i < pages.length; i++) { |
||||
$G(pages[i]).className = 'pageoff'; |
||||
$G(panels[i]).className = 'paneloff'; |
||||
} |
||||
$G('page' + id).className = 'pageon'; |
||||
$G('panel' + id).className = 'panelon'; |
||||
}, |
||||
listenTest:function (elem) { |
||||
var me = this, |
||||
view = $G('J_preview'), |
||||
is_play_action = (elem.className == 'm-try'), |
||||
old_trying = me._getTryingElem(); |
||||
|
||||
if (old_trying) { |
||||
old_trying.className = 'm-try'; |
||||
view.innerHTML = ''; |
||||
} |
||||
if (is_play_action) { |
||||
elem.className = 'm-trying'; |
||||
view.innerHTML = me._buildMusicHtml(me._getUrl(true)); |
||||
} |
||||
}, |
||||
_sent:function (param) { |
||||
var me = this; |
||||
$G('J_resultBar').innerHTML = '<div class="loading"></div>'; |
||||
|
||||
utils.loadFile(document, { |
||||
src:me.dataUrl + '&query=' + param + '&page_size=' + me.total + '&callback=music.callback&.r=' + Math.random(), |
||||
tag:"script", |
||||
type:"text/javascript", |
||||
defer:"defer" |
||||
}); |
||||
}, |
||||
_removeHtml:function (str) { |
||||
var reg = /<\s*\/?\s*[^>]*\s*>/gi; |
||||
return str.replace(reg, ""); |
||||
}, |
||||
_getUrl:function (isTryListen) { |
||||
var me = this; |
||||
var param = 'from=tiebasongwidget&url=&name=' + encodeURIComponent(me._removeHtml(selectedItem.title)) + '&artist=' |
||||
+ encodeURIComponent(me._removeHtml(selectedItem.author)) + '&extra=' |
||||
+ encodeURIComponent(me._removeHtml(selectedItem.album_title)) |
||||
+ '&autoPlay='+isTryListen+'' + '&loop=true'; |
||||
return me.playerUrl + "?" + param; |
||||
}, |
||||
_getTryingElem:function () { |
||||
var s = $G('J_listPanel').getElementsByTagName('span'); |
||||
|
||||
for (var i = 0; i < s.length; i++) { |
||||
if (s[i].className == 'm-trying') |
||||
return s[i]; |
||||
} |
||||
return null; |
||||
}, |
||||
_buildMusicHtml:function (playerUrl) { |
||||
var html = '<embed class="BDE_try_Music" allowfullscreen="false" pluginspage="http://www.macromedia.com/go/getflashplayer"'; |
||||
html += ' src="' + playerUrl + '"'; |
||||
html += ' width="1" height="1" style="position:absolute;left:-2000px;"'; |
||||
html += ' type="application/x-shockwave-flash" wmode="transparent" play="true" loop="false"'; |
||||
html += ' menu="false" allowscriptaccess="never" scale="noborder">'; |
||||
return html; |
||||
}, |
||||
_byteLength:function (str) { |
||||
return str.replace(/[^\u0000-\u007f]/g, "\u0061\u0061").length; |
||||
}, |
||||
_getMaxText:function (s) { |
||||
var me = this; |
||||
s = me._removeHtml(s); |
||||
if (me._byteLength(s) > 12) |
||||
return s.substring(0, 5) + '...'; |
||||
if (!s) s = " "; |
||||
return s; |
||||
}, |
||||
_rebuildData:function (data) { |
||||
var me = this, |
||||
newData = [], |
||||
d = me.pageSize, |
||||
itembox; |
||||
for (var i = 0; i < data.length; i++) { |
||||
if ((i + d) % d == 0) { |
||||
itembox = []; |
||||
newData.push(itembox) |
||||
} |
||||
itembox.push(data[i]); |
||||
} |
||||
return newData; |
||||
}, |
||||
_renderTemplate:function (data) { |
||||
var me = this; |
||||
if (data.length == 0)return '<div class="empty">' + lang.emptyTxt + '</div>'; |
||||
data = me._rebuildData(data); |
||||
var s = [], p = [], t = []; |
||||
s.push('<div id="J_listPanel" class="listPanel">'); |
||||
p.push('<div class="page">'); |
||||
for (var i = 0, tmpList; tmpList = data[i++];) { |
||||
panels.push('panel' + i); |
||||
pages.push('page' + i); |
||||
if (i == 1) { |
||||
s.push('<div id="panel' + i + '" class="panelon">'); |
||||
if (data.length != 1) { |
||||
t.push('<div id="page' + i + '" onclick="music.onpageclick(' + i + ')" class="pageon">' + (i ) + '</div>'); |
||||
} |
||||
} else { |
||||
s.push('<div id="panel' + i + '" class="paneloff">'); |
||||
t.push('<div id="page' + i + '" onclick="music.onpageclick(' + i + ')" class="pageoff">' + (i ) + '</div>'); |
||||
} |
||||
s.push('<div class="m-box">'); |
||||
s.push('<div class="m-h"><span class="m-t">' + lang.chapter + '</span><span class="m-s">' + lang.singer |
||||
+ '</span><span class="m-z">' + lang.special + '</span><span class="m-try-t">' + lang.listenTest + '</span></div>'); |
||||
for (var j = 0, tmpObj; tmpObj = tmpList[j++];) { |
||||
s.push('<label for="radio-' + i + '-' + j + '" class="m-m">'); |
||||
s.push('<input type="radio" id="radio-' + i + '-' + j + '" name="musicId" class="m-l" onclick="music.doselect(' + (me.pageSize * (i-1) + (j-1)) + ')"/>'); |
||||
s.push('<span class="m-t">' + me._getMaxText(tmpObj.title) + '</span>'); |
||||
s.push('<span class="m-s">' + me._getMaxText(tmpObj.author) + '</span>'); |
||||
s.push('<span class="m-z">' + me._getMaxText(tmpObj.album_title) + '</span>'); |
||||
s.push('<span class="m-try" onclick="music.doselect(' + (me.pageSize * (i-1) + (j-1)) + ');music.listenTest(this)"></span>'); |
||||
s.push('</label>'); |
||||
} |
||||
s.push('</div>'); |
||||
s.push('</div>'); |
||||
} |
||||
t.reverse(); |
||||
p.push(t.join('')); |
||||
s.push('</div>'); |
||||
p.push('</div>'); |
||||
return s.join('') + p.join(''); |
||||
}, |
||||
exec:function () { |
||||
var me = this; |
||||
if (selectedItem == null) return; |
||||
$G('J_preview').innerHTML = ""; |
||||
editor.execCommand('music', { |
||||
url:me._getUrl(false), |
||||
width:400, |
||||
height:95 |
||||
}); |
||||
} |
||||
}; |
||||
})(); |
||||
|
||||
|
||||
|
||||
function Music() { |
||||
this.init(); |
||||
} |
||||
(function () { |
||||
var pages = [], |
||||
panels = [], |
||||
selectedItem = null; |
||||
Music.prototype = { |
||||
total:70, |
||||
pageSize:10, |
||||
dataUrl:"http://tingapi.ting.baidu.com/v1/restserver/ting?method=baidu.ting.search.common", |
||||
playerUrl:"http://box.baidu.com/widget/flash/bdspacesong.swf", |
||||
|
||||
init:function () { |
||||
var me = this; |
||||
domUtils.on($G("J_searchName"), "keyup", function (event) { |
||||
var e = window.event || event; |
||||
if (e.keyCode == 13) { |
||||
me.dosearch(); |
||||
} |
||||
}); |
||||
domUtils.on($G("J_searchBtn"), "click", function () { |
||||
me.dosearch(); |
||||
}); |
||||
}, |
||||
callback:function (data) { |
||||
var me = this; |
||||
me.data = data.song_list; |
||||
setTimeout(function () { |
||||
$G('J_resultBar').innerHTML = me._renderTemplate(data.song_list); |
||||
}, 300); |
||||
}, |
||||
dosearch:function () { |
||||
var me = this; |
||||
selectedItem = null; |
||||
var key = $G('J_searchName').value; |
||||
if (utils.trim(key) == "")return false; |
||||
key = encodeURIComponent(key); |
||||
me._sent(key); |
||||
}, |
||||
doselect:function (i) { |
||||
var me = this; |
||||
if (typeof i == 'object') { |
||||
selectedItem = i; |
||||
} else if (typeof i == 'number') { |
||||
selectedItem = me.data[i]; |
||||
} |
||||
}, |
||||
onpageclick:function (id) { |
||||
var me = this; |
||||
for (var i = 0; i < pages.length; i++) { |
||||
$G(pages[i]).className = 'pageoff'; |
||||
$G(panels[i]).className = 'paneloff'; |
||||
} |
||||
$G('page' + id).className = 'pageon'; |
||||
$G('panel' + id).className = 'panelon'; |
||||
}, |
||||
listenTest:function (elem) { |
||||
var me = this, |
||||
view = $G('J_preview'), |
||||
is_play_action = (elem.className == 'm-try'), |
||||
old_trying = me._getTryingElem(); |
||||
|
||||
if (old_trying) { |
||||
old_trying.className = 'm-try'; |
||||
view.innerHTML = ''; |
||||
} |
||||
if (is_play_action) { |
||||
elem.className = 'm-trying'; |
||||
view.innerHTML = me._buildMusicHtml(me._getUrl(true)); |
||||
} |
||||
}, |
||||
_sent:function (param) { |
||||
var me = this; |
||||
$G('J_resultBar').innerHTML = '<div class="loading"></div>'; |
||||
|
||||
utils.loadFile(document, { |
||||
src:me.dataUrl + '&query=' + param + '&page_size=' + me.total + '&callback=music.callback&.r=' + Math.random(), |
||||
tag:"script", |
||||
type:"text/javascript", |
||||
defer:"defer" |
||||
}); |
||||
}, |
||||
_removeHtml:function (str) { |
||||
var reg = /<\s*\/?\s*[^>]*\s*>/gi; |
||||
return str.replace(reg, ""); |
||||
}, |
||||
_getUrl:function (isTryListen) { |
||||
var me = this; |
||||
var param = 'from=tiebasongwidget&url=&name=' + encodeURIComponent(me._removeHtml(selectedItem.title)) + '&artist=' |
||||
+ encodeURIComponent(me._removeHtml(selectedItem.author)) + '&extra=' |
||||
+ encodeURIComponent(me._removeHtml(selectedItem.album_title)) |
||||
+ '&autoPlay='+isTryListen+'' + '&loop=true'; |
||||
return me.playerUrl + "?" + param; |
||||
}, |
||||
_getTryingElem:function () { |
||||
var s = $G('J_listPanel').getElementsByTagName('span'); |
||||
|
||||
for (var i = 0; i < s.length; i++) { |
||||
if (s[i].className == 'm-trying') |
||||
return s[i]; |
||||
} |
||||
return null; |
||||
}, |
||||
_buildMusicHtml:function (playerUrl) { |
||||
var html = '<embed class="BDE_try_Music" allowfullscreen="false" pluginspage="http://www.macromedia.com/go/getflashplayer"'; |
||||
html += ' src="' + playerUrl + '"'; |
||||
html += ' width="1" height="1" style="position:absolute;left:-2000px;"'; |
||||
html += ' type="application/x-shockwave-flash" wmode="transparent" play="true" loop="false"'; |
||||
html += ' menu="false" allowscriptaccess="never" scale="noborder">'; |
||||
return html; |
||||
}, |
||||
_byteLength:function (str) { |
||||
return str.replace(/[^\u0000-\u007f]/g, "\u0061\u0061").length; |
||||
}, |
||||
_getMaxText:function (s) { |
||||
var me = this; |
||||
s = me._removeHtml(s); |
||||
if (me._byteLength(s) > 12) |
||||
return s.substring(0, 5) + '...'; |
||||
if (!s) s = " "; |
||||
return s; |
||||
}, |
||||
_rebuildData:function (data) { |
||||
var me = this, |
||||
newData = [], |
||||
d = me.pageSize, |
||||
itembox; |
||||
for (var i = 0; i < data.length; i++) { |
||||
if ((i + d) % d == 0) { |
||||
itembox = []; |
||||
newData.push(itembox) |
||||
} |
||||
itembox.push(data[i]); |
||||
} |
||||
return newData; |
||||
}, |
||||
_renderTemplate:function (data) { |
||||
var me = this; |
||||
if (data.length == 0)return '<div class="empty">' + lang.emptyTxt + '</div>'; |
||||
data = me._rebuildData(data); |
||||
var s = [], p = [], t = []; |
||||
s.push('<div id="J_listPanel" class="listPanel">'); |
||||
p.push('<div class="page">'); |
||||
for (var i = 0, tmpList; tmpList = data[i++];) { |
||||
panels.push('panel' + i); |
||||
pages.push('page' + i); |
||||
if (i == 1) { |
||||
s.push('<div id="panel' + i + '" class="panelon">'); |
||||
if (data.length != 1) { |
||||
t.push('<div id="page' + i + '" onclick="music.onpageclick(' + i + ')" class="pageon">' + (i ) + '</div>'); |
||||
} |
||||
} else { |
||||
s.push('<div id="panel' + i + '" class="paneloff">'); |
||||
t.push('<div id="page' + i + '" onclick="music.onpageclick(' + i + ')" class="pageoff">' + (i ) + '</div>'); |
||||
} |
||||
s.push('<div class="m-box">'); |
||||
s.push('<div class="m-h"><span class="m-t">' + lang.chapter + '</span><span class="m-s">' + lang.singer |
||||
+ '</span><span class="m-z">' + lang.special + '</span><span class="m-try-t">' + lang.listenTest + '</span></div>'); |
||||
for (var j = 0, tmpObj; tmpObj = tmpList[j++];) { |
||||
s.push('<label for="radio-' + i + '-' + j + '" class="m-m">'); |
||||
s.push('<input type="radio" id="radio-' + i + '-' + j + '" name="musicId" class="m-l" onclick="music.doselect(' + (me.pageSize * (i-1) + (j-1)) + ')"/>'); |
||||
s.push('<span class="m-t">' + me._getMaxText(tmpObj.title) + '</span>'); |
||||
s.push('<span class="m-s">' + me._getMaxText(tmpObj.author) + '</span>'); |
||||
s.push('<span class="m-z">' + me._getMaxText(tmpObj.album_title) + '</span>'); |
||||
s.push('<span class="m-try" onclick="music.doselect(' + (me.pageSize * (i-1) + (j-1)) + ');music.listenTest(this)"></span>'); |
||||
s.push('</label>'); |
||||
} |
||||
s.push('</div>'); |
||||
s.push('</div>'); |
||||
} |
||||
t.reverse(); |
||||
p.push(t.join('')); |
||||
s.push('</div>'); |
||||
p.push('</div>'); |
||||
return s.join('') + p.join(''); |
||||
}, |
||||
exec:function () { |
||||
var me = this; |
||||
if (selectedItem == null) return; |
||||
$G('J_preview').innerHTML = ""; |
||||
editor.execCommand('music', { |
||||
url:me._getUrl(false), |
||||
width:400, |
||||
height:95 |
||||
}); |
||||
} |
||||
}; |
||||
})(); |
||||
|
||||
|
||||
|
||||
|
||||
@ -1,40 +1,40 @@ |
||||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" |
||||
"http://www.w3.org/TR/html4/loose.dtd"> |
||||
<html> |
||||
<head> |
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> |
||||
<style> |
||||
html,body{ |
||||
height:100%; |
||||
width:100%; |
||||
padding:0; |
||||
margin:0; |
||||
} |
||||
#preview{ |
||||
width:100%; |
||||
height:100%; |
||||
padding:0; |
||||
margin:0; |
||||
} |
||||
#preview *{font-family:sans-serif;font-size:16px;} |
||||
</style> |
||||
<script type="text/javascript" src="../internal.js"></script> |
||||
<script src="../../ueditor.parse.js"></script> |
||||
<title></title> |
||||
</head> |
||||
<body class="view"> |
||||
<div id="preview" style="margin:8px"> |
||||
|
||||
</div> |
||||
</body> |
||||
<script> |
||||
document.getElementById('preview').innerHTML = editor.getContent(); |
||||
uParse('#preview',{ |
||||
rootPath : '../../', |
||||
chartContainerHeight:500 |
||||
}) |
||||
dialog.oncancel = function(){ |
||||
document.getElementById('preview').innerHTML = ''; |
||||
} |
||||
</script> |
||||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" |
||||
"http://www.w3.org/TR/html4/loose.dtd"> |
||||
<html> |
||||
<head> |
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> |
||||
<style> |
||||
html,body{ |
||||
height:100%; |
||||
width:100%; |
||||
padding:0; |
||||
margin:0; |
||||
} |
||||
#preview{ |
||||
width:100%; |
||||
height:100%; |
||||
padding:0; |
||||
margin:0; |
||||
} |
||||
#preview *{font-family:sans-serif;font-size:16px;} |
||||
</style> |
||||
<script type="text/javascript" src="../internal.js"></script> |
||||
<script src="../../ueditor.parse.js"></script> |
||||
<title></title> |
||||
</head> |
||||
<body class="view"> |
||||
<div id="preview" style="margin:8px"> |
||||
|
||||
</div> |
||||
</body> |
||||
<script> |
||||
document.getElementById('preview').innerHTML = editor.getContent(); |
||||
uParse('#preview',{ |
||||
rootPath : '../../', |
||||
chartContainerHeight:500 |
||||
}) |
||||
dialog.oncancel = function(){ |
||||
document.getElementById('preview').innerHTML = ''; |
||||
} |
||||
</script> |
||||
</html> |
||||
@ -1,72 +1,72 @@ |
||||
/*common |
||||
*/ |
||||
body{margin: 0;} |
||||
table{width:100%;} |
||||
table td{padding:2px 4px;vertical-align: middle;} |
||||
a{text-decoration: none;} |
||||
em{font-style: normal;} |
||||
.border_style1{border: 1px solid #ccc;border-radius: 5px;box-shadow:2px 2px 5px #d3d6da;} |
||||
/*module |
||||
*/ |
||||
.main{margin: 8px;overflow: hidden;} |
||||
|
||||
.hot{float:left;height:335px;} |
||||
.drawBoard{position: relative; cursor: crosshair;} |
||||
.brushBorad{position: absolute;left:0;top:0;z-index: 998;} |
||||
.picBoard{border: none;text-align: center;line-height: 300px;cursor: default;} |
||||
.operateBar{margin-top:10px;font-size:12px;text-align: center;} |
||||
.operateBar span{margin-left: 10px;} |
||||
|
||||
.drawToolbar{float:right;width:110px;height:300px;overflow: hidden;} |
||||
.colorBar{margin-top:10px;font-size: 12px;text-align: center;} |
||||
.colorBar a{display:block;width: 10px;height: 10px;border:1px solid #1006F1;border-radius: 3px; box-shadow:2px 2px 5px #d3d6da;opacity: 0.3} |
||||
.sectionBar{margin-top:15px;font-size: 12px;text-align: center;} |
||||
.sectionBar a{display:inline-block;width:10px;height:12px;color: #888;text-indent: -999px;opacity: 0.3} |
||||
.size1{background: url('images/size.png') 1px center no-repeat ;} |
||||
.size2{background: url('images/size.png') -10px center no-repeat;} |
||||
.size3{background: url('images/size.png') -22px center no-repeat;} |
||||
.size4{background: url('images/size.png') -35px center no-repeat;} |
||||
|
||||
.addImgH{position: relative;} |
||||
.addImgH_form{position: absolute;left: 18px;top: -1px;width: 75px;height: 21px;opacity: 0;cursor: pointer;} |
||||
.addImgH_form input{width: 100%;} |
||||
/*scrawl遮罩层 |
||||
*/ |
||||
.maskLayerNull{display: none;} |
||||
.maskLayer{position: absolute;top:0;left:0;width: 100%; height: 100%;opacity: 0.7; |
||||
background-color: #fff;text-align:center;font-weight:bold;line-height:300px;z-index: 1000;} |
||||
/*btn state |
||||
*/ |
||||
.previousStepH .icon{display: inline-block;width:16px;height:16px;background-image: url('images/undoH.png');cursor: pointer;} |
||||
.previousStepH .text{color:#888;cursor:pointer;} |
||||
.previousStep .icon{display: inline-block;width:16px;height:16px;background-image: url('images/undo.png');cursor:default;} |
||||
.previousStep .text{color:#ccc;cursor:default;} |
||||
|
||||
.nextStepH .icon{display: inline-block;width:16px;height:16px;background-image: url('images/redoH.png');cursor: pointer;} |
||||
.nextStepH .text{color:#888;cursor:pointer;} |
||||
.nextStep .icon{display: inline-block;width:16px;height:16px;background-image: url('images/redo.png');cursor:default;} |
||||
.nextStep .text{color:#ccc;cursor:default;} |
||||
|
||||
.clearBoardH .icon{display: inline-block;width:16px;height:16px;background-image: url('images/emptyH.png');cursor: pointer;} |
||||
.clearBoardH .text{color:#888;cursor:pointer;} |
||||
.clearBoard .icon{display: inline-block;width:16px;height:16px;background-image: url('images/empty.png');cursor:default;} |
||||
.clearBoard .text{color:#ccc;cursor:default;} |
||||
|
||||
.scaleBoardH .icon{display: inline-block;width:16px;height:16px;background-image: url('images/scaleH.png');cursor: pointer;} |
||||
.scaleBoardH .text{color:#888;cursor:pointer;} |
||||
.scaleBoard .icon{display: inline-block;width:16px;height:16px;background-image: url('images/scale.png');cursor:default;} |
||||
.scaleBoard .text{color:#ccc;cursor:default;} |
||||
|
||||
.removeImgH .icon{display: inline-block;width:16px;height:16px;background-image: url('images/delimgH.png');cursor: pointer;} |
||||
.removeImgH .text{color:#888;cursor:pointer;} |
||||
.removeImg .icon{display: inline-block;width:16px;height:16px;background-image: url('images/delimg.png');cursor:default;} |
||||
.removeImg .text{color:#ccc;cursor:default;} |
||||
|
||||
.addImgH .icon{vertical-align:top;display: inline-block;width:16px;height:16px;background-image: url('images/addimg.png')} |
||||
.addImgH .text{color:#888;cursor:pointer;} |
||||
/*icon |
||||
*/ |
||||
.brushIcon{display: inline-block;width:16px;height:16px;background-image: url('images/brush.png')} |
||||
.eraserIcon{display: inline-block;width:16px;height:16px;background-image: url('images/eraser.png')} |
||||
|
||||
|
||||
/*common |
||||
*/ |
||||
body{margin: 0;} |
||||
table{width:100%;} |
||||
table td{padding:2px 4px;vertical-align: middle;} |
||||
a{text-decoration: none;} |
||||
em{font-style: normal;} |
||||
.border_style1{border: 1px solid #ccc;border-radius: 5px;box-shadow:2px 2px 5px #d3d6da;} |
||||
/*module |
||||
*/ |
||||
.main{margin: 8px;overflow: hidden;} |
||||
|
||||
.hot{float:left;height:335px;} |
||||
.drawBoard{position: relative; cursor: crosshair;} |
||||
.brushBorad{position: absolute;left:0;top:0;z-index: 998;} |
||||
.picBoard{border: none;text-align: center;line-height: 300px;cursor: default;} |
||||
.operateBar{margin-top:10px;font-size:12px;text-align: center;} |
||||
.operateBar span{margin-left: 10px;} |
||||
|
||||
.drawToolbar{float:right;width:110px;height:300px;overflow: hidden;} |
||||
.colorBar{margin-top:10px;font-size: 12px;text-align: center;} |
||||
.colorBar a{display:block;width: 10px;height: 10px;border:1px solid #1006F1;border-radius: 3px; box-shadow:2px 2px 5px #d3d6da;opacity: 0.3} |
||||
.sectionBar{margin-top:15px;font-size: 12px;text-align: center;} |
||||
.sectionBar a{display:inline-block;width:10px;height:12px;color: #888;text-indent: -999px;opacity: 0.3} |
||||
.size1{background: url('images/size.png') 1px center no-repeat ;} |
||||
.size2{background: url('images/size.png') -10px center no-repeat;} |
||||
.size3{background: url('images/size.png') -22px center no-repeat;} |
||||
.size4{background: url('images/size.png') -35px center no-repeat;} |
||||
|
||||
.addImgH{position: relative;} |
||||
.addImgH_form{position: absolute;left: 18px;top: -1px;width: 75px;height: 21px;opacity: 0;cursor: pointer;} |
||||
.addImgH_form input{width: 100%;} |
||||
/*scrawl遮罩层 |
||||
*/ |
||||
.maskLayerNull{display: none;} |
||||
.maskLayer{position: absolute;top:0;left:0;width: 100%; height: 100%;opacity: 0.7; |
||||
background-color: #fff;text-align:center;font-weight:bold;line-height:300px;z-index: 1000;} |
||||
/*btn state |
||||
*/ |
||||
.previousStepH .icon{display: inline-block;width:16px;height:16px;background-image: url('images/undoH.png');cursor: pointer;} |
||||
.previousStepH .text{color:#888;cursor:pointer;} |
||||
.previousStep .icon{display: inline-block;width:16px;height:16px;background-image: url('images/undo.png');cursor:default;} |
||||
.previousStep .text{color:#ccc;cursor:default;} |
||||
|
||||
.nextStepH .icon{display: inline-block;width:16px;height:16px;background-image: url('images/redoH.png');cursor: pointer;} |
||||
.nextStepH .text{color:#888;cursor:pointer;} |
||||
.nextStep .icon{display: inline-block;width:16px;height:16px;background-image: url('images/redo.png');cursor:default;} |
||||
.nextStep .text{color:#ccc;cursor:default;} |
||||
|
||||
.clearBoardH .icon{display: inline-block;width:16px;height:16px;background-image: url('images/emptyH.png');cursor: pointer;} |
||||
.clearBoardH .text{color:#888;cursor:pointer;} |
||||
.clearBoard .icon{display: inline-block;width:16px;height:16px;background-image: url('images/empty.png');cursor:default;} |
||||
.clearBoard .text{color:#ccc;cursor:default;} |
||||
|
||||
.scaleBoardH .icon{display: inline-block;width:16px;height:16px;background-image: url('images/scaleH.png');cursor: pointer;} |
||||
.scaleBoardH .text{color:#888;cursor:pointer;} |
||||
.scaleBoard .icon{display: inline-block;width:16px;height:16px;background-image: url('images/scale.png');cursor:default;} |
||||
.scaleBoard .text{color:#ccc;cursor:default;} |
||||
|
||||
.removeImgH .icon{display: inline-block;width:16px;height:16px;background-image: url('images/delimgH.png');cursor: pointer;} |
||||
.removeImgH .text{color:#888;cursor:pointer;} |
||||
.removeImg .icon{display: inline-block;width:16px;height:16px;background-image: url('images/delimg.png');cursor:default;} |
||||
.removeImg .text{color:#ccc;cursor:default;} |
||||
|
||||
.addImgH .icon{vertical-align:top;display: inline-block;width:16px;height:16px;background-image: url('images/addimg.png')} |
||||
.addImgH .text{color:#888;cursor:pointer;} |
||||
/*icon |
||||
*/ |
||||
.brushIcon{display: inline-block;width:16px;height:16px;background-image: url('images/brush.png')} |
||||
.eraserIcon{display: inline-block;width:16px;height:16px;background-image: url('images/eraser.png')} |
||||
|
||||
|
||||
|
||||
@ -1,95 +1,95 @@ |
||||
<!DOCTYPE html> |
||||
<html> |
||||
<head> |
||||
<title></title> |
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> |
||||
<meta name="robots" content="noindex, nofollow"/> |
||||
<script type="text/javascript" src="../internal.js"></script> |
||||
<link rel="stylesheet" type="text/css" href="scrawl.css"> |
||||
</head> |
||||
<body> |
||||
<div class="main" id="J_wrap"> |
||||
<div class="hot"> |
||||
<div class="drawBoard border_style1"> |
||||
<canvas id="J_brushBoard" class="brushBorad" width="360" height="300"></canvas> |
||||
<div id="J_picBoard" class="picBoard" style="width: 360px;height: 300px"></div> |
||||
</div> |
||||
<div id="J_operateBar" class="operateBar"> |
||||
<span id="J_previousStep" class="previousStep"> |
||||
<em class="icon"></em> |
||||
<em class="text"><var id="lang_input_previousStep"></var></em> |
||||
</span> |
||||
<span id="J_nextStep" class="nextStep"> |
||||
<em class="icon"></em> |
||||
<em class="text"><var id="lang_input_nextsStep"></var></em> |
||||
</span> |
||||
<span id="J_clearBoard" class="clearBoard"> |
||||
<em class="icon"></em> |
||||
<em class="text"><var id="lang_input_clear"></var></em> |
||||
</span> |
||||
<span id="J_sacleBoard" class="scaleBoard"> |
||||
<em class="icon"></em> |
||||
<em class="text"><var id="lang_input_ScalePic"></var></em> |
||||
</span> |
||||
</div> |
||||
</div> |
||||
<div class="drawToolbar border_style1"> |
||||
<div id="J_colorBar" class="colorBar"></div> |
||||
<div id="J_brushBar" class="sectionBar"> |
||||
<em class="brushIcon"></em> |
||||
<a href="javascript:void(0)" class="size1">1</a> |
||||
<a href="javascript:void(0)" class="size2">3</a> |
||||
<a href="javascript:void(0)" class="size3">5</a> |
||||
<a href="javascript:void(0)" class="size4">7</a> |
||||
</div> |
||||
<div id="J_eraserBar" class="sectionBar"> |
||||
<em class="eraserIcon"></em> |
||||
<a href="javascript:void(0)" class="size1">1</a> |
||||
<a href="javascript:void(0)" class="size2">3</a> |
||||
<a href="javascript:void(0)" class="size3">5</a> |
||||
<a href="javascript:void(0)" class="size4">7</a> |
||||
</div> |
||||
<div class="sectionBar"> |
||||
<div id="J_addImg" class="addImgH"> |
||||
<em class="icon"></em> |
||||
<em class="text"><var id="lang_input_addPic"></var></em> |
||||
<form method="post" id="fileForm" enctype="multipart/form-data" class="addImgH_form" target="up"> |
||||
<input type="file" name="upfile" id="J_imgTxt" |
||||
accept="image/gif,image/jpeg,image/png,image/jpg,image/bmp"/> |
||||
</form> |
||||
<iframe name="up" style="display: none"></iframe> |
||||
</div> |
||||
</div> |
||||
<div class="sectionBar"> |
||||
<span id="J_removeImg" class="removeImg"> |
||||
<em class="icon"></em> |
||||
<em class="text"><var id="lang_input_removePic"></var></em> |
||||
</span> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div id="J_maskLayer" class="maskLayerNull"></div> |
||||
|
||||
<script type="text/javascript" src="scrawl.js"></script> |
||||
<script type="text/javascript"> |
||||
var settings = { |
||||
drawBrushSize:3, //画笔初始大小 |
||||
drawBrushColor:"#4bacc6", //画笔初始颜色 |
||||
colorList:['c00000', 'ff0000', 'ffc000', 'ffff00', '92d050', '00b050', '00b0f0', '0070c0', '002060', '7030a0', 'ffffff', |
||||
'000000', 'eeece1', '1f497d', '4f81bd', 'c0504d', '9bbb59', '8064a2', '4bacc6', 'f79646'], //画笔选择颜色 |
||||
saveNum:10 //撤销次数 |
||||
}; |
||||
|
||||
var scrawlObj = new scrawl( settings ); |
||||
scrawlObj.isCancelScrawl = false; |
||||
|
||||
dialog.onok = function () { |
||||
exec( scrawlObj ); |
||||
return false; |
||||
}; |
||||
dialog.oncancel = function () { |
||||
scrawlObj.isCancelScrawl = true; |
||||
}; |
||||
</script> |
||||
</body> |
||||
<!DOCTYPE html> |
||||
<html> |
||||
<head> |
||||
<title></title> |
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> |
||||
<meta name="robots" content="noindex, nofollow"/> |
||||
<script type="text/javascript" src="../internal.js"></script> |
||||
<link rel="stylesheet" type="text/css" href="scrawl.css"> |
||||
</head> |
||||
<body> |
||||
<div class="main" id="J_wrap"> |
||||
<div class="hot"> |
||||
<div class="drawBoard border_style1"> |
||||
<canvas id="J_brushBoard" class="brushBorad" width="360" height="300"></canvas> |
||||
<div id="J_picBoard" class="picBoard" style="width: 360px;height: 300px"></div> |
||||
</div> |
||||
<div id="J_operateBar" class="operateBar"> |
||||
<span id="J_previousStep" class="previousStep"> |
||||
<em class="icon"></em> |
||||
<em class="text"><var id="lang_input_previousStep"></var></em> |
||||
</span> |
||||
<span id="J_nextStep" class="nextStep"> |
||||
<em class="icon"></em> |
||||
<em class="text"><var id="lang_input_nextsStep"></var></em> |
||||
</span> |
||||
<span id="J_clearBoard" class="clearBoard"> |
||||
<em class="icon"></em> |
||||
<em class="text"><var id="lang_input_clear"></var></em> |
||||
</span> |
||||
<span id="J_sacleBoard" class="scaleBoard"> |
||||
<em class="icon"></em> |
||||
<em class="text"><var id="lang_input_ScalePic"></var></em> |
||||
</span> |
||||
</div> |
||||
</div> |
||||
<div class="drawToolbar border_style1"> |
||||
<div id="J_colorBar" class="colorBar"></div> |
||||
<div id="J_brushBar" class="sectionBar"> |
||||
<em class="brushIcon"></em> |
||||
<a href="javascript:void(0)" class="size1">1</a> |
||||
<a href="javascript:void(0)" class="size2">3</a> |
||||
<a href="javascript:void(0)" class="size3">5</a> |
||||
<a href="javascript:void(0)" class="size4">7</a> |
||||
</div> |
||||
<div id="J_eraserBar" class="sectionBar"> |
||||
<em class="eraserIcon"></em> |
||||
<a href="javascript:void(0)" class="size1">1</a> |
||||
<a href="javascript:void(0)" class="size2">3</a> |
||||
<a href="javascript:void(0)" class="size3">5</a> |
||||
<a href="javascript:void(0)" class="size4">7</a> |
||||
</div> |
||||
<div class="sectionBar"> |
||||
<div id="J_addImg" class="addImgH"> |
||||
<em class="icon"></em> |
||||
<em class="text"><var id="lang_input_addPic"></var></em> |
||||
<form method="post" id="fileForm" enctype="multipart/form-data" class="addImgH_form" target="up"> |
||||
<input type="file" name="upfile" id="J_imgTxt" |
||||
accept="image/gif,image/jpeg,image/png,image/jpg,image/bmp"/> |
||||
</form> |
||||
<iframe name="up" style="display: none"></iframe> |
||||
</div> |
||||
</div> |
||||
<div class="sectionBar"> |
||||
<span id="J_removeImg" class="removeImg"> |
||||
<em class="icon"></em> |
||||
<em class="text"><var id="lang_input_removePic"></var></em> |
||||
</span> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div id="J_maskLayer" class="maskLayerNull"></div> |
||||
|
||||
<script type="text/javascript" src="scrawl.js"></script> |
||||
<script type="text/javascript"> |
||||
var settings = { |
||||
drawBrushSize:3, //画笔初始大小 |
||||
drawBrushColor:"#4bacc6", //画笔初始颜色 |
||||
colorList:['c00000', 'ff0000', 'ffc000', 'ffff00', '92d050', '00b050', '00b0f0', '0070c0', '002060', '7030a0', 'ffffff', |
||||
'000000', 'eeece1', '1f497d', '4f81bd', 'c0504d', '9bbb59', '8064a2', '4bacc6', 'f79646'], //画笔选择颜色 |
||||
saveNum:10 //撤销次数 |
||||
}; |
||||
|
||||
var scrawlObj = new scrawl( settings ); |
||||
scrawlObj.isCancelScrawl = false; |
||||
|
||||
dialog.onok = function () { |
||||
exec( scrawlObj ); |
||||
return false; |
||||
}; |
||||
dialog.oncancel = function () { |
||||
scrawlObj.isCancelScrawl = true; |
||||
}; |
||||
</script> |
||||
</body> |
||||
</html> |
||||
File diff suppressed because it is too large
Load Diff
@ -1,102 +1,102 @@ |
||||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" |
||||
"http://www.w3.org/TR/html4/loose.dtd"> |
||||
<html> |
||||
<head> |
||||
<title></title> |
||||
<meta content="text/html; charset=utf-8" http-equiv="Content-Type"/> |
||||
<script type="text/javascript" src="../internal.js"></script> |
||||
<style type="text/css"> |
||||
.warpper{ position:relative;width: 380px; height: 100%; margin: 10px auto;} |
||||
.tabbody{height: 160px;} |
||||
.tabbody table{width:100%;border-collapse: separate;border-spacing: 3px;} |
||||
.tabbody .panel{width:373px;height:100%;padding-left: 5px;position: absolute;background-color: #fff;} |
||||
.tabbody input.int{ width:190px;height:21px;border:1px solid #d7d7d7;line-height:21px;} |
||||
.tabbody input.btn{padding: 0 5px; text-align:center;line-height:24px; text-decoration: none;height:24px;background:url("../../themes/default/images/dialog-title-bg.png") repeat-x;border:1px solid #ccc; } |
||||
</style> |
||||
</head> |
||||
<body> |
||||
<div class="warpper" id="searchtab"> |
||||
<div id="head" class="tabhead"> |
||||
<span tabsrc="find" class="focus"><var id="lang_tab_search"></var></span> |
||||
<span tabsrc="replace" ><var id="lang_tab_replace"></var></span> |
||||
</div> |
||||
<div class="tabbody"> |
||||
<div class="panel" id="find"> |
||||
<table> |
||||
<tr> |
||||
<td width="80"><var id="lang_search1"></var>: </td> |
||||
<td><input id="findtxt" type="text" class="int" /></td> |
||||
</tr> |
||||
<!--<tr>--> |
||||
|
||||
<!--<td colspan="2"><span style="color:red"><var id="lang_searchReg"></var></span></td>--> |
||||
<!--</tr>--> |
||||
<tr> |
||||
<td><var id="lang_case_sensitive1"></var></td> |
||||
<td> |
||||
<input id="matchCase" type="checkbox" /> |
||||
</td> |
||||
</tr> |
||||
<tr> |
||||
<td colspan="2"> |
||||
<input id="nextFindBtn" type="button" class="btn" /> |
||||
<input id="preFindBtn" type="button" class="btn" /> |
||||
</td> |
||||
</tr> |
||||
<tr> |
||||
<td colspan="2"> |
||||
|
||||
</td> |
||||
</tr> |
||||
<tr> |
||||
<td colspan="2"> |
||||
<span id="search-msg" style="color:red"></span> |
||||
</td> |
||||
</tr> |
||||
</table> |
||||
</div> |
||||
<div class="panel" id="replace"> |
||||
<table> |
||||
<tr> |
||||
<td width="80"><var id="lang_search2"></var>: </td> |
||||
<td><input id="findtxt1" type="text" class="int" /></td> |
||||
</tr> |
||||
<!--<tr>--> |
||||
|
||||
<!--<td colspan="2"><span style="color:red"><var id="lang_searchReg1"></var></span></td>--> |
||||
<!--</tr>--> |
||||
<tr> |
||||
<td><var id="lang_replace"></var>: </td> |
||||
<td><input id="replacetxt" type="text" class="int" /></td> |
||||
</tr> |
||||
<tr> |
||||
<td><var id="lang_case_sensitive2"></var></td> |
||||
<td> |
||||
<input id="matchCase1" type="checkbox" /> |
||||
</td> |
||||
</tr> |
||||
<tr> |
||||
<td colspan="2"> |
||||
<input id="nextReplaceBtn" type="button" class="btn" /> |
||||
<input id="preReplaceBtn" type="button" class="btn" /> |
||||
<input id="repalceBtn" type="button" class="btn" /> |
||||
<input id="repalceAllBtn" type="button" class="btn" /> |
||||
</td> |
||||
</tr> |
||||
<tr> |
||||
<td colspan="2"> |
||||
|
||||
</td> |
||||
</tr> |
||||
<tr> |
||||
<td colspan="2"> |
||||
<span id="replace-msg" style="color:red"></span> |
||||
</td> |
||||
</tr> |
||||
</table> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<script type="text/javascript" src="searchreplace.js"></script> |
||||
</body> |
||||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" |
||||
"http://www.w3.org/TR/html4/loose.dtd"> |
||||
<html> |
||||
<head> |
||||
<title></title> |
||||
<meta content="text/html; charset=utf-8" http-equiv="Content-Type"/> |
||||
<script type="text/javascript" src="../internal.js"></script> |
||||
<style type="text/css"> |
||||
.warpper{ position:relative;width: 380px; height: 100%; margin: 10px auto;} |
||||
.tabbody{height: 160px;} |
||||
.tabbody table{width:100%;border-collapse: separate;border-spacing: 3px;} |
||||
.tabbody .panel{width:373px;height:100%;padding-left: 5px;position: absolute;background-color: #fff;} |
||||
.tabbody input.int{ width:190px;height:21px;border:1px solid #d7d7d7;line-height:21px;} |
||||
.tabbody input.btn{padding: 0 5px; text-align:center;line-height:24px; text-decoration: none;height:24px;background:url("../../themes/default/images/dialog-title-bg.png") repeat-x;border:1px solid #ccc; } |
||||
</style> |
||||
</head> |
||||
<body> |
||||
<div class="warpper" id="searchtab"> |
||||
<div id="head" class="tabhead"> |
||||
<span tabsrc="find" class="focus"><var id="lang_tab_search"></var></span> |
||||
<span tabsrc="replace" ><var id="lang_tab_replace"></var></span> |
||||
</div> |
||||
<div class="tabbody"> |
||||
<div class="panel" id="find"> |
||||
<table> |
||||
<tr> |
||||
<td width="80"><var id="lang_search1"></var>: </td> |
||||
<td><input id="findtxt" type="text" class="int" /></td> |
||||
</tr> |
||||
<!--<tr>--> |
||||
|
||||
<!--<td colspan="2"><span style="color:red"><var id="lang_searchReg"></var></span></td>--> |
||||
<!--</tr>--> |
||||
<tr> |
||||
<td><var id="lang_case_sensitive1"></var></td> |
||||
<td> |
||||
<input id="matchCase" type="checkbox" /> |
||||
</td> |
||||
</tr> |
||||
<tr> |
||||
<td colspan="2"> |
||||
<input id="nextFindBtn" type="button" class="btn" /> |
||||
<input id="preFindBtn" type="button" class="btn" /> |
||||
</td> |
||||
</tr> |
||||
<tr> |
||||
<td colspan="2"> |
||||
|
||||
</td> |
||||
</tr> |
||||
<tr> |
||||
<td colspan="2"> |
||||
<span id="search-msg" style="color:red"></span> |
||||
</td> |
||||
</tr> |
||||
</table> |
||||
</div> |
||||
<div class="panel" id="replace"> |
||||
<table> |
||||
<tr> |
||||
<td width="80"><var id="lang_search2"></var>: </td> |
||||
<td><input id="findtxt1" type="text" class="int" /></td> |
||||
</tr> |
||||
<!--<tr>--> |
||||
|
||||
<!--<td colspan="2"><span style="color:red"><var id="lang_searchReg1"></var></span></td>--> |
||||
<!--</tr>--> |
||||
<tr> |
||||
<td><var id="lang_replace"></var>: </td> |
||||
<td><input id="replacetxt" type="text" class="int" /></td> |
||||
</tr> |
||||
<tr> |
||||
<td><var id="lang_case_sensitive2"></var></td> |
||||
<td> |
||||
<input id="matchCase1" type="checkbox" /> |
||||
</td> |
||||
</tr> |
||||
<tr> |
||||
<td colspan="2"> |
||||
<input id="nextReplaceBtn" type="button" class="btn" /> |
||||
<input id="preReplaceBtn" type="button" class="btn" /> |
||||
<input id="repalceBtn" type="button" class="btn" /> |
||||
<input id="repalceAllBtn" type="button" class="btn" /> |
||||
</td> |
||||
</tr> |
||||
<tr> |
||||
<td colspan="2"> |
||||
|
||||
</td> |
||||
</tr> |
||||
<tr> |
||||
<td colspan="2"> |
||||
<span id="replace-msg" style="color:red"></span> |
||||
</td> |
||||
</tr> |
||||
</table> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<script type="text/javascript" src="searchreplace.js"></script> |
||||
</body> |
||||
</html> |
||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in new issue