2012 年 – 第 3 页

静静的沉默高远

在清冽微凉的秋天

走在这城市的人群中
在不知不觉的一瞬间
又想起你
也许就在这一瞬间
你的笑容依然如晚霞般
在川流不息的时光中
神采飞扬

走不完的路

望不尽的天涯

在燃烧的岁月

是漫长的等待

胸中的激扬

只等踏上长城

夜晚的梦中梦

挥舞的手臂

迎向阳光的脸庞

这是有一段浮躁的心情。

需要静静的沉浸下来。

年轻人的心浮躁是好事情，那说明了你的理想高远和你面对的选择多。不过能在高远的同时沉浸下来做事才是好的。

把所有的自由归还给了我

我会怎么做？

做一切想做的事情

张牙舞爪扑向我的青春

2012年9月7日

有个人名叫木棍

过年的时候教会了爷爷奶奶用电脑，还申请了个QQ号给他们……

昨天偶然瞟到奶奶的QQ上面的状态，瞬间石化了。

“当你不去旅行，不去冒险，不去谈一场恋爱，不过没试过的生活，挂着QQ，刷着微博，逛着淘宝，干着我80岁都能做的事情……你要青春有毛线用。”

一天老妈同事在接待客户，拿着那客户手写的一张单子。

瞅了好久，弱弱地问：“木棍，你叫木棍？”

那客户脸都绿了，回：“我叫林昆！”

然后整个办公室在3秒内一片静寂……

2012年9月4日

不同浏览器不同屏幕分辨率自动调用不同CSS的JavaScript代码

不同浏览器不同屏幕分辨率自动调用不同CSS的代码。既判断浏览器，也判断分辨率。

【转】http://www.smalluv.com/use_javascript_to_automatically_deployment_css.html

<SCRIPT LANGUAGE="JavaScript">
<!–
if (window.navigator.userAgent.indexOf("MSIE")>=1)
{
var IE1024="";
var IE800="";
var IE1152="";
var IEother="";

ScreenWidth(IE1024,IE800,IE1152,IEother)
}else{
if (window.navigator.userAgent.indexOf("Firefox")>=1)
{
//如果浏览器为Firefox
var Firefox1024="";
var Firefox800="";
var Firefox1152="";
var Firefoxother="";

ScreenWidth(Firefox1024,Firefox800,Firefox1152,Firefoxother)
}else{
//如果浏览器为其他
var Other1024="";
var Other800="";
var Other1152="";
var Otherother="";
ScreenWidth(Other1024,Other800,Other1152,Otherother)
}
}

function setActiveStyleSheet(title){
document.getElementsByTagName("link")[0].href="style/"+title;
}
//–>
</SCRIPT>

解释：
var IE1024="";
var IE800="";
var IE1152="";
var IEother="";

引号里面分别填写，用户使用IE的时候并且分辨率为1024*768,800*600,1152*864要使用的css文件名.

var Firefox1024="";
var Firefox800="";
var Firefox1152="";
var Firefoxother="";

引号里面分别填写，用户使用FF的时候并且分辨率为1024*768,800*600,1152*864要使用的css文件名.

var Other1024="";
var Other800="";
var Other1152="";
var Otherother="";

引号里面分别填写，用户使用其他浏览器的时候并且分辨率为1024*768,800*600,1152*864要使用的css文件名.

不判断分辨率，只判断浏览器
程序代码

<SCRIPT LANGUAGE="JavaScript">
<!–
if (window.navigator.userAgent.indexOf("MSIE")>=1)
{
//如果浏览器为IE
setActiveStyleSheet("default.css");
}else{
if (window.navigator.userAgent.indexOf("Firefox")>=1)
{
//如果浏览器为Firefox
setActiveStyleSheet("default2.css");
}else{
//如果浏览器为其他
setActiveStyleSheet("newsky.css");
}
}

function setActiveStyleSheet(title){
document.getElementsByTagName("link")[0].href="style/"+title;
}
//–>
</SCRIPT>

解释：
如果浏览器为IE，则调用default.css
如果浏览器为Firefox，则调用default2.css
如果浏览器为其他，则调用newsky.css

用法：
放在
</head>前面即可。

2012年9月3日

十字水平垂直居中布局，（考察position：absolute，及50%）

问题方式N多，试验了3种

1.两个div

2.三个div

3.五个div

于是深刻理解margin上下左右的移动，为嘛50%了后还要移动及移动的规律，占他本身的二分之一大小。

1.两个div

<!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 http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>十字架</title>
<style type="text/css">
.shu,.heng{ left:50%; top:50%; position:absolute; background:#f00;}
.shu{ width:50px; height:150px; margin-top:-75px; margin-left:-25px;}
.heng{ width:150px; height:50px; margin-left:-75px;margin-top:-25px;}
</style>
</head>
<body>

</body>
</html>

2.三个div

<!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 http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>十字架</title>
<style type="text/css">
.main{ height:150px; width:150px; position:absolute; left:50%; top:50%; margin:-75px 0 0 -75px;border:2px solid #f00;}
.heng{ width:150px; margin-top:50px; height:50px; background:#f00;}
.shu{ width:50px; height:150px; margin-left:50px; background:#f00;margin-top:-100px;}
</style>
</head>

3.五个div

<!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 http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>十字架</title>
<style type="text/css">
.right,.left,.top,.bottom,.middle{ width:50px; height:50px; left:50%;top:50%; background:#f00; position:absolute;}
.right{margin:-25px 0 0 25px;background:#0f0;}
.left{margin:-25px 0 0 -75px;background:#00f;}
.top{margin:-75px 0 0 -25px; background:#f00;}
.middle{margin:-25px 0 0 -25px;background:#000;}
.bottom{margin:25px 0 0 -25px;background:#ff0;}
</style>
</head>

2012年8月30日

[转]JQuery+JQuery ui实现的弹出窗口+遮罩层+拖动+更改大小～！ .

JQuery+JQuery ui实现的弹出窗口+遮罩层+拖动+更改大小～！

<!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 runat="server">
<title>无标题页</title>
<link type="text/css" href="css/ui-lightness/jquery-ui-1.7.2.custom.css" rel="stylesheet" />

</head>
<body>
    <form id="form1" runat="server">
        <div class="demo">
            <div>
                <input type="button" id="btn" value="点我啊" />
                <div>
                    <div id="dialog" title="嘿嘿" style="">
                        <p>
                            你个废物</p>
                    </div>
                </div>
            </div>
        </div>
    </form>
</body>
</html>

需要注意：

1. 不用再button上加onclick方法，把所有的function都加到 $(function(){});里面。

2. 需要引入三个文件，其中两个js，一个css

Jquery ui 的dialog使用概述

概述
一个浮动的窗口，包含标题和内容两部分。可以移动，调整大小，以及关闭图标'×'。
如果内容长度超过了对话框内容区域的显示，则会自动出现滚动条。
除此之外，还有一些常用的选项，如：添加底部按钮栏、模式窗口屏蔽层等。
官方示例地址：http://jqueryui.com/demos/dialog/

·参数（名称 : 参数类型 : 默认值）
autoOpen : Boolean : true
  如果设置为true，则默认页面加载完毕后，就自动弹出对话框；相反则处理hidden状态。
  初始：$('.selector').dialog({ autoOpen: false });
  获取：var autoOpen = $('.selector').dialog('option', 'autoOpen');
  设置：$('.selector').dialog('option', 'autoOpen', false);

bgiframe : Boolean : false
  如果设置为true，则调用bgiframe插件，用于修复在IE6浏览器中无法显示于其它控件（select,flash）之上的问题。
  初始：$('.selector').dialog({ bgiframe: true });
  获取：var bgiframe = $('.selector').dialog('option', 'bgiframe');
  设置：$('.selector').dialog('option', 'bgiframe', true);

buttons : Object : { }
  为对话框添加相应的按钮及处理函数。
  初始：$('.selector').dialog({ buttons: { "Ok": function() { $(this).dialog("close"); } } });
  获取：var buttons = $('.selector').dialog('option', 'buttons');
  设置：$('.selector').dialog('option', 'buttons', { "Ok": function() { $(this).dialog("close"); } });

closeOnEscape : Boolean : true
&n
bsp; 设置当对话框打开的时候，用户按ESC键是否关闭对话框。
  初始：$('.selector').dialog({ closeOnEscape: false });
  获取：var closeOnEscape = $('.selector').dialog('option', 'closeOnEscape');
  设置：$('.selector').dialog('option', 'closeOnEscape', false);

dialogClass : String : ''
  设置指定的类名称，它将显示于对话框的标题处。
  初始：$('.selector').dialog({ dialogClass: 'alert' });
  获取：var dialogClass = $('.selector').dialog('option', 'dialogClass');
  设置：$('.selector').dialog('option', 'dialogClass', 'alert');

draggable : Boolean : true
  如果设置为true，则允许拖动对话框的标题栏移动窗口。
  初始：$('.selector').dialog({ draggable: false });
  获取：var draggable = $('.selector').dialog('option', 'draggable');
  设置：$('.selector').dialog('option', 'draggable', false);

height : Number : 'auto'
  设置对话框的高度（单位：像素）。
  初始：$('.selector').dialog({ height: 530 });
  获取：var height = $('.selector').dialog('option', 'height');
  设置：$('.selector').dialog('option', 'height', 530);

hide : String : null
  使对话框关闭（隐藏），可添加动画效果。
  初始：$('.selector').dialog({ hide: 'slide' });
  获取：var hide = $('.selector').dialog('option', 'hide');
  设置：$('.selector').dialog('option', 'hide', 'slide');

maxHeight : Number : false
  设置对话框的最大高度（单位：像素）。
  初始：$('.selector').dialog({ maxHeight: 400 });
  获取：var maxHeight = $('.selector').dialog('option', 'maxHeight');
  设置：$('.selector').dialog('option', 'maxHeight', 400);

maxWidth : Number : false
  设置对话框的最大宽度（单位：像素）。
  初始：$('.selector').dialog({ maxWidth: 600 });
  获取：var maxWidth = $('.selector').dialog('option', 'maxWidth');
  设置：$('.selector').dialog('option', 'maxWidth', 600);

minHeight : Number : 150
  设置对话框的最小高度（单位：像素）。
  初始：$('.selector').dialog({ minHeight: 300 });
  获取：var minHeight = $('.selector').dialog('option', 'minHeight');
  设置：$('.selector').dialog('option', 'minHeight', 300);

minWidth : Number : 150
  设置对话框的最小宽度（单位：像素）。
  初始：$('.selector').dialog({ minWidth: 400 });
  获取：var minWidth = $('.selector').dialog('option', 'minWidth');
  设置：$('.selector').dialog('option', 'minWidth', 400);

modal : Boolean : false
  是否为模式窗口。如果设置为true，则在页面所有元素之前有个屏蔽层。
  初始：$('.selector').dialog({ modal: true });
  获取：var modal = $('.selector').dialog('option', 'modal');
  设置：$('.selector').dialog('option', 'modal', true);

position : String, Array : 'center'
  设置对话框的初始显示位置。可选值: 'center', 'left', 'right', 'top', 'bottom', 或是一个数组['right','top']
  初始：$('.selector').dialog({ position: 'top' });
  获取：var position = $('.selector').dialog('option', 'position');
  设置：$('.selector').dialog('option', 'position', 'top');

resizable : Boolean : true
  设置对话框是否可以调整大小。
  初始：$('.selector').dialog({ resizable: false });
  获取：var resizable = $('.selector').dialog('option', 'resizable');
  设置：$('.selector').dialog('option', 'resizable', false);

show : String : null
  用于显示对话框。
  初始：$('.selector').dialog({ show: 'slide' });
  获取：var show = $('.selector').dialog('option', 'show');
  设置：$('.selector').dialog('option', 'show', 'slide');

stack : Boolean : true
  设置移动时对话框是否前置于其它的对话框前面。
  初始：$('.selector').di
alog({ stack: false });
  获取：var stack = $('.selector').dialog('option', 'stack');
  设置：$('.selector').dialog('option', 'stack', false);

title : String : ''
  指定对话框的标题，也可以在对话框附加元素的title属性中设置标题。
  初始：$('.selector').dialog({ title: 'Dialog Title' });
  获取：var title = $('.selector').dialog('option', 'title');
  设置：$('.selector').dialog('option', 'title', 'Dialog Title');

width : Number : 300
  设置对话框的宽度（单位：像素）。
  $('.selector').dialog({ width: 460 });
  获取：var width = $('.selector').dialog('option', 'width');
  设置：$('.selector').dialog('option', 'width', 460);

zIndex : Integer : 1000
  设置对话框的zindex值。
  初始：$('.selector').dialog({ zIndex: 3999 });
  获取：var zIndex = $('.selector').dialog('option', 'zIndex');
  设置：$('.selector').dialog('option', 'zIndex', 3999);


·事件
beforeclose : dialogbeforeclose
  当对话框关闭之前，触发此事件。如果返回false，则对话框仍然显示。
  初始：$('.selector').dialog({ beforeclose: function(event, ui) { … } });
  绑定：$('.selector').bind('dialogbeforeclose', function(event, ui) { … });

open : dialogopen
  当对话框打开后，触发此事件。
  初始：$('.selector').dialog({ open: function(event, ui) { … } });
  绑定：$('.selector').bind('dialogopen', function(event, ui) { … });

focus : dialogfocus
  当对话框获取焦点时，触发此事件。
  初始：$('.selector').dialog({ focus: function(event, ui) { … } });
  绑定：$('.selector').bind('dialogfocus', function(event, ui) { … });

dragStart : dragStart
  当开始拖拽对话框移动时，触发此事件。
  初始：$('.selector').dialog({ dragStart: function(event, ui) { … } });
  绑定：$('.selector').bind('dragStart', function(event, ui) { … });

drag : drag
  当拖拽对话框移动时，触发此事件。
  初始：$('.selector').dialog({ drag: function(event, ui) { … } });
  绑定：$('.selector').bind('drag', function(event, ui) { … });

dragStop : dragStop
  当拖拽对话框动作结束时，触发此事件。
  初始：$('.selector').dialog({ dragStop: function(event, ui) { … } });
  绑定：$('.selector').bind('dragStop', function(event, ui) { … });

resizeStart : resizeStart
  当开始改变对话框大小时，触发此事件。
  初始：$('.selector').dialog({ resizeStart: function(event, ui) { … } });
  绑定：$('.selector').bind('resizeStart', function(event, ui) { … });

resize : resize
  当对话框大小改变时，触发此事件。
  初始：$('.selector').dialog({ resize: function(event, ui) { … } });
  绑定：$('.selector').bind('resize', function(event, ui) { … });

resizeStop : resizeStop
  当对话框大小改变结束时，触发此事件。
  初始：$('.selector').dialog({ resizeStop: function(event, ui) { … } });
  绑定：$('.selector').bind('resizeStop', function(event, ui) { … });

close : dialogclose
  当对话框关闭后，触发此事件。
  初始：$('.selector').dialog({ close: function(event, ui) { … } });
  绑定：$('.selector').bind('dialogclose', function(event, ui) { … });


·属性
destroy
  销毁对话框对象。
  用法：.dialog( 'destroy' )

disable
  禁用对话框。
  用法：.dialog( 'disable' )

enable
  启用对话框。
  用法：.dialog( 'enable' )

option
  获取或设置对话框的属性。
  用法：.dialog( 'option' , optionName , [value] )

close
  关闭对话框。

  用法：.dialog( 'close' )

isOpen
  用于判断对话框是否处理打开状态。
  用法：.dialog( 'isOpen' )

moveToTop
  将对话框移至最顶层显示。
  用法：.dialog( 'moveToTop' )

open
  打开对话框。
  用法：.dialog( 'open' )

</head>
<body>
    <form id="form1" runat="server">
    <div class="demo">
        <div>
            <input type="button" id="btn" value="点我啊" />
            <div>
                <div id="dialog" title="嘿嘿">
                    <p>
                        这里是内容！</p>   <asp:TextBox ID="TextBox2" runat="server" ></asp:TextBox>
                </div>
            </div>
        </div>
    </div>
    <input type="button" value="ajax获取" id="btnAjax" />
    <span id="dt"></span>
    <div id="tdiv">
    </div>
    <asp:TextBox ID="TextBox1" runat="server" ></asp:TextBox>
    <div id="loading" style="border: 1px solid #808080; width: 300px; height: 50px; display: none;">
        <p>
            正在加载～</p>
    </div>
    </form>

[WebMethod]
    public static CallbackMessage GetDate(string str)
    {
        CallbackMessage msg = new CallbackMessage();
        msg.IsSuccess = true;
        msg.SuccessMsg = "成功！" + str;
        return msg;
    }

2012年8月29日

使用jquery easyui遇到问题及解决

DOM是一种API（应用编程接口）。简单地说，API就是一组已经得到有关各方共同认可的基本约定。在现实世界中，相当于API的例

子包括：摩尔斯码国际时区化学元素周期表

DOM定义：一个与系统平台和编程语言无关的接口，程序和脚本可以通过这个接口动态地对文档的内帖、结构和样式进行访问和修改

。

解释性程序设计语言不需要编译器。
函数：函数的作用是定义一次但却可以调用多次或执行任意多次的代码。
需要重复执行的东西我们就可以把它写成函数。

1<div class="txt">
      <label for="name">表名:</label>
      <input class="easyui-validatebox" type="text" disabled="true" name="table" >
      </input>
    </div> 禁止修改
2、
<script type="text/javascript">
var task_id = request("task_id");
if(task_id){
    $('#ff').form('load','http://admin.php/Topwords/taskinfo?task_id='+task_id);
}
</script>
修改页面加载原有数据

修改页面，里面的状态
<div class="txt">
      <label for="language">状态:</label>
      <select class="easyui-combobox" name="status" style="width: 140px;"  editable="false" required="true">
        <option value="1">开启</option>
        <option value="0">关闭</option>
      </select>
    </div>

3、状态修改，把数据里面的1 0 变成关闭和开启

================================================
formatter:function (value) {
if(value == 1){
return '开启';
} else {return '关闭';
}
}

单元格的格式化函数，需要三个参数：
value：字段的值。
rowData：行的记录数据。
rowIndex：行的索引。
=====================================================
var status = ['关闭','开启'];
var types = ['定时', '实时'];

columns: [[
                    { field: 'task_id', title: '任务id', width: 80 },
                    { field: 'detail', title: '描述', width: 350 },
                    { field: 'type', title: '类型', width: 150 ,
                        formatter:function (value) {
                            return types[value];
                        }
                    },
                    { field: 'status', title: '状态', width: 60,align:'center',
                        formatter:function (value) {
                            return status[value];
                        }
                    },
                    { field: 'lastrun', title: '上次执行时间', width: 250 },
                    { field: 'nextrun', title: '下次执行时间', width: 250 },
                    { field: 'url', title: '抓取页面的url', width: 150 }

                ]],
=======================================
/搜索/
function qq(value,name){
            alert(value+":"+name)
        };

<input id="ss" class="easyui-searchbox"
            searcher="qq"
            prompt="请输入查询类型" menu="#mm" style="width:300px"></input>

    <div id="mm" style="width:120px">
        <div name="all" iconCls="icon-ok">全部数据</div>
        <div name="keywords">关键词</div>
        <div name="tag_name">标签</div>
        <div name="topwords">热词</div>
    </div>

================================================
确认领取
function receive(){
    var rows = grid.datagrid('getSelections');
    var num = rows.length;
    if (num == 0) {
        Msgslide('请选择一条记录进行操作!'); //$.messager.alert('提示', '请选择一条记录进行操作!', 'info');
        return;
    }
    else if (num &
gt; 1) {
        Msgfade('您选择了多条记录,只能选择一条记录进行修改!'); //$.messager.alert('提示', '您选择了多条记录,只能选

择一条记录进行修改!', 'info');
        return;
    }
    else {
        receiveWin.dialog('open');
        $("#userId").val(rows[0].empid);
        $("#oids").val(rows[0].oid);
        receiveForm.url = '/controler/Order.ashx';
    }
}
=======================================
分页
pageNumber:1
number
当设置了 pagination 特性时，初始化页码。第一页
1

pageSize:30
number
当设置了 pagination 特性时，初始化页码尺寸。每页30条
pageSize:20,

10
                pageSize:20,
                pageNumber:1,
                fit:true,
                fitColumns: true,
                pagination: true,
                    rownumbers: true,
===============================
遗留问题：综合条件组合条件的查询

http://www.jz123.cn/text/0718524.html

多个参数传值
================================================
var params = "param1=value1&param2=values";
或者是var params ={param1:value1,param2:value2};

====================================================
会话超时登录验证禁止访问内页
$(function(){
    $.ajax({
        type: "get",
        dataType: "json",
        url: "http://Public/checkLogin",
        data: "action=profile",
        complete :function(){
        },
        success: function(dat){
            result = $.parseJSON(dat);
            if(result.error == '1000'){
                $.cookie('uid', '');
                $.cookie('username', '');
                alert("请先登录！");
                location = '/login.html';
            }else{
                if(result.error == "1000"){
                    $.cookie('uid', '');
                    $.cookie('username', '');
                    alert("会话超时，请先登录！");
                    location = '/login.html';
                }else{
                    $.cookie('uid',result.uid);
                    $.cookie('username',result.username);
                }
            }
        }
    });
});

————————-
function loaddata1(){//登陆
    $('#login').form('submit',{
        ,
        onSubmit:function(){
            return $(this).form('validate');
        },
        success:function(dat){
            result = $.parseJSON(dat);
            if(result.error == "1"){
                alert("欢迎"+result.username+"回来，登陆成功！");
                location = 'User/index.html';
            }else if(result.error == "1000"){
                alert("没有登录!");
            }else if(result.error == "1001"){
                alert("用户名不能为空!");
            }else if(result.error == "1002"){
                alert("密码不能为空!");
            }else if(result.error == "1003"){
                alert("验证码不能为空!");
            }else if(result.error == "1004"){
                alert("验证码错误!");
            }else if(result.error&n
bsp;== "1005"){
                alert("用户名或密码错误!");
            }
        }
    });
}
=========================================================
var task_id = request("task_id");
function addProduct(){
    $('#ff').form('submit', {
        ,
        onSubmit: function(){
            if(task_id){
                $("#key").val("update");
                $("#task_id").val(task_id);
            }else{
                $("#key").val("add");
            }
            return $(this).form('validate');
        },
        success:function(data){
            eval('data=' + data);
            if (data.error=="1") {
                $.messager.confirm('提示信息', '完成');
            }else{
                $.messager.alert('错误', '修改失败', 'error');
            }
        }
    });
}
===================================
传输值
alert(rows[0].key_words);
        addTab("编辑窗口 – "+rows[0].key_words, "SearchDataTop1.html?task_id="+task_id+'&key_words='+rows

[0].key_words);

取得值
var task_id = request("task_id");
var topwords= request("topwords");

=============================================
function getLocalTime(nS) {
return new Date(parseInt(nS) * 1000).toLocaleString().replace(/年|月/g, "-").replace(/日/g, " ");
}

时间格式转换
{field:'add_time',title:'时间',width:120,
                        formatter:function (value) {
                            return getLocalTime(value);
                        }
                    }

==========================================
var receiveWin;
var receiveForm;

name：用来和后台绑定，

url：异步json从后台的方法中获得json数据，

valueField：选取文字后对应的值

textField：显示的文字

multiple="true"：允许在下拉列表里多选

提交到后台会变成一个名字为mallId的Long型数组，

多选提交值
$('#多选selectid').combotree('getText')

$('#tag_id').combobox('getValues');
==============================================

jquery easyUI combobox赋值

Js代码  1. <input class="easyui-combobox"
2.   id="cc"
3.   name="mallId"
4.   url="${ctx}/record/mallin!getMall.action"
5.   valueField="id"
6.   textField="name"
7.   multiple="true"
8.   panelHeight="auto"
9.   /></td>
<input class="easyui-combobox"
   id="cc"
   name="mallId"
   url="${ctx}/record/mallin!getMall.action"
   valueField="id"
   textField="name"
   multiple="true"
   panelHeight="auto
"
   /></td>

name：用来和后台绑定，

url：异步json从后台的方法中获得json数据，

valueField：选取文字后对应的值

textField：显示的文字

multiple="true"：允许在下拉列表里多选

多选提交到后台会变成一个名字为mallId的Long型数组，

后台返回到前台时，给combobox赋值，代码如下：

导入c标签：<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

Js代码  1.var i = 0;
2.var t = [];
3.<c:forEach items="${mallId}" var="u">
4.  t[i] = ${u};
5.  i++;
6. </c:forEach>
7.$('#cc').combobox('setValues',t);
              var i = 0;
    var t = [];
    <c:forEach items="${mallId}" var="u">
      t[i] = ${u};
      i++;
     </c:forEach>
    $('#cc').combobox('setValues',t); 这是给combobox赋很多值，

赋单个值是用：$('#cc').combobox('setValue',‘1’);

==================================================================
调试总结
出现在所有js反应里面。
出现的是返回的页面，不是data页面get

主要是因为tag_id 写错成了task_id的原因
var tag_id = request("tag_id")

删除
function del() {
    var arr = getSelectedArr();
    if (arr.length > 0) {
        $.messager.confirm('提示信息', '您确认要删除吗?', function (data) {
            if (data) {
                $.ajax({
                    url: 'http://weibo.ayohome.com/admin.php/Data/tagDelete?tag_id='+arr2str(arr),
                    type: 'GET',
                    timeout: 1000,
                    error: function () {
                        $.messager.alert('错误', '删除失败!', 'error');
                    },
                    success: function (data) {
                        eval('data=' + data);
                        if (data.error == "1") {
                            grid.datagrid('reload');
                            grid.datagrid('clearSelections');
                        } else {
                            $.messager.alert('错误', '删除失败!', 'error');
                        }
                    }
                });
            }
        });
    } else {
        Msgshow('请先选择要删除的记录。');
    }
}

function getSelectedArr() {
    var ids = [];
    var rows = grid.datagrid('getSelections');
    for (var i = 0; i < rows.length; i++) {
        ids.push(rows[i].tag_id);
    }
    return ids;
}

function arr2str(arr) {
return arr.join(',');
}
============================

双击弹出窗口

双击跳出tab窗口
onDblClickRow:function(rowIndex, rowData){
var task_id = request("task_id");
addTab("查看窗口 – "+rowData.weibo_username,"SearchDataInfo.html?

task_id="+task_id+"&keywords_id="+rowData.keywords_id,"icon-nav");},

=====================================

/**

* 指定位置显示$.messager.show

* options $.messager.show的options

* param = {left,top,right,bottom}

*/

$.extend($.messager, {

showBySite : function(options,param) {

var site = $.extend( {

left : "",

top : "",

right : 0,

bottom : -document.body.scrollTop

– document.documentEl
ement.scrollTop

}, param || {});

var win = $("body > div .messager-body");

if(win.length<=0)

$.messager.show(options);

win = $("body > div .messager-body");

win.window("window").css( {

left : site.left,

top : site.top,

right : site.right,

zIndex : $.fn.window.defaults.zIndex++,

bottom : site.bottom

});

}

});

使用示例：

view sourceprint?
<a href="#" class="easyui-linkbutton" onclick="showBySite(event)">help</a>
view sourceprint?01 function showBySite(event){

var element = document.elementFromPoint(event.x,event.y);//获取点击对象

$.messager.showBySite({

title:'My Title',

msg:'Message.',

showType:'show'

},{

top : $(element).position().top+$(element).height(),//将$.messager.show的top设置为点击对象之下

left : $(element).position().left,//将$.messager.show的left设置为与点击对象对齐

bottom : ""

});

}

在easyui中的1496行
.window-shadow{
position:absolute;
background:#ddd;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius: 5px;
-moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
filter: progid:DXImageTransform.Microsoft.Blur(pixelRadius=2,MakeShadow=false,ShadowOpacity=0.2);
}
修改样式

=======================

已存在标签选择

2012年8月29日

setTimeout与setInterval区别

http://yulimeander.blog.sohu.com/104279384.html

window对象有两个主要的定时方法，分别是settimeout 和 setinteval　他们的语法基本上相同，但是完成的功能取有区别。

　　settimeout方法是定时程序，也就是在什么时间以后干什么。干完了就拉倒。

　　setinterval方法则是表示间隔一定时间反复执行某操作。

　　如果用settimeout实现setinerval的功能，就需要在执行的程序中再定时调用自己才行。如果要清除计数器需要根据使用的方法不同，调用不同的清除方法：

1.setTimeout(表达式,延时时间)
在执行时,是在载入后延迟指定时间后,去执行一次表达式,记住,次数是一次，setTimeOut 延迟执行一次(只执行一次) 放控制函数内部

例子：setTimeout调用又返回值的函数

<html>
<head>
<title>setTimeout调用又返回值的函数</title>
<script language="javascript" type="text/javascript">
var retValue = "";

    function test()
    {
        return "哈哈哈哈哈";
    }

    function clickButton1()
    {
        var iTimeoutId = setTimeout("retValue = test() ",1000);
    }

    function clickButton2()
    {
        alert(retValue);
    }

</script>
</head>
<body>
    <input type="button" onclick="clickButton1()" value="button1">
    <input type="button" onclick="clickButton2()" value="button2">
</body>
</html>
例子：用setTimeout实现的自动变化显示随机数的效果:

<html>
<head>
<script>
window.onload=sett;
function sett()
{
document.body.innerHTML=Math.random();
setTimeout("sett()",500);
}
</script>
</head>
<body>
</body>
</html>

2.setInterval(表达式,交互时间)
则不一样,它从载入后,每隔指定的时间就执行一次表达式，setInterval 定时执行一次(循环执行) 放控制函数外部

例子：用setInterval实现的自动变化显示随机数的效果:

<html>
<head>
<script>
function sett()
{
document.body.innerHTML=Math.random();
}
setInterval("sett();", 500);
</script>
</script>
</head>
<body>
</body>
</html>
例子：
<html>
<head>
<script language="javascript">
function text(){
this.aa="aaaa";
this.aa="adfadf";
window.obj = this;
this.showMsg=msg;
function msg(){
alert(obj.aa);
setTimeout("obj.showMsg()",1000);
}
}
var text1=new text;
text1.showMsg(text1);
</script>

</head>
<body>
</body>
</html>

停止：
主要是利用
window.clearInterval(intervalID);
window.clearTimeout(timeoutID);
<SCRIPT>
  var   intervalID=0;
  function   f_start(){
  intervalID=window.setInterval("f_add()",500);
  }
  function   f_add(){
  }
  function   f_stop(){
  window.clearInterval(intervalID);
  }
  </SCRIPT>

*********************************

上一篇写了关于setTimeout的东西，想再写点setInterval的, 并且这次写的严谨些。
    Java可发者熟悉对象的wait()方法，可使程序暂停，再继续执行下一行代码前，等待指定的时间量。这种功能非常有用，遗憾的是，JavaScript 未提供相应的支持。但这种功能并非完全不能实现，有几种方法可以采用。
    JavaScript支持暂停和时间间隔，这可有效地告诉浏览器应该何时执行某行代码。所谓暂停，是在指定的毫秒数后执行的代码。时间间隔是反复执行指定的代码，每次执行之间等待指定的毫秒数。
    可以用window对象的setTimeout()方法设置暂停。该方法接受两个参数，要执行的代码和在执行它之前要等待的毫秒数(1/1000秒)。第一个参数可以是代码串(与eval()函数的参数相同)，也可以是函数指针。例如，下面的代码都在1秒钟后显示一条警告：
    setTimeout("alert('Hello World!')",1000);
    setTimeout(function(){ alert('Hello World!'); },1000);
当然，还可以引用以前定义的函数：
    function sayHelloWorld()
    {
        alert("Hello World!");
    }

    setTimeout(sayHelloWorld,1000);
    调用setTimeout()时，它创建一个数字暂停ID，与操作系统中的进程ID相似。暂停ID本质上是要延迟的进程ID，再调用 setTimeout()后，就不应该再执行它的代码。要取消还未执行的暂停，可调用clearTimeout()方法，并将暂停ID传递给它：
    var iTimeoutId = setTimeout("alert('Hello World!')",1000);
    alert(iTimeoutId);
    clearTimeout(iTimeoutId);
其中，iTimeoutId 是一串数字，例如 38734218

    你也许会问：“为什么要定义暂停，又在执行它之前将其取消呢？”请考虑在大多数应用程序中可见的工具提示。当把鼠标移动到一个按钮上时，停留一会，等待出现黄色的文本框，提示该按钮的功能。如果只是短暂的把鼠标该按钮上，然后很快将其移动到另一个按钮上，那么第一个按钮的工具提示就不会显示，这就是要在执行暂停代码前取消它的原因。因为你在执行代码前只想等待指定的时间量。如果用户的操作产生了不同的结果，则要取消该暂停。
    时间间隔与暂停的
运行方式相似，只是它无限此地每隔指定的时间段就重复执行一次指定的代码。可调用setInterval()方法设置时间间隔，它的参数与setTimeout()相同，是要执行的代码和每次执行之间等待的毫秒数。例如：
    setInterval("alert('Hello world!')",1000);
    setInterval(function() { alert("Hello world!"); },1000);

    function sayHelloWorld()
    {
        alert("Hello World!");
    }

    setInterval(sayHelloWorld,1000);
    此外，与setTimeout()类似，setInterval()方法也创建时间间隔ID，以标识要执行的代码。clearInterval()方法可用这个ID阻止再次执行该代码。显然。这一点在使用时间间隔时更重要，因为如果不取消时间间隔，就会一直执行它，直到页面被卸载为止。下面是时间间隔用法的一个常见示例：
    var iNum = 0;
    var iMax = 100;
    var iIntervalId = null;

    function incNum()
    {
        iNum++;

        if(iNum == iMax)
        {
            clearInterval(iIntervalId);
        }
    }

    iIntervalId = setInterval(incNum, 500);
    在这段代码中，每隔500毫秒就对数字iNum进行一次增量运算，直到它达到最大值(iMax), 此时该时间间隔将被清除。也可以用暂停实现该操作，这样即不必跟踪时间间隔的ID，代码如下：
    var iNum = 0;
    var iMax = 100;
    function incNum()
    {
        iNum++;
        if(iNum != iMax)
        {
            setTimeout(incNum,500);
        }
    }

setTimeout(incNum,500);
这段代码使用链接暂停，即setTimeout()执行的代码页调用了setTimeout()。如果在执行过增量运算后，iNum不等于 iMax,就调用setTimeout()方法。不必跟踪暂停ID，也不必清除它，因为代码执行后，将销毁暂停ID。

2012年8月28日

JavaScript时间戳与其格式化转换的方法总结

http://www.nowamagic.net/librarys/veda/detail/399

var day1 = parseInt(new Date().valueOf()/1000);
var day2 = new Date(day1 * 1000);

function getLocalTime(nS) {
return new Date(parseInt(nS) * 1000).toLocaleString().replace(/:d{1,2}$/,' ');
}

function getLocalFormatTime(nS) {
return new Date(parseInt(nS) * 1000).toLocaleString().replace(/年|月/g, "-").replace(/日/g, " ");
}

document.getElementById("btn5").onclick = function(){
alert(day2.getFullYear()+"-"+(day2.getMonth()+1)+"-"+day2.getDate()+" "+day2.getHours()+":"+day2.getMinutes()+":"+day2.getSeconds());
}

function getLocalTime(nS) {
return new Date(parseInt(nS) * 1000).toLocaleString().replace(/:d{1,2}$/,' ');
}

/* 同上面函数 */
function getLocalTimes(nS) {
    return new Date(parseInt(nS) * 1000).toLocaleString().substr(0,17);
}

function getLocalFormatTime(nS) {
return new Date(parseInt(nS) * 1000).toLocaleString().replace(/年|月/g, "-").replace(/日/g, " ");
}

document.getElementById("btn1").onclick = function(){
alert(day1);
}

document.getElementById("btn2").onclick = function(){
alert(day2.toLocaleString());
}

document.getElementById("btn3").onclick = function(){
alert( getLocalTime(day1) );
}

document.getElementById("btn4").onclick = function(){
alert( getLocalFormatTime(day1) );
}

document.getElementById("btn5").onclick = function(){
alert(day2.getFullYear()+"-"+(day2.getMonth()+1)+"-"+day2.getDate()+" "+day2.getHours()+":"+day2.getMinutes()+":"+day2.getSeconds());
}
</script>

2012年8月27日

看了乔治·奥威尔《1984》

首先我说下，我是识字的。但是写完后发布不上去，说里面我有不合适的内容，这真的让我想到了1984里面写的文字重新修改编写，以符合老大哥的意识。这让我想到在大学时期因为关注海峡两岸当时还是马英九大选的时候被封了三天的我的校内。我想现在校内网应该是类似百度了应该不是发布了上去然后被封掉，现在直接提示“抱歉，你发布的内容有不合适的内容请检查”。于是我改了dang变成d就ok了。最后请原谅我用某些字符。也许某些字确实应该消失掉。

为了如此也值得一读《1984》。很好的书。

看了乔治·奥威尔《1984》，开始学会了怀疑。

之前也会怀疑，但是会用小学或者幼年的洗脑来推翻自己的怀疑。

现在，是直接把幼年时期的洗脑经历来推翻。

终于明白了初中那一个高高个子，戴着一副黑框眼镜的男政治老师所说的，“来，我关上教室门跟你们讲讲和课本不一样的政治。别跟其他的人说哦。其实课本上的就是为了考试。你们只需要背下来就行了。”

后来在各种言论（其实某些网站），你会看到各种怀疑，可是他们怀疑的各种没有道理，甚至只是为了怀疑而怀疑，所有的人都上台了，所有的人都需要粉丝，反而坚固了你原有的认知。其实你会明白，有根据的怀疑都被和谐了。

可是，可是今天这个怀疑开始被我自己所坚持了。

一个个体的成长，周围环境的灌输。在你最美好的时期你明明知道保证8个小时的睡眠，然后到一个固定的场所接受必须要接受的知识。不让你有任何的怀疑和论证。告诉你这是真的这就是真的。告诉你这么写就应该是这么写的。

1984让我想到了老妈曾经说过的话，说他们小时候，有的人俩人是夫妻说话在吃饭的时候都不可以悄悄说话，他们有可能吃这一顿饭就被告发了闲谈。各种之间的不信任。他们小伙伴喊着自己外公的名字喊着打倒推翻然后肆意的破坏而不用听课上课。其实那也是一种灌输上课，只不过方式粗暴点。每个人都是躁动不安的。每个人都是歇斯底里。因为分配饭菜的一根咸菜，用筷子。。。

我之前听到都觉得是匪夷所思，那不是我们所经历的。

但是看到乔治奥威尔写的。他是1948年写的，他，真的是一个先知啊呵呵。

改变文字。果然啊。呵呵。不过还好网络真的是个好东西，即便是-大-中-华-局-域-网。无怪乎以前刚有网络时，某些当时-z-f-官员就视其为洪水猛兽。他们的担心是及其有道理的。

利用不断更新出版的新话辞典规定人们只能说什么话。新话是世界上唯一一种词汇量在逐年减少的语言。新话的全部目的就是要缩小思想的范围。

　　d是反性的，因为性本能创造了它自己的天地，非d所能控制，因此必须尽可能加以摧毁。尤其重要的是，性生活的剥夺能够造成歇斯底里，而这是一件很好的事，因为可以把它转化为战争狂热和领袖崇拜。

　　谁能控制过去就控制未来，谁能控制现在就控制过去。篡改历史是一项日常性工作，有专门的机构和人员负责。如果老大哥说过的某句话、d所做的某个预测与后来的事实不符，相关的报纸便会悄悄收回来销毁，经过修改的内容会被重新翻印。报纸的日期没变，但观点变了。要证明老大哥和d曾经犯过错误是不可能的，因为你找不到任何证据。

　　真理部负责修改历史。和平部管战争。友爱部对老百姓严刑拷打。无知即力量。战争即和平。自由即奴役。

=============================================

　　因为发布说我写的具有不适合内容

http://book.douban.com/review/1032275/可以看这个我想引用这个　　

=======================================

其实第三条写的在战国时期，中国就施行了的。《商君书》中就有《农战》《去强》《说民》《壹言》

总有些书籍真的让你深思。当然他们不会出现在语文课本需要你阅读的书籍目录。

现在所表示的。。。。。

引用1984书中的话是

“她认为他们想要剥夺你的快乐，正如你想要避免被逮捕一样，都是很自然的事情。她憎恨d，也用嘴粗鲁的话这么说，但是对于d却没有一般性的批判。对于d的教条，除非与她的生活有关，否则她是没有兴趣。”

“他隐隐约约的捉摸着，年轻的一代中不知道有多少人像他一样，在革命的世界中成长，不知道曾经有其它世界的存在，把d视为如天空一般无法改变的东西，不去挑战它的权威，仅仅加以逃避，犹如兔子躲避着猎狗一般。”

当语文课本中说作者写的一棵树是代表美好新生活向往，辛勤劳动人名对黎明的呼唤，代表对d的感激之情等等等等的时候。我觉得就要坏了。

胡言乱语哉

2012年8月26日

【转】jquery easyui 弹出消息框

<html>

<head>

<!– 导入easyui插件的js和css样式; –>

//右下角弹出框;

function slide(){

jQuery.messager.show({

title:'温馨提示:',

msg:'你好,我是从右下角弹出的窗体!',

timeout:5000,

showType:'slide'

});

}

//弹出框;

function alterInfo(){

jQuery.messager.alert('提示:','你好,我叫弹出框!');

}

//错误弹出框;

function errorInfo(){

jQuery.messager.alert('提示:','你好,我叫错误弹出框!','error');

}

//信息弹出框;

function info(){

jQuery.messager.alert('提示:','你好,我叫信息弹出框!','info');

}

//警告弹出框;

function warning(){

jQuery.messager.alert('提示:','你好,我叫警告弹出框!','warning');

}

//确认弹出框;

function confirmInfo(){

jQuery.messager.confirm('提示:','你确认要删除吗?',function(event){

if(event){

alert('你点击的是'+event);

}else{

alert("你点击的是false");

}

});

}

//可以输入文本的对方框;

function prompt(){

jQuery.messager.prompt('提示:','请输入消息.',function(r){

if(r){

alert("你输入的文本是:"+r);

}

})

}

</script>

</head>

<body>

</body>

</html>

可是怎么能居中显示呢，现在的都是右下角出现显示框

2012年8月24日

年度归档： 2012 年