IT博客-白开心-文章分类-JavaScript

JQuery方法查询

白开心 — Thu, 25 Aug 2011 11:04:00 GMT

摘要: Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--> 1一、核心:$是jquery类的一个别名,$()构造一个jquery对象,jQuery 的核心功能都是通过这个函数实现的。 jQuery中的一切都基于这个函数，... 阅读全文

白开心 2011-08-25 19:04 发表评论

JQUERY的表单异步提交

白开心 — Mon, 14 Sep 2009 03:54:00 GMT

前台表单界面代码：
注意
1.引用JQUERY 类库，
2.screenClass.lock 函数中设置等待 gif 的路径 var imgPath = "Images/WaitProcess.gif";

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="AsynchronousForm.aspx.cs" Inherits="WaitProcess.AsynchronousForm" %>

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>JQUERY 表单异步提交title>

    <script language="javascript" type="text/javascript" src="JQuery.js">script>

    <script type="text/javascript" language="javascript">
    $(document).ready(function()
        {
            $('#myform').submit(function(){
                jQuery.ajax({
                    url: "AsynchronousForm.aspx",   // 提交的页面
                    data: $('#myform').serialize(), // 从表单中获取数据
                    type: "POST",                   // 设置请求类型为"POST"，默认为"GET"
                    beforeSend: function()          // 设置表单提交前方法
                    {
                        new screenClass().lock();
                    },
                    error: function(request) {      // 设置表单提交出错
                        new screenClass().unlock();
                        alert("表单提交出错，请稍候再试");
                    },
                    success: function(data) {
                        new screenClass().unlock(); // 设置表单提交完成使用方法
                    }
                });
                return false;
            });
        });

    var screenClass = function()
    {
        /// 解锁
        this.unlock = function()
        {
            var divLock = document.getElementById("divLock");
            if(divLock == null) return;
            document.body.removeChild(divLock);
        };

        /// 锁屏
        this.lock = function()
        {
            var sWidth,sHeight;
            var imgPath = "Images/WaitProcess.gif";
            sWidth  = screen.width - 20;
            sHeight = screen.height- 170;

            var bgObj=document.createElement("div");
            bgObj.setAttribute("id","divLock");
            bgObj.style.position="absolute";
            bgObj.style.top="0";
            bgObj.style.background="#cccccc";
            bgObj.style.filter="progid:DXImageTransform.Microsoft.Alpha(style=3,opacity=25,finishOpacity=75";
            bgObj.style.opacity="0.6";
            bgObj.style.left="0";
            bgObj.style.width=sWidth + "px";
            bgObj.style.height=sHeight + "px";
            bgObj.style.zIndex = "100";
            document.body.appendChild(bgObj);
            var html = ""0\" width=\""+sWidth+"\" height=\""+sHeight+"\">"middle\" align=\"center\">""+imgPath+"\">";
            bgObj.innerHTML = html;
            // 解锁
            bgObj.onclick = function()
            {
                 //new screenClass().unlock();
            }
        };
    }
    script>
head>

<body>
    <form id="myform" runat="server">
    <div>
        姓名：<asp:TextBox ID="txtUsername" runat="server">asp:TextBox><br />
        年龄：<asp:TextBox ID="txtAge" runat="server">asp:TextBox><br />
        备注：<asp:TextBox ID="txtDescription" runat="server" TextMode="MultiLine" Rows="6" Columns="60">asp:TextBox><br />
        候时：<asp:TextBox ID="txtWaitTime" runat="server" Text="2000">asp:TextBox><br />
        <asp:Button ID="btnSubmit" runat="server" Text="Submit"/>
    div>
    form>
body>
html>

后台表单代码：

using System;
using System.Collections;
using System.Configuration;
using System.Data;
using System.Linq;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.HtmlControls;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Xml.Linq;
using System.Threading;

namespace WaitProcess
{
    public partial class AsynchronousForm : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
            int waitTime = 0;
            if (Page.IsPostBack)
            {
                // 表单数据读写操作
                if(!int.TryParse(this.txtWaitTime.Text.Trim(),out waitTime)) waitTime = 2000;
                Thread.Sleep(waitTime);
            }
        }
    }
}

白开心 2009-09-14 11:54 发表评论

JS数字金额转换为中文

白开心 — Fri, 04 Sep 2009 03:54:00 GMT

摘要: Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--> 数字金额转换为中文(Javascript版... <a href='http://www.cnitblog.com/hj627/articles/61228.html'>阅读全文</a><br><br><div align=right><a style="text-decoration:none;" href="http://www.cnitblog.com/hj627/" target="_blank">白开心</a> 2009-09-04 11:54 <a href="http://www.cnitblog.com/hj627/articles/61228.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div> </article> <article> <h1>JS五子棋</h1> <p>白开心 — Thu, 03 Sep 2009 06:27:00 GMT</p> 摘要: Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--><html><head runat="server"> <title>五子棋&nbs... 阅读全文

白开心 2009-09-03 14:27 发表评论

XMLHTTP

白开心 — Fri, 08 May 2009 08:09:00 GMT

摘要: 表单界面 Default.htm Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/-->阅读全文

白开心 2009-05-08 16:09 发表评论

JS函数和一些方法

白开心 — Thu, 30 Oct 2008 03:33:00 GMT

摘要: 1 2 3JS函数 4 5 ... 阅读全文

白开心 2008-10-30 11:33 发表评论

JS拖动(收藏)

白开心 — Mon, 13 Oct 2008 08:17:00 GMT

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

level1

level2

level3

白开心 2008-10-13 16:17 发表评论

JS 访问 WebServices

白开心 — Tue, 09 Sep 2008 07:11:00 GMT

1<%@ Page Language="C#" AutoEventWireup="true" Codebehind="Default.aspx.cs" Inherits="JsWebService._Default" %>
2
3<%@ Register Assembly="System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"
4    Namespace="System.Web.UI" TagPrefix="asp" %>
5DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
6<html xmlns="http://www.w3.org/1999/xhtml">
7<head runat="server">
8    <title>JS访问Web Services示例title>
9head>
10<body>
11    <form id="form1" runat="server">
12        1.添加 System.Web.Extensions 引用。
13        <br />
14        <br />
15        2.Config 文件配置，在 system.web 节点下添加 <httpHandlers> <remove verb="*" path="*.asmx"/> <add verb="*"
16        path="*.asmx" validate="false" type="System.Web.Script.Services.ScriptHandlerFactory,
17        System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"/>
18        <add verb="GET,HEAD" path="ScriptResource.axd" type="System.Web.Handlers.ScriptResourceHandler,
19        System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"
20        validate="false"/> </httpHandlers>
21        <br />
22        <br />
23        3. 添加 Web Services 文件,在类名前加上定制特性 [ScriptService]。
24        <br />
25        <br />
26        4. 在 Web 页面添加 <%@ Register Assembly="System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"
27    Namespace="System.Web.UI" TagPrefix="asp" %>。
28        5. 在 Web 页面添加 <asp:ScriptManager ID="ScriptManager2" runat="server">
29            <Services>
30                <asp:ServiceReference Path="MyServices.asmx" InlineScript="true"></asp:ServiceReference>
31            </Services>
32        </asp:ScriptManager>
33        <br />
34        <br />
35        6. JS 调用方法为命名空间.类名.方法名(参数1,参数2,回调方法)。
36        <br />
37        <br />
38        7. 如果显示错误为需要添加 ScriptService 或者命名空间未定义，则检查 [ScriptService] 是否添加上，或者是否是 System.Web.Extensions.ScriptService 的正确引用。
39        <br />
40        <br />
41
42
43        <asp:ScriptManager ID="ScriptManager1" runat="server">
44            <Services>
45                <asp:ServiceReference Path="MyServices.asmx" InlineScript="true">asp:ServiceReference>
46            Services>
47        asp:ScriptManager>
48        <div>
49            <input type="button" id="btHello" value="Hello" onclick="hello();" /><br />
50            <input type="text" id="txtA" value="" />+
51            <input type="text" id="txtB" value="" />=
52            <input type="text" id="txtSum" value="" />
53            <input type="button" id="btSum" value="求和" onclick="getSum();" /><br />
54        div>
55    form>
56
57    <script language="javascript">
58         function backMethod(obj)
59         {
60            document.getElementById("txtSum").value = obj;
61         }
62
63         function hello()
64         {
65            JsWebService.MyServices.HelloWorld(backMethod);
66         }
67
68         function getSum()
69         {
70            var a,b;
71            a = document.getElementById("txtA").value;
72            b = document.getElementById("txtB").value;
73            JsWebService.MyServices.GetSum(a,b,backMethod);
74         }
75    script>
76
77body>
78html>
79

白开心 2008-09-09 15:11 发表评论

JS扫雷游戏

白开心 — Thu, 04 Sep 2008 09:07:00 GMT

摘要: 1 2 3 4 5 var clickTime&nbs... 阅读全文

白开心 2008-09-04 17:07 发表评论

JS操作Xml的相关方法

白开心 — Sat, 28 Jun 2008 13:47:00 GMT

摘要: 1 2 3 Javascript 操作 XML 示例 4 5 &... 阅读全文

白开心 2008-06-28 21:47 发表评论

JS应用(文本框输入出现自动提示框和右键菜单)

白开心 — Fri, 22 Feb 2008 04:17:00 GMT

摘要: 1<%@ Control Language="C#" AutoEventWireup="true" CodeFile="AutoComplete.ascx.cs" Inherits="AutoComplete" %> 2阅读全文

白开心 2008-02-22 12:17 发表评论

关于弹出窗口

白开心 — Wed, 21 Nov 2007 16:22:00 GMT

parent.html

***************************************************
Open1.htm

1.下面是取消客户端缓存的:

<meta http-equiv="Expires" CONTENT="0">

<meta http-equiv="Cache-Control" CONTENT="no-cache">

<meta http-equiv="Pragma" CONTENT="no-cache">

4.在子窗口中若要提交页面的话要加入:,这样就不会打开新窗口了.

<head>

<base target="_self">

</HEAD>

</HtmlEncode>

白开心 2007-11-22 00:22 发表评论

Html网页导入Word文档和Excel文档(收藏)

白开心 — Thu, 06 Jul 2006 02:30:00 GMT

//导入Word文档
function tableToWord()
{
  var oWD = new ActiveXObject("Word.Application");
  var oDC = oWD.Documents.Add("",0,1);
  var oRange =oDC.Range(0,1);
  var sel = document.body.createTextRange();
  sel.moveToElementText(theObjTable);
  sel.select();
  sel.execCommand("Copy");
  oRange.Paste();
  oWD.Application.Visible = true;
  }

//导入Excel文档
function tableToExcel()
{
window.clipboardData.setData("Text",document.all('theObjTable').outerHTML);
try
{
var ExApp = new ActiveXObject("Excel.Application")
var ExWBk = ExApp.workbooks.add()
var ExWSh = ExWBk.worksheets(1)
ExApp.DisplayAlerts = false
ExApp.visible = true
}
catch(e)
{
alert("您的电脑没有安装Microsoft Excel软件！")
return false
}
  ExWBk.worksheets(1).Paste;
}

function createWord()
{
var oWD = new ActiveXObject("Word.Application");
var oDC = oWD.Documents.Add("",0,1);
oWD.Application.Visible = true;

var rngCurrent = oWD.Application.ActiveDocument.Content;
    var tabCurrent = oWD.Application.ActiveDocument.Tables.Add(rngCurrent,20,4);

for(i=1;i<20;i++)
{
  oWD.Application.ActiveDocument.Tables(1).Rows(i).Borders.Enable = true;
  oWD.Application.ActiveDocument.Tables(1).Rows(i).Cells(1).Range.InsertAfter("a");
  oWD.Application.ActiveDocument.Tables(1).Rows(i).Cells(2).Range.InsertAfter("b");
  oWD.Application.ActiveDocument.Tables(1).Rows(i).Cells(3).Range.InsertAfter("c");
  oWD.Application.ActiveDocument.Tables(1).Rows(i).Cells(4).Range.InsertAfter("d");
}
}

白开心 2006-07-06 10:30 发表评论

拼图游戏(javascript)(05_5)

白开心 — Sun, 11 Dec 2005 14:28:00 GMT

摘要: 阅读全文

白开心 2005-12-11 22:28 发表评论