<![CDATA[Flywe 技术园 - JavaScript]]> http://www.flywe.net/ PJBlog3 2009-10-17T15:01:09+08:00 <![CDATA[留言本过滤非法字符Js脚本]]> flywe http://www.flywe.net/ fly_boy23@163.com 2009-10-17T15:01:09+08:00 2009-10-17T15:01:09+08:00
      Html：
      
程序代码 程序代码
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>留言本过滤非法字符Js脚本 - Flywe 技术园 </title>
</head>
<body>
    <form id="form1" runat="server">
        <asp:TextBox ID="TextBox1" runat="server" Width="298px" TextMode="multiLine"> </asp:TextBox>
        <asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="Button" />
    </form>
</body>
</html>


      后台：
      
程序代码 程序代码
public static string SqlInsertEncode(string strFromText)
    {
        if (!System.String.IsNullOrEmpty(strFromText) && strFromText != "")
        {
            //strFromText = strFromText.Replace(";", ";");
            strFromText = strFromText.Replace("!", "!");
            //strFromText = strFromText.Replace("@", "@");
            strFromText = strFromText.Replace("$", "$");
            strFromText = strFromText.Replace("*", "*");
            strFromText = strFromText.Replace("(", "(");
            strFromText = strFromText.Replace(")", ")");
            strFromText = strFromText.Replace("-", "-");
            strFromText = strFromText.Replace("+", "+");
            //strFromText = strFromText.Replace("=", "=");
            strFromText = strFromText.Replace("|", "|");
            strFromText = strFromText.Replace("\\", "\");
            //strFromText = strFromText.Replace("/", "/");
            //strFromText = strFromText.Replace(":", ":");
            strFromText = strFromText.Replace("\"", """);
            strFromText = strFromText.Replace("'", "'");
            strFromText = strFromText.Replace(" <", "<");
            strFromText = strFromText.Replace(" ", " ");
            strFromText = strFromText.Replace(">", ">");
            strFromText = strFromText.Replace(" ", " ");
            strFromText = strFromText.Replace("\n", " <br />");
        }
        return strFromText;
    }
    protected void Button1_Click(object sender, EventArgs e)
    {
        Response.Write(SqlInsertEncode(TextBox1.Text));
    }
]]> http://www.flywe.net/default.asp?id=891 <![CDATA[用JS来操作Cookie的一个简单例子]]> flywe http://www.flywe.net/ fly_boy23@163.com 2009-09-25T15:20:18+08:00 2009-09-25T15:20:18+08:00 服务器资源，存储在客户端的电脑里，可这样也有一定的危险性，因为相关信息比如说登录某个网站的用户名和密码之类的信息，都会存在客户端的电脑里，这样会被某些“有心之人”利用，所以，有些人习惯在公共场合使用完电脑后清掉Cookie信息，当然前提是此电脑未“养马”，不过本文讨论文的问题不是Cookie的安全问题，而是一个简单的利用js来操作Cookie的例子，一起看看吧。。。

程序代码 程序代码
<script type="text/javascript">　
function Set(Cookie_name)　　
{　　
　var Then = new Date()　　
　Then.setTime(Then.getTime() + 1*3600000 ) //小时　　
　document.cookie = Cookie_name+"=true;expires="+ Then.toGMTString()　　
}　　
function Get(Cookie_name)　　
{　　
　var cookieString = new String(document.cookie)　　
　var cookieHeader = Cookie_name+"="　　
　var beginPosition = cookieString.indexOf(cookieHeader)　　
　if (beginPosition != -1) //cookie已经设置值，应该 不显示提示框　　
　{　　
　　 alert(Cookie_name+"返回"+cookieString.substring(beginPosition + cookieHeader.length));　　
　}　　
　else　//cookie没有设置值，应该显示提示框　　
　{　　
　 alert("Cookie 未找到!");　　
　}　　
}　　
function Move(Cookie_name)　　
{　　
　document.cookie = Cookie_name+"=;expires=Fri, 02-Jan-1970 00:00:00 GMT";　　
}　　
</script>　
<P><INPUT onclick="Set('steven lu')" type=button value=设置cookie值></P>　
<P><INPUT onclick="Get('steven lu')" type=button value=查看cookie值></P>　
<INPUT onclick="Move('steven lu')" type=button value=清除cookie值>
]]> http://www.flywe.net/default.asp?id=887 <![CDATA[利用JS接收URL参数]]> flywe http://www.flywe.net/ fly_boy23@163.com 2009-09-24T16:21:12+08:00 2009-09-24T16:21:12+08:00 js来接收Url参数呢？当然可以！

      让我们来看看下面这段代码：
程序代码 程序代码
function request(paras){
var url = location.href;  
var paraString = url.substring(url.indexOf("?")+1,url.length).split("&");  
var paraObj = {}  
for (i=0; j=paraString[i]; i++){  
paraObj[j.substring(0,j.indexOf("=")).toLowerCase()] = j.substring(j.indexOf
("=")+1,j.length);  
}  
var returnValue = paraObj[paras.toLowerCase()];  
if(typeof(returnValue)=="undefined"){  
return "";  
}else{  
return returnValue;  
}  
}
var theurl
theurl=request("url");
if (theurl!=''){
location=theurl
}


      通过上面这段代码就可以接收到Url参数了。]]> http://www.flywe.net/default.asp?id=886 <![CDATA[非jQuery实现四个不同方向的滑动门效果]]> flywe http://www.flywe.net/ fly_boy23@163.com 2009-09-18T18:03:52+08:00 2009-09-18T18:03:52+08:00
      

      非jQuery实现四个不同方向的滑动门效果------在线效果演示

      非jQuery实现四个不同方向的滑动门效果------源码下载]]> http://www.flywe.net/default.asp?id=884 <![CDATA[jQuery实现内容隐藏式留言显示方式]]> flywe http://www.flywe.net/ fly_boy23@163.com 2009-09-17T15:16:41+08:00 2009-09-17T15:16:41+08:00
      

      主要实现的js代码如下：

程序代码 程序代码
<script type="text/javascript">
$(document).ready(function(){
    
    $(".accordion2 h3").slice(0, 3).addClass("active");
    $(".accordion2 p").slice(0, 3).show();

    $(".accordion2 h3").click(function(){
        $(this).next("p").slideToggle("slow")
        .siblings("p:visible").slideUp("slow");
        $(this).toggleClass("active");
        $(this).siblings("h3").removeClass("active");
    });

});
</script>


      主要功能实现是通过上面的js代码，当然之前要调用jQuery的库文件，初始显示条数可以通过代码中红色部分来调整，现在是展开显示3条，如果全部关闭，可以把3改成0，如果要展开1条，可以把3改成1，以此类推。

      jQuery实现内容隐藏式留言显示方式------在线效果演示

      jQuery实现内容隐藏式留言显示方式------源码下载]]> http://www.flywe.net/default.asp?id=883 <![CDATA[通过JS来验证表单项不能为空]]> flywe http://www.flywe.net/ fly_boy23@163.com 2009-09-11T17:57:06+08:00 2009-09-11T17:57:06+08:00 数据库，有很多又是必填项，以往的做法是通过程序来进行表单项为空的判断，相对而言，这样有些占用资源，那么有没有办法通过js来实现这一功能呢？一起来看看这段代码吧！

程序代码 程序代码
<script  type="text/javascript">
<!--
function  CheckForm()
{  
if  (document.form.name.value.length  ==  0)  {  
alert("请输入姓名!");
document.form.name.focus();
return  false;
}
return  true;
}
-->
</script>


      通过这段代码就可以进行表单项不能为空的一个判断，比较常用的一个js。]]> http://www.flywe.net/default.asp?id=878 <![CDATA[jQuery帮助之选择器 表单对象属性 selected]]> flywe http://www.flywe.net/ fly_boy23@163.com 2009-09-10T15:00:16+08:00 2009-09-10T15:00:16+08:00 :selected

      匹配所有选中的option元素。

      返回值：Array<Element>

      示例：
      查找所有选中的选项元素。
      HTML 代码:
      
程序代码 程序代码
<select>
  <option value="1">Flowers</option>
  <option value="2" selected="selected">Gardens</option>
  <option value="3">Trees</option>
</select>


      jQuery 代码:
      
程序代码 程序代码
$("select option:selected")


      结果:
      
程序代码 程序代码
<option value="2" selected="selected">Gardens</option>
]]> http://www.flywe.net/default.asp?id=877 <![CDATA[jQuery帮助之选择器 表单对象属性 enabled]]> flywe http://www.flywe.net/ fly_boy23@163.com 2009-09-09T14:34:00+08:00 2009-09-09T14:34:00+08:00 :enabled

      匹配所有可用元素。

      返回值：Array<Element>

      示例：
      查找所有可用的input元素。
      HTML 代码:
      
程序代码 程序代码
<form>
  <input name="email" disabled="disabled" />
  <input name="id" />
</form>


      jQuery 代码:
      
程序代码 程序代码
$("input:enabled")


      结果:
      
程序代码 程序代码
<input name="id" />
]]> http://www.flywe.net/default.asp?id=876 <![CDATA[jQuery帮助之选择器 表单对象属性 disabled]]> flywe http://www.flywe.net/ fly_boy23@163.com 2009-09-09T14:31:39+08:00 2009-09-09T14:31:39+08:00 :disabled

      匹配所有不可用元素。

      返回值：Array<Element>

      示例：
      查找所有不可用的input元素。
      HTML 代码:
      
程序代码 程序代码
<form>
  <input name="email" disabled="disabled" />
  <input name="id" />
</form>


      jQuery 代码:
      
程序代码 程序代码
$("input:disabled")


      结果:
      
程序代码 程序代码
<input name="email" disabled="disabled" />
]]> http://www.flywe.net/default.asp?id=875 <![CDATA[jQuery帮助之选择器 表单对象属性 checked]]> flywe http://www.flywe.net/ fly_boy23@163.com 2009-09-08T15:28:54+08:00 2009-09-08T15:28:54+08:00 :checked

      匹配所有选中的被选中元素(复选框、单选框等，不包括select中的option)。

      返回值：Array<Element>

      示例：
      查找所有选中的复选框元素。
      HTML 代码:
      
程序代码 程序代码
<form>
  <input type="checkbox" name="newsletter" checked="checked" value="Daily" />
  <input type="checkbox" name="newsletter" value="Weekly" />
  <input type="checkbox" name="newsletter" checked="checked" value="Monthly" />
</form>


      jQuery 代码:
      
程序代码 程序代码
$("input:checked")


      结果:
      
程序代码 程序代码
<input type="checkbox" name="newsletter" checked="checked" value="Daily" />, <input type="checkbox" name="newsletter" checked="checked" value="Monthly" />
]]> http://www.flywe.net/default.asp?id=874