??xml version="1.0" encoding="utf-8" standalone="yes"?>欧美一级黄色大片,色综合老司机第九色激情,亚洲欧美影院http://www.aygfsteel.com/rain1102/category/37643.html<br/><font color="green" style="font-family: 华文行楷;font-size:16px;">化学l构搜烦(ch)Q化学信息学Q生物信息学Q实验室信息学等 ?lt;/font><br/><font color="#3C1435">以高U技的生物、化学信息技术实现生命科学领域中专业数据的计和理、提高研发能力、增强在U研和成本效率方面的国际竞争力,为生物、化学、医药和学术机构提供一的解决Ҏ(gu)和技术咨询?lt;/font><br/> <br/><font color="green" style="font-family: 华文行楷;font-size:16px;">子曰Q危邦不入,乱邦不居。天下有道则见,无道则隐?lt;/font><font color="#3C1435"></font><br/> zh-cnThu, 19 May 2011 12:04:00 GMTThu, 19 May 2011 12:04:00 GMT6010 Oven Fresh jQuery Pluginshttp://www.aygfsteel.com/rain1102/archive/2011/05/19/350626.html周锐周锐Thu, 19 May 2011 09:43:00 GMThttp://www.aygfsteel.com/rain1102/archive/2011/05/19/350626.htmlhttp://www.aygfsteel.com/rain1102/comments/350626.htmlhttp://www.aygfsteel.com/rain1102/archive/2011/05/19/350626.html#Feedback0http://www.aygfsteel.com/rain1102/comments/commentRss/350626.htmlhttp://www.aygfsteel.com/rain1102/services/trackbacks/350626.html10 Fresh jQuery plugins (April-May 2011)

This is fresh collection of new jQuery plugins. 10 great solutions: new slider, image gallery, movie, map and many other useful things. Many of the plugins have been created recently in 2011. Download, customize and use its in your projects.


1. bxSlider

This plugin is content slider and image slideshow. Where you can slide between slides using horizontal, vertical and fade transitions. Also you can have navigation controls, custom behavior (this plugin have very many options). Online demo available here
bxSlider plugin

2. Awkward Showcase

Using this plugin you can easy slide betweeb slides with any content (Content Slider). Allow to embed quite any content inside slides: text, images, video, tooltips etc. Also can enable thumbnails and more. Online demo available here
Awkward Showcase plugin

3. Waypoints

Using this plugin you can easy perform necessary actions when you scroll to desired element. Online demo available here
Waypoints plugin

4. jsMovie

This plugin will allow you to play image sequences. So result will similar real video (it looks like GIF – animation too). Online demo available same page.
jsMovie plugin

5. A simple accordion menu

Another one UL-LI navigation menu. Online demo available here
A simple accordion menu

6. Ascensor

Interesting plugin, some kind of navigation system between pages, plus give feeling what you walking through rooms of maze :) Online demo available here
Ascensor plugin

7. jVectorMap

This plugin show us vector world map (and they promising to add more maps in future). Online demo available here
jVectorMap plugin
There is a very serious mistake in picture, Taiwan is a part of China!

8. League of Legends

Nice looking plugin for webmasters who dreaming to build own game (RPG) website. Online demo available here
League of Legends plugin

9. Kaiten browser

This pluging giving us few navigation modes for web applications. Online demo available here
Kaiten browser plugin

10. Chrome Style jQuery Image Gallery

Great looking image gallery with autoplay, descriptions and more.
Chrome Style jQuery Image Gallery plugin


Conclusion

Hope that our review of fresh jquery plugins was very interesting. Good luck!



周锐 2011-05-19 17:43 发表评论
]]>
ExtJS的xtype列表http://www.aygfsteel.com/rain1102/archive/2009/11/20/303005.html周锐周锐Fri, 20 Nov 2009 01:04:00 GMThttp://www.aygfsteel.com/rain1102/archive/2009/11/20/303005.htmlhttp://www.aygfsteel.com/rain1102/comments/303005.htmlhttp://www.aygfsteel.com/rain1102/archive/2009/11/20/303005.html#Feedback0http://www.aygfsteel.com/rain1102/comments/commentRss/303005.htmlhttp://www.aygfsteel.com/rain1102/services/trackbacks/303005.html原文地址Qhttp://www.aygfsteel.com/sealyu/archive/2009/11/18/302849.html

xtype                  Class            

基本lgQ?/strong>                                                                 

box                    Ext.BoxComponent                      hҎ(gu)属性的lg

button                Ext.Button                                      按钮

colorpalette      Ext.ColorPalette                            调色?/p>

component       Ext.Component                            lg

container          Ext.Container                                容器

cycle                 Ext.CycleButton

dataview          Ext.DataView                                数据昄视图

datepicker       Ext.DatePicker                              日期选择面板

editor                Ext.Editor                                       ~辑?/p>

editorgrid         Ext.grid.EditorGridPanel              可编辑的表格

grid                   Ext.grid.GridPanel                         表格

paging              Ext.PagingToolbar                         工具栏中的间?/p>

panel                Ext.Panel                                        面板

progress          Ext.ProgressBar                            q度?/p>

splitbutton        Ext.SplitButton                               可分裂的按钮

tabpanel           Ext.TabPanel                                 选项面板

treepanel         Ext.tree.TreePanel                         ?/p>

viewport           Ext.ViewPort                                  视图

window             Ext.Window                                   H口

工具栏组Ӟ(x)

toolbar              Ext.Toolbar                                    工具?/p>

tbbutton            Ext.Toolbar.Button                         按钮

tbfill                   Ext.Toolbar.Fill                               文g

tbitem               Ext.Toolbar.Item                            工具条项?/p>

tbseparator      Ext.Toolbar.Separator                  工具栏分隔符

tbspacer          Ext.Toolbar.Spacer                       工具栏空?/p>

tbsplit               Ext.Toolbar.SplitButton                 工具栏分隔按?/p>

tbtext                Ext.Toolbar.TextItem                     工具栏文本项

表单?qing)字D늻Ӟ(x)

form                  Ext.FormPanel Form                     面板

checkbox         Ext.form.Checkbox checkbox       录入?/p>

combo             Ext.form.ComboBox combo         选择?/p>

datefield          Ext.form.DateField                        日期选择?/p>

field                  Ext.form.Field                                 表单字段

fieldset            Ext.form.FieldSet                           表单字段l?/p>

hidden             Ext.form.Hidden                             表单隐藏?/p>

htmleditor        Ext.form.HtmlEditor html               ~辑?/p>

numberfield     Ext.form.NumberField                   数字~辑?/p>

radio                Ext.form.Radio                               单选按?/p>

textarea           Ext.form.TextArea                          区域文本?/p>

textfield            Ext.form.TextField                          表单文本?/p>

timefield           Ext.form.TimeField                         旉录入?/p>

trigger              Ext.form.TriggerField                      触发录入?/p>

周锐 2009-11-20 09:04 发表评论
]]>
使用Applet时候js控制客户下蝲的JRE版本http://www.aygfsteel.com/rain1102/archive/2009/09/03/293745.html周锐周锐Thu, 03 Sep 2009 07:47:00 GMThttp://www.aygfsteel.com/rain1102/archive/2009/09/03/293745.htmlhttp://www.aygfsteel.com/rain1102/comments/293745.htmlhttp://www.aygfsteel.com/rain1102/archive/2009/09/03/293745.html#Feedback0http://www.aygfsteel.com/rain1102/comments/commentRss/293745.htmlhttp://www.aygfsteel.com/rain1102/services/trackbacks/293745.html 查了(jin)一下,原来是第三方的js里面控制?jin)jre下蝲版本为:(x)
if(applet_type == 1) {
  s = '<embed TYPE="application/x-java-applet;version=1.3"\n';
  s += ' PLUGINSPAGE="http://java.sun.com/products/plugin/1.3/plugin-install.html"\n';
 } else if(applet_type == 2) {
  s = '<object CLASSID="clsid:8AD9C840-044E-11D1-B3E9-00805F499D93"\n';
  s += ' CODEBASE=" http://java.sun.com/products/plugin/autodl/jinstall-1_4_2-windows-i586.cab#Version=1,3,0,0"\n';
 } else {
  s = '<applet';
 }

修改Z下代码即可(1.6Q:(x)
 if(applet_type == 1) {
  s = '<embed TYPE="application/x-java-applet;jpi-version=1.6"\n';
  s += ' PLUGINSPAGE="http://java.sun.com/products/plugin/index.html#download"\n';
 } else if(applet_type == 2) {
  s = '<object CLASSID="clsid:CAFEEFAC-0016-0000-0000-ABCDEFFEDCBA"\n';
  s += ' CODEBASE="http://java.sun.com/update/1.6.0/jinstall-6-windows-i586.cab"\n';
 } else {
  s = '<applet';
 }


周锐 2009-09-03 15:47 发表评论
]]>
tab实现http://www.aygfsteel.com/rain1102/archive/2009/05/31/279141.html周锐周锐Sun, 31 May 2009 01:01:00 GMThttp://www.aygfsteel.com/rain1102/archive/2009/05/31/279141.htmlhttp://www.aygfsteel.com/rain1102/comments/279141.htmlhttp://www.aygfsteel.com/rain1102/archive/2009/05/31/279141.html#Feedback0http://www.aygfsteel.com/rain1102/comments/commentRss/279141.htmlhttp://www.aygfsteel.com/rain1102/services/trackbacks/279141.html<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE>tab实现 </TITLE>
  <script type="text/javascript" src="jquery-1.3.2.min.js"></script> 
  <script type="text/javascript">
     $(document).ready(function(){
    $('#demo-nav a').bind('click',function(){
     var id = this.id;
     $('#demo-nav a').removeClass('active');
     $('#'+id).addClass('active');
     $('.tab').css('display','none');
     $('#tab'+id).css('display','block');
    })
  });
    </script>
  <style type="text/css">
 
 div.demolayout {
 width:460px;
 margin: 15px 0 0 20px;
 padding:15px 0 0 30px;
 background: url(/images/index-content-bg.png) no-repeat top center;
 }

 ul.demolayout {
 list-style-type: none;
 float: left;
 margin:0px;
 padding:0px;
 }

 ul.demolayout li {
 margin: 0 0 0 0;
 float: left;
 border-bottom:1px solid #515151;
 }
 .tab{
 padding:0 0 2px 0;
 height: 160px;
 text-align:left;
 }
 ul.demolayout a {
 float: left;
 display: block;
 padding: 5px 25px;
 border-bottom: 0;
 color: #515151;
 text-decoration: none;
 font-size:14px;
 font-weight: bold;
 }

 ul.demolayout a:hover {
 background: #eee;
 }

 ul.demolayout a.active {
 background: #515151;
 padding-bottom: 5px;
 cursor: default;
 color:white;
 }

 .tabs-container {
 clear: left;
 padding:0px;
 }
 p.more_details{
  padding:2px 2px 2px 2px;
  font-size:11px;
 }
  </style>
 </HEAD>

 <BODY>
  <div id="demo" class="demolayout">

                <ul id="demo-nav" class="demolayout">
                 <li><a class="active" href="#tab1" id="1">zd资讯</a></li>
                 <li><a class="" href="#tab2" id="2">业态分?lt;/a></li>
                 <li><a class="" href="#tab3" id="3">商家推荐</a></li>
                </ul>
             <div class="tabs-container">
                     <div style="display: block;" class="tab" id="tab1">
                          <p class="more_details">
        zd资讯内容信息
                          </p>
                                                 
                     </div> 
                    
                     <div style="display: none; " class="tab" id="tab2">
        <p class="more_details">
        业态分布内容信?br />                           </p>
                     </div> 
                     <div style="display: none; " class="tab" id="tab3">
        <p id="comment" class="more_details">
        商家推荐内容信息
                          </p>
                     </div> 
             </div>
   </div>
 </BODY>
</HTML>



周锐 2009-05-31 09:01 发表评论
]]>
10个基?JavaScript ?WYSIWYG ~辑?/title><link>http://www.aygfsteel.com/rain1102/archive/2009/04/27/267729.html</link><dc:creator>周锐</dc:creator><author>周锐</author><pubDate>Mon, 27 Apr 2009 07:44:00 GMT</pubDate><guid>http://www.aygfsteel.com/rain1102/archive/2009/04/27/267729.html</guid><wfw:comment>http://www.aygfsteel.com/rain1102/comments/267729.html</wfw:comment><comments>http://www.aygfsteel.com/rain1102/archive/2009/04/27/267729.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.aygfsteel.com/rain1102/comments/commentRss/267729.html</wfw:commentRss><trackback:ping>http://www.aygfsteel.com/rain1102/services/trackbacks/267729.html</trackback:ping><description><![CDATA[<div class="wmqeeuq" id="news_content"> <p><a >COMSHARP CMS</a> 写道Q在U编辑内容的时候,那些Z JavaScript 的编辑器帮了(jin)我们大忙Q这些所见即所得(WYSIWYGQ编辑器Q给我们提供?jin)类?Office 的操作体验。如今,M|站内容理pȝQCMSQ和博客pȝ都需要一个这L(fng)~辑器。本文精选了(jin)10个基?JavaScript  的编辑器Q它们有的是Z jQuery 框架Q有点则不是?/p> <h2>MarkitUp - jQuery</h2> <p><strong><a >Official Website</a></strong> | <strong><a >Demo</a></strong><br /> <img class="img" style="width: 556px; height: 139px" height="139" alt="MarkitUp" src="http://www.queness.com/resources/images/richtexteditor/markitup.gif" width="556" /></p> <p>功能不是很多Q但很轻量,很灵zR打包后只有6.5K大小?/p> <h2>jWYSIWYG - jQuery</h2> <p><strong><a >Official Website</a></strong> | <strong><a >Demo</a></strong><br /> <img class="img" style="width: 548px; height: 137px" height="137" alt="jWYSIWYG" src="http://www.queness.com/resources/images/richtexteditor/jwysiwyg.gif" width="548" /></p> <p>非常基本的编辑器Q简单ؓ(f)本。打包后只有7K?/p> <h2>Lightweight RTE- jQuery</h2> <p><strong><a >Official Website</a></strong> | <strong><a >Demo</a></strong><br /> <img class="img" style="width: 540px; height: 135px" height="135" alt="jWYSIWYG" src="http://www.queness.com/resources/images/richtexteditor/lightweightrte.gif" width="540" /></p> <p>单到不能再简单,很容易自׃攏V?/p> <h2>HTMLBox - jQuery</h2> <p><strong><a >Official Website</a></strong> | <strong><a >Demo</a></strong><br /> <img class="img" style="width: 536px; height: 134px" height="134" alt="HTMLBox" src="http://www.queness.com/resources/images/richtexteditor/htmlbox.gif" width="536" /></p> <p>跨浏览器Q开源,Z jQuery。可以很Ҏ(gu)同各U?CMSQ论坛,留言本,博客{系l集成?/p> <h2>D Small Rich Text Editor - jQuery</h2> <p><strong><a >Official Website</a></strong> | <strong><a >Demo</a></strong><br /> <img class="img" style="width: 536px; height: 134px" height="134" alt="D Small Rich Text Editor" src="http://www.queness.com/resources/images/richtexteditor/dsrte.gif" width="536" /></p> <p>Z iframe 对象?/p> <h2>WYMEditor - jQuery</h2> <p><strong><a >Official Website</a></strong> | <strong><a >Demo</a></strong><br /> <img class="img" style="width: 540px; height: 135px" height="135" alt="WYMEditor" src="http://www.queness.com/resources/images/richtexteditor/wymeditor.gif" width="540" /></p> <p> </p> <!-- ################## NON jQUery ################### --> <h2>TinyMCE - non-jQuery</h2> <p><strong><a >Official Website</a></strong> | <strong><a >Demo</a></strong><br /> <img class="img" style="width: 536px; height: 134px" height="134" alt="TinyMCE" src="http://www.queness.com/resources/images/richtexteditor/tinymce.gif" width="536" /></p> <p>最l典的基?JavaScript 的编辑器QCOMSHARP CMS 默认的编辑器是q个?/p> <h2>fckeditor - Non-jQuery</h2> <p><strong><a >Official Website</a></strong> | <strong><a >Demo</a></strong><br /> <img class="img" style="width: 532px; height: 133px" height="133" alt="fckeditor" src="http://www.queness.com/resources/images/richtexteditor/fckeditor.gif" width="532" /></p> <p>功能非常强大?/p> <h2>Yahoo YUI Rich Text Editor - Non-jQuery</h2> <p><strong><a >Official Website</a></strong> | <strong><a >Demo</a></strong><br /> <img class="img" style="width: 536px; height: 134px" height="134" alt="Yahoo UI RTE" src="http://www.queness.com/resources/images/richtexteditor/yui.gif" width="536" /></p> <p>Z Yahoo YUIQ简单,但很可靠?/p> <h2>Xinha - Non-jQuery</h2> <p><strong><a >Official Website</a></strong> | <strong><a >Demo</a></strong><br /> <img class="img" style="width: 540px; height: 135px" height="135" alt="Xinha" src="http://www.queness.com/resources/images/richtexteditor/xinha.gif" width="540" /></p> <p>自由的基?nbsp; BSD 许可~辑器,功能完善Q很适合同各U系l集成?/p> <p>本文原文来源Q?a >http://www.queness.com/post/212/10-jquery-and-non-jquery-javascript-rich-text-editors</a></p> <p> </p> </div> <br /> <span>来自: <a >comsharp</a> </span><img src ="http://www.aygfsteel.com/rain1102/aggbug/267729.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.aygfsteel.com/rain1102/" target="_blank">周锐</a> 2009-04-27 15:44 <a href="http://www.aygfsteel.com/rain1102/archive/2009/04/27/267729.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>XML和JSON响应http://www.aygfsteel.com/rain1102/archive/2008/06/05/206078.html周锐周锐Thu, 05 Jun 2008 08:21:00 GMThttp://www.aygfsteel.com/rain1102/archive/2008/06/05/206078.htmlhttp://www.aygfsteel.com/rain1102/comments/206078.htmlhttp://www.aygfsteel.com/rain1102/archive/2008/06/05/206078.html#Feedback0http://www.aygfsteel.com/rain1102/comments/commentRss/206078.htmlhttp://www.aygfsteel.com/rain1102/services/trackbacks/206078.html使用renderҎ(gu)输出XML

Grails支持一些不同的Ҏ(gu)来生XML和JSON响应。第一个是隐式的通过renderҎ(gu)?

renderҎ(gu)可以传递一个代码块来执行标记生成器产生XML

def list = {
def results = Book.list()
render(contentType:"text/xml") {
books {
for(b in results) {
book(title:b.title)
}
}
}
}

q段代码的结果将?x)像q样Q?

<books>
<book title="The Stand" />
<book title="The Shining" />
</books>

注意Q当你用标记生成器Ӟ必须心(j)避免命名冲突。例如,q段代码生一个错误:(x)

def list = {
def books = Book.list()  // naming conflict here
render(contentType:"text/xml") {
books {
for(b in results) {
book(title:b.title)
}
}
}
}

原因是,q里的一个本地变?code>books企图作ؓ(f)Ҏ(gu)被调用?

使用renderҎ(gu)输出JSON

render Ҏ(gu)可以同样被用于输出JSON:

def list = {
def results = Book.list()
render(contentType:"text/json") {
books {
for(b in results) {
book(title:b.title)
}
}
}
}

在这U情况下Q结果就?x)是大致相同的?x)

[
{title:"The Stand"},
{title:"The Shining"}
]

同样的命名冲H危险适用于JSON生成器?

自动XML列集(Marshalling)

Q译者注Q在此附上对于列?Marshalling)解释Q对函数参数q行打包处理得过E,因ؓ(f)指针{数据,必须通过一定得转换Q才能被另一lg所理解。可以说列集(Marshalling)是一U数据格式的转换Ҏ(gu)。)(j)

Grails同样支持自动列集(Marshalling)领域cMؓ(f)XML通过特定的{换器?

首先Q导?code>grails.converters cdC的控制器QControllersQ中Q?

import grails.converters.*

现在Q你可以使用下列高度易读的语法来自动转换领域cLXMLQ?

render Book.list() as XML

输出l果看上M(x)像下列这P(x)

<?xml version="1.0" encoding="ISO-8859-1"?>
<list>
<book id="1">
<author>Stephen King</author>
<title>The Stand</title>
</book>
<book id="2">
<author>Stephen King</author>
<title>The Shining</title>
</book>
</list>

一个用{换器的替代方法是使用Grails的codecsҎ(gu)。codecsҎ(gu)提供了(jin)encodeAsXML和encodeAsJSONҎ(gu):

def xml = Book.list().encodeAsXML()
render xml

 

自动JSON列集(Marshalling)

Grails同样支持自动列集(Marshalling)为JSON通过同样的机制。简单替?code>XML ?code>JSON

render Book.list() as JSON

输出l果看上M(x)像下列这P(x)

[
{"id":1,
"class":"Book",
"author":"Stephen King",
"title":"The Stand"},
{"id":2,
"class":"Book",
"author":"Stephen King",
"releaseDate":new Date(1194127343161),
"title":"The Shining"}
]

再次作ؓ(f)一U替代,你可以?code>encodeAsJSON辑ֈ相同的效?



周锐 2008-06-05 16:21 发表评论
]]>
ajax jsp 无刷C传文?/title><link>http://www.aygfsteel.com/rain1102/archive/2008/03/19/187170.html</link><dc:creator>周锐</dc:creator><author>周锐</author><pubDate>Wed, 19 Mar 2008 02:23:00 GMT</pubDate><guid>http://www.aygfsteel.com/rain1102/archive/2008/03/19/187170.html</guid><wfw:comment>http://www.aygfsteel.com/rain1102/comments/187170.html</wfw:comment><comments>http://www.aygfsteel.com/rain1102/archive/2008/03/19/187170.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.aygfsteel.com/rain1102/comments/commentRss/187170.html</wfw:commentRss><trackback:ping>http://www.aygfsteel.com/rain1102/services/trackbacks/187170.html</trackback:ping><description><![CDATA[首先要说的就?<span id="wmqeeuq" class="hilite1"><span id="wmqeeuq" class="hilite1">ajax</span></span> 是无法实C传文件的Q可以想一?span class="hilite1"><span id="wmqeeuq" class="hilite1">ajax</span></span>与后台通信都是通过传递字W串Q怎么能传递文件呢Q其实出于安全考虑js是不能操作文件的Q所以就不要再说?span class="hilite1"><span id="wmqeeuq" class="hilite1">ajax</span></span>来实现文件的上传?jin),q是不可能的?br />     而本文实现的<span id="wmqeeuq" class="hilite2"><span id="wmqeeuq" class="hilite2">文g上传</span></span>也是无页面刷新的Q可以说是一U?cM<span id="wmqeeuq" class="hilite1"><span id="wmqeeuq" class="hilite1">AJAX</span></span>"Ҏ(gu)?br />     开始之前先说两句无关的Q其实在<span id="wmqeeuq" class="hilite1"><span id="wmqeeuq" class="hilite1">ajax</span></span>出现之前Qweb应用也可以是无刷新的Q那时大多通过IFrame来做到这一炏V当?span class="hilite1"><span id="wmqeeuq" class="hilite1">Ajax</span></span>出现之后Qh们一H蜂地投?span class="hilite1"><span id="wmqeeuq" class="hilite1">Ajax</span></span> 的阵营了(jin)QiFrame ׃人问?hu)z了(jin)。但是用iFrame来实现无h上传文g实一个很好的选择。psQ?span class="hilite1"><span id="wmqeeuq" class="hilite1">Ajax</span></span>技术基本上可以说是由google公司带v来的Q但Gmail中上传文件用的还?IFrameQ所以说使用IFrame来上传文件是最好的选择?br />     我在q里q里用的技术是jspQ其实aspQphp{也是一样可以这么实现的<br />     一׃个文件就可实玎ͼ(x)index.html ?upload.jsp<br /> --index.html<span> <div id="wmqeeuq" class="dp-highlighter"> <ol class="dp-j"> <li id="wmqeeuq" class="alt"><span><span>QhtmlQ?  </span></span> <li id="wmqeeuq" class=""><span>QbodyQ?  </span> <li id="wmqeeuq" class="alt"><span>  </span> <li id="wmqeeuq" class=""><span>Qform action=</span><span id="wmqeeuq" class="string">"upload.jsp"</span><span> id=</span><span id="wmqeeuq" class="string">"form1"</span><span> name=</span><span id="wmqeeuq" class="string">"form1"</span><span> encType=</span><span id="wmqeeuq" class="string">"multipart/form-data"</span><span>  method=</span><span id="wmqeeuq" class="string">"post"</span><span> target=</span><span id="wmqeeuq" class="string">"hidden_frame"</span><span> Q?  </span> <li id="wmqeeuq" class="alt"><span>    Qinput type=</span><span id="wmqeeuq" class="string">"file"</span><span> id=</span><span id="wmqeeuq" class="string">"file"</span><span> name=</span><span id="wmqeeuq" class="string">"file"</span><span> style=</span><span id="wmqeeuq" class="string">"width:450"</span><span>Q?  </span> <li id="wmqeeuq" class=""><span>    QINPUT type=</span><span id="wmqeeuq" class="string">"submit"</span><span> value=</span><span id="wmqeeuq" class="string">"上传文g"</span><span>Q<span id=</span><span id="wmqeeuq" class="string">"msg"</span><span>Q</spanQ?  </span> <li id="wmqeeuq" class="alt"><span>    QbrQ?  </span> <li id="wmqeeuq" class=""><span>    Qfont color=</span><span id="wmqeeuq" class="string">"red"</span><span>Q支持JPG,JPEG,GIF,BMP,SWF,RMVB,RM,AVI文g的上传</fontQ?nbsp;                </span> <li id="wmqeeuq" class="alt"><span>    Qiframe name='hidden_frame' id=</span><span id="wmqeeuq" class="string">"hidden_frame"</span><span> style='display:none'Q</iframeQ?  </span> <li id="wmqeeuq" class=""><span>Q?formQ?  </span> <li id="wmqeeuq" class="alt"><span>  </span> <li id="wmqeeuq" class=""><span>Q?bodyQ?  </span> <li id="wmqeeuq" class="alt"><span>Q?htmlQ?  </span> <li id="wmqeeuq" class=""><span>  </span> <li id="wmqeeuq" class="alt"><span>Qscript type=</span><span id="wmqeeuq" class="string">"text/javascript"</span><span>Q?  </span> <li id="wmqeeuq" class=""><span>function callback(msg)   </span> <li id="wmqeeuq" class="alt"><span>{   </span> <li id="wmqeeuq" class=""><span>    document.getElementById(</span><span id="wmqeeuq" class="string">"file"</span><span>).outerHTML = document.getElementById(</span><span id="wmqeeuq" class="string">"file"</span><span>).outerHTML;   </span> <li id="wmqeeuq" class="alt"><span>    document.getElementById(</span><span id="wmqeeuq" class="string">"msg"</span><span>).innerHTML = </span><span id="wmqeeuq" class="string">"Qfont color=redQ?</span><span>+msg+</span><span id="wmqeeuq" class="string">"Q?fontQ?</span><span>;   </span> <li id="wmqeeuq" class=""><span>}   </span> <li id="wmqeeuq" class="alt"><span>Q?scriptQ?nbsp; </span> </li> </ol> </div> <br /> <br /> <font color="#000000"> index.html 中主要要做的是写一?form ?iframe Qƈ?form ?target 设ؓ(f) iframe 的名字,注意要把 iframe 设ؓ(f)不可见,其他的都是正常的<span id="wmqeeuq" class="hilite2"><span id="wmqeeuq" class="hilite2">文g上传</span></span>的写法,q样h的页面就是这个隐藏的 Iframe Q而在 index.html 中是不会(x)有页面刷新的Qjs?callback Ҏ(gu)是回调方法。用于清I?span class="hilite2"><span id="wmqeeuq" class="hilite2">文g上传</span></span>框和昄后台信息Q注意清I?span class="hilite2"><span id="wmqeeuq" class="hilite2">文g上传</span></span>框的Ҏ(gu)Q和普通方法有点不一栗?/font><br /> <br /> --upload.jsp<br /> <div id="wmqeeuq" class="dp-highlighter"> <ol class="dp-j"> <li id="wmqeeuq" class="alt"><span><span>Q?@ page language=</span><span id="wmqeeuq" class="string">"<a title="Java爱好? href="http://www.aygfsteel.com/rain1102" >Java</a>"</span><span> contentType=</span><span id="wmqeeuq" class="string">"text/html; charset=gb2312"</span><span> %Q?  </span></span> <li id="wmqeeuq" class=""><span>Q?@ page </span><span id="wmqeeuq" class="keyword">import</span><span>=</span><span id="wmqeeuq" class="string">"com.jspsmart.upload.SmartUpload"</span><span>%Q?  </span> <li id="wmqeeuq" class="alt"><span>  </span> <li id="wmqeeuq" class=""><span>Q?   </span> <li id="wmqeeuq" class="alt"><span>    </span><span id="wmqeeuq" class="comment">//新徏一个SmartUpload对象 </span><span>  </span> <li id="wmqeeuq" class=""><span>    SmartUpload su = </span><span id="wmqeeuq" class="keyword">new</span><span> SmartUpload();   </span> <li id="wmqeeuq" class="alt"><span>  </span> <li id="wmqeeuq" class=""><span>    </span><span id="wmqeeuq" class="comment">//上传初始?</span><span>  </span> <li id="wmqeeuq" class="alt"><span>    su.initialize(pageContext);   </span> <li id="wmqeeuq" class=""><span>  </span> <li id="wmqeeuq" class="alt"><span>    </span><span id="wmqeeuq" class="comment">// 讑֮上传限制 </span><span>  </span> <li id="wmqeeuq" class=""><span>    </span><span id="wmqeeuq" class="comment">//1.限制每个上传文g的最大长度?</span><span>  </span> <li id="wmqeeuq" class="alt"><span>    su.setMaxFileSize(</span><span id="wmqeeuq" class="number">10000000</span><span>);   </span> <li id="wmqeeuq" class=""><span>  </span> <li id="wmqeeuq" class="alt"><span>    </span><span id="wmqeeuq" class="comment">//2.限制M传数据的长度?</span><span>  </span> <li id="wmqeeuq" class=""><span>    su.setTotalMaxFileSize(</span><span id="wmqeeuq" class="number">20000000</span><span>);   </span> <li id="wmqeeuq" class="alt"><span>  </span> <li id="wmqeeuq" class=""><span>    </span><span id="wmqeeuq" class="comment">//3.讑֮允许上传的文Ӟ通过扩展名限Ӟ(j),仅允许doc,txt文g?</span><span>  </span> <li id="wmqeeuq" class="alt"><span>    su.setAllowedFilesList(</span><span id="wmqeeuq" class="string">"doc,txt,jpg,rar,mid,waw,mp3,gif"</span><span>);   </span> <li id="wmqeeuq" class=""><span>       </span> <li id="wmqeeuq" class="alt"><span>    </span><span id="wmqeeuq" class="keyword">boolean</span><span> sign = </span><span id="wmqeeuq" class="keyword">true</span><span>;   </span> <li id="wmqeeuq" class=""><span>       </span> <li id="wmqeeuq" class="alt"><span>    </span><span id="wmqeeuq" class="comment">//4.讑֮止上传的文Ӟ通过扩展名限Ӟ(j),止上传带有exe,bat,jsp,htm,html扩展名的文g和没有扩展名的文件?</span><span>  </span> <li id="wmqeeuq" class=""><span>    </span><span id="wmqeeuq" class="keyword">try</span><span> {   </span> <li id="wmqeeuq" class="alt"><span>        su.setDeniedFilesList(</span><span id="wmqeeuq" class="string">"exe,bat,jsp,htm,html"</span><span>);   </span> <li id="wmqeeuq" class=""><span>  </span> <li id="wmqeeuq" class="alt"><span>        </span><span id="wmqeeuq" class="comment">//上传文g </span><span>  </span> <li id="wmqeeuq" class=""><span>        su.upload();   </span> <li id="wmqeeuq" class="alt"><span>        </span><span id="wmqeeuq" class="comment">//上传文件保存到指定目录 </span><span>  </span> <li id="wmqeeuq" class=""><span>        su.save(</span><span id="wmqeeuq" class="string">"c:\\"); </span>  <li id="wmqeeuq" class="alt"><span> </span> <li id="wmqeeuq" class=""><span><span id="wmqeeuq" class="string">    } catch (Exception e) { </span> </span> <li id="wmqeeuq" class="alt"><span><span id="wmqeeuq" class="string">        e.printStackTrace(); </span> </span> <li id="wmqeeuq" class=""><span><span id="wmqeeuq" class="string">        sign = false; </span> </span> <li id="wmqeeuq" class="alt"><span><span id="wmqeeuq" class="string">    } </span> </span> <li id="wmqeeuq" class=""><span><span id="wmqeeuq" class="string">    if(sign==true) </span> </span> <li id="wmqeeuq" class="alt"><span><span id="wmqeeuq" class="string">    { </span> </span> <li id="wmqeeuq" class=""><span><span id="wmqeeuq" class="string">        out.println("</span><span>QscriptQparent.callback('upload file success')Q?scriptQ?/span><span id="wmqeeuq" class="string">"); </span> </span> <li id="wmqeeuq" class="alt"><span><span id="wmqeeuq" class="string">    }else </span> </span> <li id="wmqeeuq" class=""><span><span id="wmqeeuq" class="string">    { </span> </span> <li id="wmqeeuq" class="alt"><span><span id="wmqeeuq" class="string">        out.println("</span><span>QscriptQparent.callback('upload file error')Q?scriptQ?);   </span></span> <li id="wmqeeuq" class=""><span>    }   </span> <li id="wmqeeuq" class="alt"><span>%Q?  </span> </li> </ol> </div> <br /> <br /> <br /> <br /> <font color="#000000">upload.jsp 中只要注意最后输出的格式可以了(jin)。其实原理就是输ZDjs代码?iframe 中,然后在iframe中来控制它的爉面?br /> <br />     OKQ至此一个无h的页面上传组件就做好?jin)?/font><font color="#800080"><font color="#000000">不要忘(sh)(jin)?WEB-INF/lib 下加上必ȝ jspSmartUpload.jar ?/font></font><font color="#800080"><font color="#000000">?br />     需要说明的是用Iframe来上传,状态栏q是?x)有h的,因ؓ(f)iframe 中的面h?jin)嘛Q但是外部页面,是你所看到的页面是没有h的,所以也可以说是cM<span id="wmqeeuq" class="hilite1"><span id="wmqeeuq" class="hilite1">Ajax</span></span>上传?/font></font></span><img src ="http://www.aygfsteel.com/rain1102/aggbug/187170.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.aygfsteel.com/rain1102/" target="_blank">周锐</a> 2008-03-19 10:23 <a href="http://www.aygfsteel.com/rain1102/archive/2008/03/19/187170.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>Ajax.Updater http://www.aygfsteel.com/rain1102/archive/2008/03/18/187055.html周锐周锐Tue, 18 Mar 2008 09:49:00 GMThttp://www.aygfsteel.com/rain1102/archive/2008/03/18/187055.htmlhttp://www.aygfsteel.com/rain1102/comments/187055.htmlhttp://www.aygfsteel.com/rain1102/archive/2008/03/18/187055.html#Feedback0http://www.aygfsteel.com/rain1102/comments/commentRss/187055.htmlhttp://www.aygfsteel.com/rain1102/services/trackbacks/187055.htmlSyntax
  new Ajax.Updater(container, url, options);
// make a HTTP request to the specified URL and update the 'container' element.

Note: to only update a div on success, you may optionally substitute a property list for a simply element id (ie {success:’div_name’} instead of ‘div_name’)

Options

Option Default value Description
asynchronous true Type of request
evalScripts false When set as “true”, scripts in requested url are evaluated
method ‘post’ Lets you decide whether to use Get or Post for the request to the server
contentType ‘application/x-www-form-urlencoded’ Allows you to set the content-type sent to the server
encoding ‘UTF-8’ Allows you to determine the encoding type information given to the server
parameters ’’ Allows you to attach parameters to your AJAX request. Most common: parameters:Form.serialize(this)
postBody ’’ Specify data to post. Something like: postBody:’thisvar=true&thatvar=Howdy’ How does this differ from parameters?
username ’’
password ’’
requestHeaders ’’ Allows you to override the headers, see the Prototype AJAX options for details
onComplete ’’ Function to call on completion of request
onSuccess ’’ Function to call on successful completion of request
onFailure ’’ Function to call on failed request
onException ’’ Function to call on failed request (e.g. attempted cross-site request)
on + Status Code ’’ on404 etc. raise an event when given status code is encountered.
insertion None Instead of inserting the response in the existing content (possibly overwriting it) you can pass a valid Insertion object, such as Insertion.Top, Insertion.Bottom, Insertion.Before or Insertion.After.

Hint: If you have set evalScripts:true the script you call (the url parameter) must return a header of ‘Content-Type: text/javascript’ else the browser will not execute it.



周锐 2008-03-18 17:49 发表评论
]]>
对多列表格多U数据类型进行排?http://www.aygfsteel.com/rain1102/archive/2008/01/24/177464.html周锐周锐Thu, 24 Jan 2008 05:08:00 GMThttp://www.aygfsteel.com/rain1102/archive/2008/01/24/177464.htmlhttp://www.aygfsteel.com/rain1102/comments/177464.htmlhttp://www.aygfsteel.com/rain1102/archive/2008/01/24/177464.html#Feedback0http://www.aygfsteel.com/rain1102/comments/commentRss/177464.htmlhttp://www.aygfsteel.com/rain1102/services/trackbacks/177464.html<html>
  <head>
    <title>Sort.html</title>
 <script type="text/javascript">
  function convert(sValue, sDataType) {
   switch (sDataType) {
    case "int":
     return parseInt(sValue);
    case "float":
     return parseFloat(sValue);
    case "date":
     return new Date(Date.parse(sValue));
    default:
     return sValue.toString();
   }
  }
 
  function generateCompareTRs(iCol, sDataType) {
   return function compareTRs(oTR1, oTR2) {
    var sValue1 = convert(oTR1.cells[iCol].firstChild.nodeValue, sDataType);
    var sValue2 = convert(oTR2.cells[iCol].firstChild.nodeValue, sDataType);
    
    //q里׃可以使用localeCompareҎ(gu)?jin),因?f)数字和日期不支持它,也不可以?=="Q因为日期是对象?br />     if (sValue1 < sValue2) {
     return -1;
    } else if (sValue1 > sValue2) {
     return 1;
    } else {
     return 0;
    }
   }
  }
  
  function sortTable(sTableID, iCol, sDataType) {
   var oTable = document.getElementById(sTableID);
   var oTBody = oTable.tBodies[0];
   var colDataRows = oTBody.rows;
   var aTRs = new Array;
   
   for (var i = 0; i < colDataRows.length; i++) {
    aTRs.push(colDataRows[i]);
   }
   
   if (oTable.sortCol == iCol){
    aTRs.reverse();
   } else {
    aTRs.sort(generateCompareTRs(iCol, sDataType));
   }

   var oFragment = document.createDocumentFragment();
   for (var i = 0; i < aTRs.length; i++) {
    oFragment.appendChild(aTRs[i]);
   }
   
   oTBody.appendChild(oFragment);
   oTable.sortCol = iCol;
  }
 </script>
  </head>
 
  <body>
    This is my HTML page. <br>
    <table border="1" id="tblSort">
     <thead>
      <tr>
       <th onclick="sortTable('tblSort', 0)" style="cursor:pointer">Last Name</th>
       <th onclick="sortTable('tblSort', 1)" style="cursor:pointer">First Name</th>
       <th onclick="sortTable('tblSort', 2, 'date')" style="cursor:pointer">Birthday</th>
       <th onclick="sortTable('tblSort', 3, 'int')" style="cursor:pointer">Age</th>
      </tr>
     </thead>
     <tbody>
      <tr>
       <td>Smith</td>
       <td>John</td>
       <td>7/12/1978</td>
       <td>31</td>
      </tr>
      <tr>
       <td>Johnson</td>
       <td>Betty</td>
       <td>10/15/1977</td>
       <td>32</td>
      </tr>
      <tr>
       <td>Henderson</td>
       <td>Nathan</td>
       <td>02/22/1982</td>
       <td>27</td>
      </tr>
      <tr>
       <td>Williams</td>
       <td>James</td>
       <td>8/19/1980</td>
       <td>29</td>
      </tr>
      <tr>
       <td>Gilliams</td>
       <td>Michael</td>
       <td>5/13/1972</td>
       <td>39</td>
      </tr>
      <tr>
       <td>Walker</td>
       <td>Matthew</td>
       <td>10/19/1981</td>
       <td>28</td>
      </tr>
     </tbody>
    </table>
  </body>
</html>



周锐 2008-01-24 13:08 发表评论
]]>
对多列表D行排?/title><link>http://www.aygfsteel.com/rain1102/archive/2008/01/24/177457.html</link><dc:creator>周锐</dc:creator><author>周锐</author><pubDate>Thu, 24 Jan 2008 04:24:00 GMT</pubDate><guid>http://www.aygfsteel.com/rain1102/archive/2008/01/24/177457.html</guid><wfw:comment>http://www.aygfsteel.com/rain1102/comments/177457.html</wfw:comment><comments>http://www.aygfsteel.com/rain1102/archive/2008/01/24/177457.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.aygfsteel.com/rain1102/comments/commentRss/177457.html</wfw:commentRss><trackback:ping>http://www.aygfsteel.com/rain1102/services/trackbacks/177457.html</trackback:ping><description><![CDATA[<html><br />   <head><br />     <title>Sort.html</title><br />  <script type="text/javascript"><br />   function generateCompareTRs(iCol) {<br />    return function compareTRs(oTR1, oTR2) {<br />     var sValue1 = oTR1.cells[iCol].firstChild.nodeValue;<br />     var sValue2 = oTR2.cells[iCol].firstChild.nodeValue;<br />     return sValue1.localeCompare(sValue2);<br />    }<br />   }<br />   <br />   function sortTable(sTableID, iCol) {<br />    var oTable = document.getElementById(sTableID);<br />    var oTBody = oTable.tBodies[0];<br />    var colDataRows = oTBody.rows;<br />    var aTRs = new Array;<br />    <br />    for (var i = 0; i < colDataRows.length; i++) {<br />     aTRs.push(colDataRows[i]);<br />    }<br />    <br />    aTRs.sort(generateCompareTRs(iCol));<br />    <br />    var oFragment = document.createDocumentFragment();<br />    for (var i = 0; i < aTRs.length; i++) {<br />     oFragment.appendChild(aTRs[i]);<br />    }<br />    <br />    oTBody.appendChild(oFragment);<br />   }<br />  </script><br />   </head><br />   <br />   <body><br />     This is my HTML page. <br><br />     <table border="1" id="tblSort"><br />      <thead><br />       <tr><br />        <th onclick="sortTable('tblSort', 0)" style="cursor:pointer">Last Name</th><br />        <th onclick="sortTable('tblSort', 1)" style="cursor:pointer">First Name</th><br />       </tr><br />      </thead><br />      <tbody><br />       <tr><br />        <td>Smith</td><br />        <td>John</td><br />       </tr><br />       <tr><br />        <td>Johnson</td><br />        <td>Betty</td><br />       </tr><br />       <tr><br />        <td>Henderson</td><br />        <td>Nathan</td><br />       </tr><br />       <tr><br />        <td>Williams</td><br />        <td>James</td><br />       </tr><br />       <tr><br />        <td>Gilliams</td><br />        <td>Michael</td><br />       </tr><br />       <tr><br />        <td>Walker</td><br />        <td>Matthew</td><br />       </tr><br />      </tbody><br />     </table><br />   </body><br /> </html><br /> <br /> <strong>逆序排列Q?/strong><br /> 上面只对表格q行?jin)排列,如果要实现想Microsoft Outlook那样Q第一ơ点?yn)L排序Q如果再点击一ơ,会(x)Ҏ(gu)列进行逆序排列?br /> 修改以后的代码ؓ(f)Q?br /> <p>function sortTable(sTableID, iCol) {<br />    var oTable = document.getElementById(sTableID);<br />    var oTBody = oTable.tBodies[0];<br />    var colDataRows = oTBody.rows;<br />    var aTRs = new Array;<br />    <br />    for (var i = 0; i < colDataRows.length; i++) {<br />     aTRs.push(colDataRows[i]);<br />    }<br />    <br />   <span style="color: red"> if (oTable.sortCol == iCol){<br />     aTRs.reverse();<br />    } else {<br />     aTRs.sort(generateCompareTRs(iCol));<br />    }</span> <br />   var oFragment = document.createDocumentFragment();<br />    for (var i = 0; i < aTRs.length; i++) {<br />     oFragment.appendChild(aTRs[i]);<br />    }<br />    <br />    oTBody.appendChild(oFragment);<br />    <span style="color: red">oTable.sortCol = iCol;</span><br />   }</p><img src ="http://www.aygfsteel.com/rain1102/aggbug/177457.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.aygfsteel.com/rain1102/" target="_blank">周锐</a> 2008-01-24 12:24 <a href="http://www.aygfsteel.com/rain1102/archive/2008/01/24/177457.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>对单列表格排序js代码http://www.aygfsteel.com/rain1102/archive/2008/01/24/177453.html周锐周锐Thu, 24 Jan 2008 03:49:00 GMThttp://www.aygfsteel.com/rain1102/archive/2008/01/24/177453.htmlhttp://www.aygfsteel.com/rain1102/comments/177453.htmlhttp://www.aygfsteel.com/rain1102/archive/2008/01/24/177453.html#Feedback0http://www.aygfsteel.com/rain1102/comments/commentRss/177453.htmlhttp://www.aygfsteel.com/rain1102/services/trackbacks/177453.html   <head>
    <title>Sort.html</title>
 <script type="text/javascript">
  function compareTRs(oTR1, oTR2) {
   var sValue1 = oTR1.cells[0].firstChild.nodeValue;
   var sValue2 = oTR2.cells[0].firstChild.nodeValue;
   return sValue1.localeCompare(sValue2);
  }
  function sortTable(sTableID) {
   var oTable = document.getElementById(sTableID);
   var oTBody = oTable.tBodies[0];
   var colDataRows = oTBody.rows;
   var aTRs = new Array;
   
   for (var i = 0; i < colDataRows.length; i++) {
    aTRs.push(colDataRows[i]);
   }
   
   aTRs.sort(compareTRs);
   
   var oFragment = document.createDocumentFragment();
   for (var i = 0; i < aTRs.length; i++) {
    oFragment.appendChild(aTRs[i]);
   }
   
   oTBody.appendChild(oFragment);
  }
 </script>
  </head>
 
  <body>
    This is my HTML page. <br>
    <table border="1" id="tblSort">
     <thead>
      <tr>
       <th onclick="sortTable('tblSort')" style="cursor:pointer">Last Name</th>
      </tr>
     </thead>
     <tbody>
      <tr>
       <td>Smith</td>
      </tr>
      <tr>
       <td>Johnson</td>
      </tr>
      <tr>
       <td>Henderson</td>
      </tr>
      <tr>
       <td>Williams</td>
      </tr>
      <tr>
       <td>Gilliams</td>
      </tr>
      <tr>
       <td>Walker</td>
      </tr>
     </tbody>
    </table>
  </body>
</html>


周锐 2008-01-24 11:49 发表评论
]]>
Form中input和textarea自动选择文本http://www.aygfsteel.com/rain1102/archive/2008/01/24/177418.html周锐周锐Thu, 24 Jan 2008 01:58:00 GMThttp://www.aygfsteel.com/rain1102/archive/2008/01/24/177418.htmlhttp://www.aygfsteel.com/rain1102/comments/177418.htmlhttp://www.aygfsteel.com/rain1102/archive/2008/01/24/177418.html#Feedback0http://www.aygfsteel.com/rain1102/comments/commentRss/177418.htmlhttp://www.aygfsteel.com/rain1102/services/trackbacks/177418.htmlFormUtil.setTextboxes = function() {
   var colInputs = document.getElementsByTagName("input");
   var colTextAreas = document.getElementsByTagName("textarea");
 
   for (var i = 0; i < colInputs.length; i++) {
      if (colInputs[i].type == "text" || colInputs[i].type == "password") {
         colInputs[i].onfocus = function() {this.select();};
      }
   }
   for (var i = 0; i < colTextAreas.length; i++) {
      colTextAreas[i].onfocus = function() {this.select();};
   }
}

周锐 2008-01-24 09:58 发表评论
]]>
自定义鼠标提CZ?/title><link>http://www.aygfsteel.com/rain1102/archive/2008/01/23/177315.html</link><dc:creator>周锐</dc:creator><author>周锐</author><pubDate>Wed, 23 Jan 2008 08:38:00 GMT</pubDate><guid>http://www.aygfsteel.com/rain1102/archive/2008/01/23/177315.html</guid><wfw:comment>http://www.aygfsteel.com/rain1102/comments/177315.html</wfw:comment><comments>http://www.aygfsteel.com/rain1102/archive/2008/01/23/177315.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.aygfsteel.com/rain1102/comments/commentRss/177315.html</wfw:commentRss><trackback:ping>http://www.aygfsteel.com/rain1102/services/trackbacks/177315.html</trackback:ping><description><![CDATA[<p><span style="color: #008000"><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><br /> <HTML><br />  <HEAD><br />   <TITLE> Tip </TITLE><br />   <script type="text/JavaScript"><br /> <span style="color: #ff0000"> function showTip(oEvent) {<br />   var oDiv = document.getElementById("divTip1");<br />   oDiv.style.visibility = "visible";<br />   oDiv.style.left = oEvent.clientX + 5;<br />   oDiv.style.top = oEvent.clientY + 5;<br />  }<br />  function hideTip(oEvent) {<br />   var oDiv = document.getElementById("divTip1");<br />   oDiv.style.visibility = "hidden";<br />  }</span><br />   </script><br />  </HEAD></span></p> <p><span style="color: #008000"> <BODY><br />  <p>Move your mouser over the red square.</p><br />  <div id="div1" style="background-color:red; height:50px; width:50px" onmouseover="showTip(event);" onmouseout="hideTip(event);"><div><br />  <div id="divTip1" style="background-color:yellow;position:absolute;visibility:hidden;padding:5px"><br />   <span style="font-weight:bold">Custom Tooltip</span><br/><br />  </div><br />  </BODY><br /> </HTML><br /> </span></p><img src ="http://www.aygfsteel.com/rain1102/aggbug/177315.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.aygfsteel.com/rain1102/" target="_blank">周锐</a> 2008-01-23 16:38 <a href="http://www.aygfsteel.com/rain1102/archive/2008/01/23/177315.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>可折叠区域实C?/title><link>http://www.aygfsteel.com/rain1102/archive/2008/01/23/177308.html</link><dc:creator>周锐</dc:creator><author>周锐</author><pubDate>Wed, 23 Jan 2008 08:20:00 GMT</pubDate><guid>http://www.aygfsteel.com/rain1102/archive/2008/01/23/177308.html</guid><wfw:comment>http://www.aygfsteel.com/rain1102/comments/177308.html</wfw:comment><comments>http://www.aygfsteel.com/rain1102/archive/2008/01/23/177308.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.aygfsteel.com/rain1102/comments/commentRss/177308.html</wfw:commentRss><trackback:ping>http://www.aygfsteel.com/rain1102/services/trackbacks/177308.html</trackback:ping><description><![CDATA[<p><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><br /> <HTML><br />  <HEAD><br />   <TITLE> Toggle </TITLE><br />   <script type="text/JavaScript"><br /> <span style="color: #ff0000"> function toggle(sDivId) {<br />   var oDiv = document.getElementById(sDivId);<br />   oDiv.style.display = (oDiv.style.display == "none") ? "block":"none";<br />  }</span><br />   </script><br />  </HEAD></p> <p> <BODY><br />  <div style ="background-color:blue; color:white; font-weight:bold; padding:10px; cursor:pointer" onclick="toggle('divContent1');">Click Here</div><br />  <div style="border:3px solid blue; height:100px;padding:10px" id="divContent1"><br />   This is some content to show and hide.<br />  </div><br />  <div style ="background-color:blue; color:white; font-weight:bold; padding:10px; cursor:pointer" onclick="toggle('divContent2');">Click Here</div><br />  <div style="border:3px solid blue; height:100px;padding:10px" id="divContent2"><br />   This is some content to show and hide.<br />  </div><br />  </BODY><br /> </HTML></p><img src ="http://www.aygfsteel.com/rain1102/aggbug/177308.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.aygfsteel.com/rain1102/" target="_blank">周锐</a> 2008-01-23 16:20 <a href="http://www.aygfsteel.com/rain1102/archive/2008/01/23/177308.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>showModalDialog和showModelessDialog使用http://www.aygfsteel.com/rain1102/archive/2008/01/21/176785.html周锐周锐Mon, 21 Jan 2008 08:27:00 GMThttp://www.aygfsteel.com/rain1102/archive/2008/01/21/176785.htmlhttp://www.aygfsteel.com/rain1102/comments/176785.htmlhttp://www.aygfsteel.com/rain1102/archive/2008/01/21/176785.html#Feedback0http://www.aygfsteel.com/rain1102/comments/commentRss/176785.htmlhttp://www.aygfsteel.com/rain1102/services/trackbacks/176785.html问题描述Q有一个列表,点击每个标题弹出新页面进入修改该标题的具体内宏V提交以后,子页面关闭,爉面刷新?br /> l常惌v来的是用window.open弹出一个新H口Q然后好像这个不好处理。所以到|上查了(jin)一下,使用?jin)window.showModalDialogҎ(gu)?/p>

ShowModalDialog函数的功能:(x)
打开一个子H口Qƈ且可与父H口怺传递数据,它与window.open的最大区别就在于由ShowModalDialog打开子窗口后Q父H口不能操作?br /> 使用Ҏ(gu)Q?/strong>
vReturnValue = window.showModalDialog(sURL [, vArguments] [, sFeatures])
参数说明Q?br /> sURL
必选参敎ͼcdQ字W串。用来指定对话框要显C的文档的URL?br /> vArguments
可选参敎ͼcdQ变?sh)。用来向对话框传递参数。传递的参数cd不限Q包括数l等。对话框通过window.dialogArguments来取得传递进来的参数?br /> sFeatures
可选参敎ͼcdQ字W串。用来描q对话框的外观等信息Q可以用以下的一个或几个Q用分号“;”隔开?br />         dialogHeight 对话框高度,不小于1Q0pxQテQ4中dialogHeight ?dialogWidth 默认的单位是emQ而テQ5中是pxQؓ(f)方便其见Q在定义modal方式的对话框Ӟ用px做单位?br />    dialogWidth: 对话框宽度?br />    dialogLeft: 距离桌面左的距离?br />    dialogTop: L面上的距R?br />    center: {yes | no | 1 | 0 }Q窗口是否居中,默认yesQ但仍可以指定高度和宽度?br />    help: {yes | no | 1 | 0 }Q是否显C帮助按钮,默认yes?br />    resizable: {yes | no | 1 | 0 } QテQ5Q]Q是否可被改变大。默认no?br />    status: {yes | no | 1 | 0 } QIE5+Q:(x)是否昄状态栏。默认ؓ(f)yes[ Modeless]或no  [Modal]?br />        scroll:{ yes | no | 1 | 0 | on | off }Q指明对话框是否昄滚动条。默认ؓ(f)yes?br /> 参数传递方法:(x)
父窗口向子窗口传递参数采用ShowModalDialog的第2个参数即可,父窗口要获取子窗口传回的参数则可通过ShowModalDialog函数的返回D取?br /> 子窗口获取父H口参数的方法ؓ(f)采用子窗口window对象dialogArguments属性获取,例如Q?br /> var a=window.dialogArguments;
子窗口向父窗口返回参数采用window.returnValue属性,如:(x)
window.returnValue=1;
window.close();

比如实现上面问题Q只需要这P(x)
var  url = "page.html";
  var retValue = window.showModalDialog(url, "newwindow", "dialogWidth:500px;dialogHeight:200px;help:no;resizable:no;scroll:no;status:no");

if (retValue == "ok")
  {
   document.location.reload(true);
  }


注意q里要在page面中提交事仉d
window.returnValue = "ok";
window.close();
q样可以实C面的功能?jin)?br />
一、showModalDialog和showModelessDialog有什么不同?
  showModalDialogQ被打开后就?x)始l保持输入焦炏V除非对话框被关闭,否则用户无法切换CH口。类似alert的运行效果?br />   showModelessDialogQ被打开后,用户可以随机切换输入焦点。对ȝ口没有Q何媄(jing)响?br />

二、怎样才让在showModalDialog和showModelessDialog的超q接不弹出新H口Q?br />   在被打开的网里加上<base target="_self">可以了(jin)。这句话一般是攑֜<html>?lt;body>之间的?/p>

三、怎样才刷新showModalDialog和showModelessDialog里的内容Q?br />   在showModalDialog和showModelessDialog里是不能按F5h的,又不能弹?gu)单。这个只能依靠javascript?jin),以下是相关代码?x)

<body onkeydown="if (event.keyCode==116){reload.click()}">
<a id="reload" href="filename.htm" style="display:none">reload...</a>

  filename.htm替换成网늚名字然后它攑ֈ你打开的网里Q按F5可以刷C(jin)Q注意,q个要配?lt;base target="_self">使用Q不然你按下F5?x)弹出新H口的?/p>

四、如何用javascriptx(chng)showModalDialog(或showModelessDialog)打开的窗口?br />   <input type="button" value="关闭" onclick="window.close()">
  也要配合<base target="_self">Q不然会(x)打开一个新的IEH口Q然后再x(chng)的?/p>

周锐 2008-01-21 16:27 发表评论
]]>
JS常见的location?qing)URL变量 http://www.aygfsteel.com/rain1102/archive/2008/01/11/174604.html周锐周锐Fri, 11 Jan 2008 05:29:00 GMThttp://www.aygfsteel.com/rain1102/archive/2008/01/11/174604.htmlhttp://www.aygfsteel.com/rain1102/comments/174604.htmlhttp://www.aygfsteel.com/rain1102/archive/2008/01/11/174604.html#Feedback0http://www.aygfsteel.com/rain1102/comments/commentRss/174604.htmlhttp://www.aygfsteel.com/rain1102/services/trackbacks/174604.htmlalert(location);
alert(location.href);
alert(location.search);
alert(location.pathname);

上面四个分别得到下面四个l果

http://www.baidu.com/s/abc/d?ie=gb2312&bs=baseURL&sr=&z=&cl=3&f=8&wd=baseURL+IE+FF&ct=0
http://www.baidu.com/s/abc/d?ie=gb2312&bs=baseURL&sr=&z=&cl=3&f=8&wd=baseURL+IE+FF&ct=0
?ie=gb2312&bs=baseURL&sr=&z=&cl=3&f=8&wd=baseURL+IE+FF&ct=0
/s/abc/d



周锐 2008-01-11 13:29 发表评论
]]>
Ҏ(gu)q取生肖http://www.aygfsteel.com/rain1102/archive/2007/12/29/171475.html周锐周锐Sat, 29 Dec 2007 04:52:00 GMThttp://www.aygfsteel.com/rain1102/archive/2007/12/29/171475.htmlhttp://www.aygfsteel.com/rain1102/comments/171475.htmlhttp://www.aygfsteel.com/rain1102/archive/2007/12/29/171475.html#Feedback0http://www.aygfsteel.com/rain1102/comments/commentRss/171475.htmlhttp://www.aygfsteel.com/rain1102/services/trackbacks/171475.html//取生? 参数必须是四位的q?nbsp;

function getshengxiao(yyyy){
    
var arr=['?,'?,'?,'?,'?,'?,'?,'?,'?,'?,'?,'?];
    
return arr[yyyy%12];
}



周锐 2007-12-29 12:52 发表评论
]]>
Ҏ(gu)生日的月份和日期Q计星座的js函敎ͼ最Q?转蝲)http://www.aygfsteel.com/rain1102/archive/2007/12/29/171473.html周锐周锐Sat, 29 Dec 2007 04:50:00 GMThttp://www.aygfsteel.com/rain1102/archive/2007/12/29/171473.htmlhttp://www.aygfsteel.com/rain1102/comments/171473.htmlhttp://www.aygfsteel.com/rain1102/archive/2007/12/29/171473.html#Feedback0http://www.aygfsteel.com/rain1102/comments/commentRss/171473.htmlhttp://www.aygfsteel.com/rain1102/services/trackbacks/171473.html // Ҏ(gu)生日的月份和日期Q计星座?nbsp; http://blog.csdn.net/cuixiping/
function getAstro(month,day){    
    
var s="羯水瓶双鱼牡羊金牛双子巨蟹狮子处女天秤天蝎手羯";
    
var arr=[20,19,21,21,21,22,23,23,23,23,22,22];
    
return s.substr(month*2-(day<arr[month-1]?2:0),2);
}


周锐 2007-12-29 12:50 发表评论
]]>
如何在dwr的回调函C传递多个参?/title><link>http://www.aygfsteel.com/rain1102/archive/2007/12/28/171357.html</link><dc:creator>周锐</dc:creator><author>周锐</author><pubDate>Fri, 28 Dec 2007 15:42:00 GMT</pubDate><guid>http://www.aygfsteel.com/rain1102/archive/2007/12/28/171357.html</guid><wfw:comment>http://www.aygfsteel.com/rain1102/comments/171357.html</wfw:comment><comments>http://www.aygfsteel.com/rain1102/archive/2007/12/28/171357.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.aygfsteel.com/rain1102/comments/commentRss/171357.html</wfw:commentRss><trackback:ping>http://www.aygfsteel.com/rain1102/services/trackbacks/171357.html</trackback:ping><description><![CDATA[function selectCountry(countryId) {<br />       var num = countryId.indexOf("Country");<br />       var prefix = countryId.substr(0,num);<br />       var countryId = document.getElementById(countryId).value;<br />  <br />       loveService.getProvincesByCountry(countryId, function(data){<br />       <span style="color: #008000">callBackProvices(data,<span style="color: #ff0000">prefix</span>);<br /> </span>   });<br />    resetProvince(prefix+"Province");<br />    resetCity(prefix+"City");<br />   }<br />  <br />   function <span style="color: #ff0000">callBackProvices(data, prefix)</span> {<br />       var provinceId = prefix+'Province';<br />    DWRUtil.removeAllOptions(provinceId);<br />    DWRUtil.addOptions(provinceId, arrayObject, 'value', 'name');<br />    DWRUtil.addOptions(provinceId, data);<br />   } <p> </p><img src ="http://www.aygfsteel.com/rain1102/aggbug/171357.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.aygfsteel.com/rain1102/" target="_blank">周锐</a> 2007-12-28 23:42 <a href="http://www.aygfsteel.com/rain1102/archive/2007/12/28/171357.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>snapl文章中的链接加上羃略图(教E?Q{载)(j)http://www.aygfsteel.com/rain1102/archive/2007/12/20/168953.html周锐周锐Thu, 20 Dec 2007 02:36:00 GMThttp://www.aygfsteel.com/rain1102/archive/2007/12/20/168953.htmlhttp://www.aygfsteel.com/rain1102/comments/168953.htmlhttp://www.aygfsteel.com/rain1102/archive/2007/12/20/168953.html#Feedback0http://www.aygfsteel.com/rain1102/comments/commentRss/168953.htmlhttp://www.aygfsteel.com/rain1102/services/trackbacks/168953.html标放到链接上可以看到羃略图?br /> 效果演示?a target="_blank">本站首页

具体使用办法Q?br /> ?a target="_blank" rel="nofollow">snap|站可以甌CD늱g下Ş式的代码Q?br />

<script defer id="snap_preview_anywhere" type="text/javascript" src="http://spa.snap.com/snap_preview_anywhere.js?ap=1&amp;key=739080a127808f9856fa43a8c91c4d21&amp;sb=1&amp;domain=dimlau.com"></script>

代码置于页面代码的</head>前面可以了(jin)。(l测试,Z拖慢速度Q放?lt;/body>前也可以Q)(j)

下面说说代码的修改:(x)

1、用默认的代码Q鼠标移动到链接上时昄的效果是带搜索框的,但是可以通过修改代码来去掉搜索框Q先看效果对比:(x)
snap

修改Ҏ(gu)是,获得代码中?strong>sb=1Ҏ(gu)sb=0

2、默认代码效果是面中的所有链接都有鼠标划q时昄~略图效果?/strong>如果你想Ҏ(gu)个特定链接禁用羃略图效果Q可以对该链接加上一个分cL标识Q?br /> 例如链接

<a href="xxxx">xxx</a>
Q禁用羃略图的方法是写成
<a href="xxxx" class="snap_nopreview">xxx</a>

通常Q一个页面里大部分链接我们都不想加入~略囄Q所以上q办法有点烦(ch)琐了(jin)?br /> 其实可以通过修改代码中的ap=1?strong>ap=0来ə面的所有链接在默认情况下不昄~略图,q时只有链接写成以下格式的情况下才会(x)有羃略图昄Q?br />

<a class="snap_preview" href="XXX">XXX</a>

对于上述各种情况Q如果链接本w已l有?jin)某个class分类Q比如已l分cMؓ(f)class="123",可以?strong>I格来分隔,q赋予多个class分类Q比?br /> class="123 snap_nopreview"或者class="123 snap_preview"

以上为本人的一点小心(j)得,希望对各位看官有点帮助?br /> --------------------------------------------------------------------------------------------------------

对于我用的MTQ可以对模版中的评论者网站链接Ş式加入一个class="snap_preview"来实现对评论者网站界面的初步预览Q我觉得是个不错的小工具?br /> 当然其他E序Q也可以做相应的修改实现该效果。我׃再多说了(jin)?/p>

周锐 2007-12-20 10:36 发表评论
]]>QQ和MSN在线聊天代码http://www.aygfsteel.com/rain1102/archive/2007/12/13/167483.html周锐周锐Thu, 13 Dec 2007 06:07:00 GMThttp://www.aygfsteel.com/rain1102/archive/2007/12/13/167483.htmlhttp://www.aygfsteel.com/rain1102/comments/167483.htmlhttp://www.aygfsteel.com/rain1102/archive/2007/12/13/167483.html#Feedback3http://www.aygfsteel.com/rain1102/comments/commentRss/167483.htmlhttp://www.aygfsteel.com/rain1102/services/trackbacks/167483.html <a target=blank href=http://wpa.qq.com/msgrd?V=1&Uin=65305003&Site=http://www.sonicsoft.net&Menu=yes><img border="0" SRC=http://wpa.qq.com/pa?p=1:65305003:1 alt="点击q里l我发消?></a>

MSN在线聊天代码
<A href="msnim:chat?contact=xie_wansong@hotmail.com" target=blank>点这里和我MSN聊天</A>

MSN??开始加入了(jin)命o(h)行控Ӟ你可以在|页中加?#8220;与我交谈”q样的按钮了(jin)Q访问者点d可以直接用他的MSN与你对话Q代码是

建立对话Qmsnim:chat?contact=[邮g地址]

d好友Qmsnim:add?contact=[邮g地址]

语音聊天Qmsnim:voice?contact=[邮g地址]

视频聊天Qmsnim:video?contact=[邮g地址]

用的时候把[邮g地址]写成你的MSN账号Q不要方括号Q用链接卛_Q如

<a href="msnim:chat?contact=yourname@hotmail.com">与我交谈</a>

<a href="msnim:add?contact=yourname@hotmail.com">加我为好?lt;/a>


周锐 2007-12-13 14:07 发表评论
]]>
【教E?jqueryW一ơ亲密接?转蝲)http://www.aygfsteel.com/rain1102/archive/2007/10/24/155641.html周锐周锐Wed, 24 Oct 2007 09:23:00 GMThttp://www.aygfsteel.com/rain1102/archive/2007/10/24/155641.htmlhttp://www.aygfsteel.com/rain1102/comments/155641.htmlhttp://www.aygfsteel.com/rain1102/archive/2007/10/24/155641.html#Feedback0http://www.aygfsteel.com/rain1102/comments/commentRss/155641.htmlhttp://www.aygfsteel.com/rain1102/services/trackbacks/155641.html 一Q找C?jin)?
q记?()q个东西吧?prototypeq是DWR都用了(jin)q个函数代替document.getElementById()。没错,jquery也跟风了(jin)。ؓ(f)辑ֈdocument.getElementById()的目的,jquery是这样写的:(x)


代码
var someElement = $("#myId"); 


看v来比其他两个框架的要多了(jin)一?Q好Q看看下面的用法Q?br />

代码
$("div p");(1) 
$("div.container")(2) 
$("div #msg");(3) 
$("table a",context);(4) 


在prototype里看q这L(fng)写法吗?W一行代码得到所?lt;div>标签下的<p>元素。第二行代码得到class为container?lt;div>元素,W三行代码得?lt;div>标签下面id为msg的元素。第四行代码得到contextZ下文的table里面所有的q接元素?
如果你熟(zhn)CSSQXpathQ你?x)觉得这些写法很眼熟Q对?jin)。正是。看出奥妙了(jin)吧。jquery是通过q样的方式来扑ֈDom对象里面的元素。跟CSS的选择器相cM?
二,Jquery对象Q?
jquery提供?jin)很多便利的函数Q如each(fn)Q但是用这些函数的前提是:(x)你用的对象是Jquer对象。一个Dom对象成ؓ(f)一个Jquery对象很简单,通过下面一些方式(只是一部分Q:(x)

代码
var a = $("#cid");(1) 
var b = $("<p>hello</p>");(2) 
var c = document.createElement("table"); var tb = $(c); 


三,代替body标签的onload
q个惯例Q也许是除了(jin)$()之外Q用得最多的地方?jin)。下面一D代码:(x)

代码
$(document).ready(function(){ 
  alert("hello"); 
});(1) 
 
<body onload="alert('hello');">Q?Q?nbsp;
 


上面两段代码是等L(fng)。但代码1的好处是做到表现和逻辑分离。ƈ且可以在不同的js文g中做相同的操作,?(document).ready(fn)可以在一个页面中重复出现Q而不?x)冲H。基本上Jqeury的很多plugin都是利用q个Ҏ(gu),正因个特性,多个plugin共同使用hQ在初始化时不会(x)发生冲突?
不管怎么_(d)q个惯例可以分离javascript与HTML。推荐用?
四,事g机制
我大量用的事g可能是button的onclick?jin)。以前习(fn)惯在input 元素上写onclick = "fn()",使用jquery可以使javascript代码与html代码分离Q保持HTML的清z,q可以很L地绑定事Ӟ甚至你可以不知道“事g”q个名词?

代码
$(document).ready(function(){ 
  $("#clear").click(function(){ 
    alert("i am about to clear the table");   
  }); 
  $("form[0]").submit(validate); 
}); 
function validate(){ 
  //do some form validation 



五,同一函数实现set&get

代码
$("#msg").html(); 
$("#msg").html("hello"); 


上面两行代码Q调用了(jin)同样的函数。但l果却差别很大?
W一行是q回指定元素的HTML|W二行则是将helloq串字符讄到指定元素中。jquery的函数大部分有这L(fng)Ҏ(gu)?
六,ajax
q是一个ajax横行的时代。多hQ了(jin)不了(jin)解ajax的都跟着用上一把。呵。用jquery实现ajax同样单异?

代码
$.get("search.do",{id:1},rend); 
function rend(xml){ 
    alert(xml); 
} (1) 
$.post("search.do",{id:1},rend); 
function rend(xml){ 
    alert(xml); 
} (2) 
 
$("#msg").ajaxStart(function(){ 
  this.html("正在加蝲。。。?); 
});(3) 
$("#msg").ajaxSuccess(function(){ 
  this.html("加蝲完成Q?); 
});(4) 


q些都是较常用的Ҏ(gu)Qget和post用法一栗第一个参数是异步h的urlQ第二个为参敎ͼW三个回调方法?
3Q?的方法会(x)在指定的Dom对象上绑定响应ajax执行的事件。当?dng)jquery的AJAX相关的函C仅是q些Q有兴趣可以ȝI再多?
七,渐入淡出

代码
$("#msg").fadeIn("fast"); 
$("#msg").fadeOut("slow"); 


没错Q上面两行代码已l分别实C(jin)一个id为Msg的jquery对象的渐入和淡出。做一个像Gmail一L(fng)动态加载通知条,用jquery那么简单。两个函数接受的参数除了(jin)快慢{,q可以接收整型,作ؓ(f)渐入或E出的完成旉Q单位ؓ(f)MS?
八,plugin
q也是一个插件的时代?
jquery插gl我的感觉清一色的清洁Q简单。如JtipQ要使用它的功能Q只需要在你的元素的class上加上Jtip,q引入jtip.js?qing)其样式卛_以了(jin)。其他事情插件全包。我喜欢jquery的一个重要原因是发现她已l有?jin)很多很好,很精彩的插g?br />
写得很烂。可能大家看不出jquery的好处。嗯Q光听是没用的,试用一下吧。你?x)发觉很有趣?
暂时告一D落吧。待有新的发现再来分享?br />
加一些Jquery的资源:(x)
http://www.visualjquery.com/index.xml 很好的API查询站点
http://jquery.com/demo/thickbox/ 知道lightBox吧,看看Jquery是怎样实现相同的东?
http://www.codylindley.com/blogstuff/js/jtip/ JtipQ实用的提示工具
http://jquery.com/plugins/ 很多牛的插g?

http://15daysofjquery.com


周锐 2007-10-24 17:23 发表评论
]]>
javascirpt几个验证输入cdhttp://www.aygfsteel.com/rain1102/archive/2007/03/21/105221.html周锐周锐Wed, 21 Mar 2007 03:21:00 GMThttp://www.aygfsteel.com/rain1102/archive/2007/03/21/105221.htmlhttp://www.aygfsteel.com/rain1102/comments/105221.htmlhttp://www.aygfsteel.com/rain1102/archive/2007/03/21/105221.html#Feedback0http://www.aygfsteel.com/rain1102/comments/commentRss/105221.htmlhttp://www.aygfsteel.com/rain1102/services/trackbacks/105221.html//(g)查是否ؓ(f)L敎ͼ实数Q?
function isNumeric(strNumber) {
var newPar=/^(- ¦\+)?\d+(\.\d+)?$/
alert(newPar.test(strNumber));}
//(g)查是否ؓ(f)正数
function isUnsignedNumeric(strNumber) {
var newPar=/^\d+(\.\d+)?$/
alert(newPar.test(strNumber)); }
//(g)查是否ؓ(f)整数
function isInteger(strInteger) {
var newPar=/^(- ¦\+)?\d+$/
alert(newPar.test(strInteger)); }
//(g)查是否ؓ(f)正整?
function isUnsignedInteger(strInteger) {
var newPar=/^\d+$/
alert(newPar.test(strInteger));}




"^\\d+$"  //非负整数Q?font style="BACKGROUND-COLOR: #ffffff">正整?/font> + 0Q?br>"^[0-9]*[1-9][0-9]*$"  //正整?/font>
"^((-\\d+)|(0+))$"  //?font style="BACKGROUND-COLOR: #ffffff">正整?/font>Q负整数 + 0Q?br>"^-[0-9]*[1-9][0-9]*$"  //负整?br>"^-?\\d+$"    //整数
"^\\d+(\\.\\d+)?$"  //非负点敎ͼ正QҎ(gu) + 0Q?br>"^(([0-9]+\\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\\.[0-9]+)|([0-9]*[1-9][0-9]*))$"  //正QҎ(gu)
"^((-\\d+(\\.\\d+)?)|(0+(\\.0+)?))$"  //非正点敎ͼ负QҎ(gu) + 0Q?br>"^(-(([0-9]+\\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\\.[0-9]+)|([0-9]*[1-9][0-9]*)))$"  //负QҎ(gu)
"^(-?\\d+)(\\.\\d+)?$"  //点?br>"^[A-Za-z]+$"  //?6个英文字母组成的字符?br>"^[A-Z]+$"  //?6个英文字母的大写l成的字W串
"^[a-z]+$"  //?6个英文字母的写l成的字W串
"^[A-Za-z0-9]+$"  //由数字和26个英文字母组成的字符?br>"^\\w+$"  //由数字?6个英文字母或者下划线l成的字W串
"^[\\w-]+(\\.[\\w-]+)*@[\\w-]+(\\.[\\w-]+)+$"    //email地址
"^[a-zA-z]+://(\\w+(-\\w+)*)(\\.(\\w+(-\\w+)*))*(\\?\\S*)?$"  //url



周锐 2007-03-21 11:21 发表评论
]]>
【JavaScript 实现日历式日期选择?/title><link>http://www.aygfsteel.com/rain1102/archive/2007/01/27/96270.html</link><dc:creator>周锐</dc:creator><author>周锐</author><pubDate>Sat, 27 Jan 2007 07:15:00 GMT</pubDate><guid>http://www.aygfsteel.com/rain1102/archive/2007/01/27/96270.html</guid><wfw:comment>http://www.aygfsteel.com/rain1102/comments/96270.html</wfw:comment><comments>http://www.aygfsteel.com/rain1102/archive/2007/01/27/96270.html#Feedback</comments><slash:comments>1</slash:comments><wfw:commentRss>http://www.aygfsteel.com/rain1102/comments/commentRss/96270.html</wfw:commentRss><trackback:ping>http://www.aygfsteel.com/rain1102/services/trackbacks/96270.html</trackback:ping><description><![CDATA[<p>date.js代码Q?br />/*=======Calendar.js=======By Jiang Hongbin=======*/</p> <p>var months = new Array("一?, "二月", "三月", "四月", "五月", "六月", "七月", "八月", "?ji)?, "十月", "十一?, "十二?); <br />var daysInMonth = new Array(31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31); <br />var days = new Array("?,"一", "?, "?, "?, "?, "?); <br />var today; </p> <p>document.writeln("<div id='Calendar' style='position:absolute; z-index:1; visibility: hidden; filter:\"progid:DXImageTransform.Microsoft.Shadow(direction=135,color=#999999,strength=3)\"'></div>");</p> <p>function getDays(month, year)<br />{ <br /> //下面的这D代码是判断当前是否是闰q的 <br /> if (1 == month) <br />  return ((0 == year % 4) && (0 != (year % 100))) || (0 == year % 400) ? 29 : 28; <br /> else <br />  return daysInMonth[month]; <br />} </p> <p>function getToday() <br />{ <br /> //得到今天的年,??<br /> this.now = new Date(); <br /> this.year = this.now.getFullYear(); <br /> this.month = this.now.getMonth(); <br /> this.day = this.now.getDate(); <br />}</p> <p>function getStringDay(str) <br />{ <br /> //得到输入框的q???br /> var str=str.split("-")<br /> <br /> this.now = new Date(parseFloat(str[0]),parseFloat(str[1])-1,parseFloat(str[2])); <br /> this.year = this.now.getFullYear(); <br /> this.month = this.now.getMonth(); <br /> this.day = this.now.getDate(); <br />}</p> <p>function newCalendar() { <br /> var parseYear = parseInt(document.all.Year.options[document.all.Year.selectedIndex].value); <br /> var newCal = new Date(parseYear, document.all.Month.selectedIndex, 1); <br /> var day = -1; <br /> var startDay = newCal.getDay(); <br /> var daily = 0; <br /> <br /> if ((today.year == newCal.getFullYear()) &&(today.month == newCal.getMonth())) <br />  day = today.day; <br />  <br /> var tableCal = document.all.calendar; <br /> var intDaysInMonth =getDays(newCal.getMonth(), newCal.getFullYear());<br />  <br /> for (var intWeek = 1; intWeek < tableCal.rows.length;intWeek++) <br />  for (var intDay = 0;intDay < tableCal.rows[intWeek].cells.length;intDay++) <br />  { <br />   var cell = tableCal.rows[intWeek].cells[intDay]; <br />   if ((intDay == startDay) && (0 == daily)) <br />    daily = 1; <br />    <br />   if(day==daily) //今天Q调用今天的Class <br />   {<br />    cell.style.background='#6699CC';<br />    cell.style.color='#FFFFFF';<br />    //cell.style.fontWeight='bold';<br />   }<br />   else if(intDay==6) //周六 <br />    cell.style.color='green'; <br />   else if (intDay==0) //周日 <br />    cell.style.color='red';<br />   <br />   if ((daily > 0) && (daily <= intDaysInMonth)) <br />   { <br />    cell.innerText = daily; <br />    daily++; <br />   } <br />   else <br />    cell.innerText = ""; <br />  } <br />} </p> <p>function GetDate(InputBox)<br />{ <br /> var sDate; <br /> //q段代码处理鼠标点击的情?<br /> if (event.srcElement.tagName == "TD") <br />  if (event.srcElement.innerText != "") <br />  { <br />   sDate = document.all.Year.value + "-" + document.all.Month.value + "-" + event.srcElement.innerText;<br />   eval("document.all."+InputBox).value=sDate;<br />   HiddenCalendar();<br />  } <br />} </p> <p>function HiddenCalendar()<br />{<br /> //关闭选择H口<br /> document.all.Calendar.style.visibility='hidden';<br />}</p> <p>function ShowCalendar(InputBox)<br />{<br /> var x,y,intLoop,intWeeks,intDays;<br /> var DivContent;<br /> var year,month,day;<br /> //var o=document.getElementById(InputBox);<br /> var o=InputBox;<br /> var oid=o.id;<br /> var thisyear; //真正的今q年?br /> <br /> if(!oid)oid=o.name;<br /> <br /> thisyear=new getToday();<br /> thisyear=thisyear.year;<br /> <br /> today = o.value;<br /> if(isDate(today))<br />  today = new getStringDay(today);<br /> else<br />  today = new getToday(); <br /> <br /> //昄的位|?br /> x=o.offsetLeft;<br /> y=o.offsetTop;<br /> while(o=o.offsetParent)<br /> {<br />  x+=o.offsetLeft;<br />  y+=o.offsetTop;<br /> }<br /> document.all.Calendar.style.left=x+2;<br /> document.all.Calendar.style.top=y+20;<br /> document.all.Calendar.style.visibility="visible";<br /> <br /> //下面开始输出日历表?border-color:#9DBAF7)<br /> DivContent="<table border='0' cellspacing='0' style='border:1px solid #0066FF; background-color:#EDF2FC'>";<br /> DivContent+="<tr>";<br /> DivContent+="<td style='border-bottom:1px solid #0066FF; background-color:#C7D8FA'>";<br /> <br /> //q?br /> DivContent+="<select name='Year' id='Year' onChange='newCalendar()' style='font-family:Verdana; font-size:12px'>";<br /> for (intLoop = thisyear - 100; intLoop < (thisyear + 2); intLoop++) <br />  DivContent+="<option value= " + intLoop + " " + (today.year == intLoop ? "Selected" : "") + ">" + intLoop + "</option>"; <br /> DivContent+="</select>";<br /> <br /> //?br /> DivContent+="<select name='Month' id='Month' onChange='newCalendar()' style='font-family:Verdana; font-size:12px'>";<br /> for (intLoop = 0; intLoop < months.length; intLoop++) <br />  DivContent+="<option value= " + (intLoop + 1) + " " + (today.month == intLoop ? "Selected" : "") + ">" + months[intLoop] + "</option>"; <br /> DivContent+="</select>";<br /> <br /> DivContent+="</td>";<br /> <br /> DivContent+="<td style='border-bottom:1px solid #0066FF; background-color:#C7D8FA; font-weight:bold; font-family:Wingdings 2,Wingdings,Webdings; font-size:16px; padding-top:2px; color:#4477FF; cursor:hand' align='center' title='关闭' onClick='javascript:HiddenCalendar()'>S</td>";<br /> DivContent+="</tr>";<br />  <br /> DivContent+="<tr><td align='center' colspan='2'>";<br /> DivContent+="<table id='calendar' border='0' width='100%'>";<br /> <br /> //星期<br /> DivContent+="<tr>";<br /> for (intLoop = 0; intLoop < days.length; intLoop++) <br />  DivContent+="<td align='center' style='font-size:12px'>" + days[intLoop] + "</td>"; <br /> DivContent+="</tr>";<br /> <br /> //?br /> for (intWeeks = 0; intWeeks < 6; intWeeks++)<br /> { <br />  DivContent+="<tr>"; <br />  for (intDays = 0; intDays < days.length; intDays++) <br />   DivContent+="<td onClick='GetDate(\"" + oid + "\")' style='cursor:hand; border-right:1px solid #BBBBBB; border-bottom:1px solid #BBBBBB; color:#215DC6; font-family:Verdana; font-size:12px' align='center'></td>"; <br />  DivContent+="</tr>"; <br /> } <br /> DivContent+="</table></td></tr></table>";</p> <p> document.all.Calendar.innerHTML=DivContent;<br /> newCalendar();<br />}</p> <p>function isDate(dateStr)<br />{ <br /> var datePat = /^(\d{4})(\-)(\d{1,2})(\-)(\d{1,2})$/;<br /> var matchArray = dateStr.match(datePat);<br /> if (matchArray == null) return false; <br /> var month = matchArray[3];<br /> var day = matchArray[5]; <br /> var year = matchArray[1]; <br /> if (month < 1 || month > 12) return false; <br /> if (day < 1 || day > 31) return false; <br /> if ((month==4 || month==6 || month==9 || month==11) && day==31) return false; <br /> if (month == 2)<br /> {<br />  var isleap = (year % 4 == 0 && (year % 100 != 0 || year % 400 == 0)); <br />  if (day > 29 || (day==29 && !isleap)) return false; <br /> } <br /> return true;<br />}<br /><br /></p> <hr /> <br /><script type="text/javascript" src="js/date.js"></script><br /><input id="date" onClick="javascript:ShowCalendar(this)"><input type="button" value="选择" onClick="javascript:ShowCalendar(date)"><br><img src ="http://www.aygfsteel.com/rain1102/aggbug/96270.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.aygfsteel.com/rain1102/" target="_blank">周锐</a> 2007-01-27 15:15 <a href="http://www.aygfsteel.com/rain1102/archive/2007/01/27/96270.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>moveq告http://www.aygfsteel.com/rain1102/archive/2006/11/14/81038.html周锐周锐Tue, 14 Nov 2006 00:26:00 GMThttp://www.aygfsteel.com/rain1102/archive/2006/11/14/81038.htmlhttp://www.aygfsteel.com/rain1102/comments/81038.htmlhttp://www.aygfsteel.com/rain1102/archive/2006/11/14/81038.html#Feedback0http://www.aygfsteel.com/rain1102/comments/commentRss/81038.htmlhttp://www.aygfsteel.com/rain1102/services/trackbacks/81038.html<STYLE type="text/css">
      #imgTitle
      {
       FILTER: ALPHA(opacity=70); LEFT: 0px; OVERFLOW: hidden; POSITION: relative; TEXT-ALIGN: left
      }

      


      #imgTitle_up
      {
       LEFT: 0px; HEIGHT: 1px; TEXT-ALIGN: left
      }
      #imgTitle_down
      {
       LEFT: 0px; TEXT-ALIGN: right
      }

         
       

        
      .imgClass
      {
       BORDER-RIGHT: gray 1px solid; BORDER-TOP: gray 1px solid; BORDER-LEFT: gray 1px solid; BORDER-BOTTOM: gray 0px solid
      }
      #txtFrom
      {
       VERTICAL-ALIGN: middle; TEXT-ALIGN: center
      }
      .button
      {
       PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: #7b7b63; PADDING-BOTTOM: 0px; MARGIN: 0px; FONT: bold 9px sans-serif; BORDER-LEFT: #fff 1px solid; PADDING-TOP: 0px; TEXT-DECORATION: none;width:20;
      }
      A.button
      {
       COLOR: #ffffff; FONT-FAMILY: sans-serif; BACKGROUND-COLOR: #000000; TEXT-DECORATION: none
      }
      A.button:link
      {
       COLOR: #ffffff; FONT-FAMILY: sans-serif; BACKGROUND-COLOR: #000000; TEXT-DECORATION: none
      }
      A.button:visited
      {
       COLOR: #ffffff; FONT-FAMILY: sans-serif; BACKGROUND-COLOR: #000000; TEXT-DECORATION: none
      }
      A.button:hover
      {
       BACKGROUND: #fff; COLOR: #fff; FONT-FAMILY: sans-serif; TEXT-DECORATION: none
      }
      .buttonDiv
      {
       BACKGROUND: #000000; FLOAT: left; VERTICAL-ALIGN: middle; WIDTH: 21px; HEIGHT: 1px; TEXT-ALIGN: center
      }
      .trans
      {
       FILTER: progid:DXImageTransform.Microsoft.Alpha(startX=0, startY=0, finishX=100, finishY=100,style=1,opacity=0,finishOpacity=40); WIDTH: 90px; BACKGROUND-COLOR: #000
      }
      </STYLE>
<SCRIPT language="javascript" type="text/javascript">
     var imgWidth=199;              //囄?br />     var imgHeight=180;             //囄?br />     var textFromHeight=0;         //焦点字框高度 (单位为px)
     var textStyle="f12";           //焦点字class style (不是q接class)
     var textLinkStyle="p1"; //焦点字连接class style
     var buttonLineOn="#f60";           //button下划Uon的颜?br />     var buttonLineOff="#000";          //button下划Uoff的颜?br />     var TimeOut=5000;              //每张囑ֈ换时?(单位毫秒);
     var imgUrl=new Array();
     var imgLink=new Array();
     var imgtext=new Array();
     var imgAlt=new Array();

     var adNum=0;
     //焦点字框高度样式?开?br />     document.write('<style type="text/css">');
     document.write('#focuseFrom{width:'+(imgWidth+2)+';margin: 0px; padding:0px;height:'+(imgHeight+textFromHeight)+'px; overflow:hidden;}');
     document.write('#txtFrom{height:'+textFromHeight+'px;line-height:'+textFromHeight+'px;width:'+imgWidth+'px;overflow:hidden;}');
     document.write('#imgTitle{width:'+imgWidth+';top:-'+(textFromHeight+18)+'px;height:18px}');

     document.write('</style>');
     document.write('<div id="focuseFrom">');//sx1123
     //焦点字框高度样式?l束
     <%
      //囄新闻
      nmm_al = nmm_scIndex.getPicNews(430,5);
      if(nmm_al!=null&&!nmm_al.isEmpty())
      {
        for(int i=0;i < nmm_al.size();i++)
         {
        Element e = (Element)nmm_al.get(i);

        String picUrl = (e.getLink().equals("")?"/nry.jsp?ID=" + e.getID():e.getLink());
        out.print("imgUrl["+(i+1)+"]='/Upload/"+e.getElse()+"';");
        out.print("imgtext["+(i+1)+"]='<center><a href=\""+ picUrl+"\" TARGET=\"_blank\" class=\"p1\" title="+ e.getTitle() +">"+nmm_scIndex.getSubString(e.getTitle(),30)+"</a></center>';");
        out.print("imgLink["+(i+1)+"]='"+picUrl+"';");
        out.print("imgAlt["+(i+1)+"]='"+e.getTitle()+"';");
       }
      }

      %>

     function changeimg(n)
     {
      adNum=n;
      window.clearInterval(theTimer);
      adNum=adNum-1;
      nextAd();
     }
     function goUrl(){
     window.open(imgLink[adNum],'_blank');
     }
     //NetScape开?br />     if (navigator.appName == "Netscape")
     {
     document.write('<style type="text/css">');
     document.write('.buttonDiv{height:4px;width:21px;}');
     document.write('</style>');
     function nextAd(){
      if(adNum<(imgUrl.length-1))adNum++;
      else adNum=1;
      theTimer=setTimeout("nextAd()", TimeOut);
      document.images.imgInit.src=imgUrl[adNum];
      document.images.imgInit.alt=imgAlt[adNum]; 
      document.getElementById('focustext').innerHTML=imgtext[adNum];
      document.getElementById('imgLink').href=imgLink[adNum];
      document.getElementById("imgtext").innerHTML=imgtext[adNum];//////////////////

     }
      document.write('<a id="imgLink" href="'+imgLink[1]+'" target=_blank class="p1"><img src="'+imgUrl[1]+'" name="imgInit" width='+imgWidth+' height='+imgHeight+' border=1 alt="'+imgAlt[1]+'" class="imgClass"></a><div id="txtFrom"><span id="focustext" class="'+textStyle+'">'+imgtext[1]+'</span></div>')//sx1123
      document.write('<div id="imgTitle">');
      document.write('<div id="imgTitle_down">');
     //数字按钮代码开?br />     for(var i=1;i<imgUrl.length;i++){document.write('<a href="javascript:changeimg('+i+')" class="button" style="cursor:hand" title="'+imgAlt[i]+'">'+i+'</a>');}
     //数字按钮代码l束
      document.write('</div>');
      document.write('</div>');
      document.write('</div>');
      nextAd();
     }
     //NetScapel束
     //IE开?br />     else
     {
     var count=0;
     for (i=1;i<imgUrl.length;i++) {
      if( (imgUrl[i]!="") && (imgLink[i]!="")&&(imgtext[i]!="")&&(imgAlt[i]!="") ) {
       count++;
      } else {
       break;
      }
     }
     function playTran(){
      if (document.all)
          imgInit.filters.revealTrans.play(); 
         //imgInit.filters.revealTrans.Transition=23;
         //imgInit.filters.revealTrans.apply();
 
     }
     var key=0;
     function nextAd(){
      if(adNum<count)adNum++ ;
      else adNum=1;
      
      if( key==0 ){
       key=1;
      } else if (document.all){
       imgInit.filters.revealTrans.Transition=23;
       imgInit.filters.revealTrans.apply();
            playTran();
      }
      document.images.imgInit.src=imgUrl[adNum];
      document.images.imgInit.alt=imgAlt[adNum]; 
      document.getElementById('link'+adNum).style.background=buttonLineOn;
      for (var i=1;i<=count;i++)
      {
         if (i!=adNum){document.getElementById('link'+i).style.background=buttonLineOff;}
      } 
      focustext.innerHTML=imgtext[adNum];
      theTimer=setTimeout("nextAd()", TimeOut);
      document.getElementById("imgtext").innerHTML=imgtext[adNum];//////////////////
     }
     document.write('<a target=_self href="javascript:goUrl()"><img style="FILTER: revealTrans(duration=1,transition=5);" src="javascript:nextAd()" width='+imgWidth+' height='+imgHeight+' border=0 vspace="0" name=imgInit class="imgClass"></a>');
     document.write('<div id="txtFrom"><span id="focustext" class="'+textStyle+'"></span></div>');
     document.write('<div id="imgTitle">');
     document.write(' <div id="imgTitle_down"> <a class="trans"></a>');
     //数字按钮代码开?br />     for(var i=1;i<imgUrl.length;i++)
      {
      document.write('<a id="link'+i+'"  href="javascript:changeimg('+i+')" class="button" style="cursor:hand" title="'+imgAlt[i]+'" onFocus="this.blur()">'+i+'</a>');
                       
      }
     //数字按钮代码l束
 
     document.write('</div>');
    
     document.write('</div>');

     
     document.write('</div><table><tr><td height=6></td></tr></table>');
     document.write("<div id='imgtext'></div>");//////////////////
     
     }
     //IEl束
     </SCRIPT>



周锐 2006-11-14 08:26 发表评论
]]>
JavaScript中的一些命?/title><link>http://www.aygfsteel.com/rain1102/archive/2006/10/18/75889.html</link><dc:creator>周锐</dc:creator><author>周锐</author><pubDate>Wed, 18 Oct 2006 05:42:00 GMT</pubDate><guid>http://www.aygfsteel.com/rain1102/archive/2006/10/18/75889.html</guid><wfw:comment>http://www.aygfsteel.com/rain1102/comments/75889.html</wfw:comment><comments>http://www.aygfsteel.com/rain1102/archive/2006/10/18/75889.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.aygfsteel.com/rain1102/comments/commentRss/75889.html</wfw:commentRss><trackback:ping>http://www.aygfsteel.com/rain1102/services/trackbacks/75889.html</trackback:ping><description><![CDATA[<p>一、【文?F)】菜单中的命令的实现 <br />  1、〖打开〗命令的实现 <br />  [格式]:document.execCommand("open") <br />  [说明]q跟VB{编E设计中的webbrowser控g中的命o(h)有些怼Q大家也可依此琢琢?<br />  [举例]?lt;body></body>之间加入Q?<br />  <a href="#" onclick=document.execCommand("open")>打开</a> <br />  2、〖?C?~辑〗命令的实现 <br />  [格式]:location.replace("view-source:"+location) <br />  [说明]打开C本,在记事本中显C|页的源代码?<br />  [举例]?lt;body></body>之间加入Q?<br />  <a href="#" onclick=location.replace("view-source:"+location)>使用 C?~辑</a> <br />  3、〖另存(sh)ؓ(f)〗命令的实现 <br />  [格式]:document.execCommand("saveAs") <br />  [说明]该|页保存到本地盘的其它目录! <br />  [举例]?lt;body></body>之间加入Q?<br />  <a href="#" onclick=document.execCommand("saveAs")>另存?sh)?lt;/a> <br />  4、〖打印〗命令的实现 <br />  [格式]:document.execCommand("print") <br />  [说明]当然Q你必须装了(jin)打印机! <br />  [举例]?lt;body></body>之间加入Q?<br />  <a href="#" onclick=document.execCommand("print")>打印</a> <br />  5、〖关闭〗命令的实现 <br />  [格式]:window.close();return false <br />  [说明]关闭本H口?<br />  [举例]?lt;body></body>之间加入Q?<br />  <a href="#" onclick=window.close();return false)>关闭本窗?lt;/a> </p> <p>  二、【编?E)】菜单中的命令的实现 <br />  〖全选〗命令的实现 <br />  [格式]:document.execCommand("selectAll") <br />  [说明]选种|页中的全部内容Q?<br />  [举例]?lt;body></body>之间加入Q?<br />  <a href="#" onclick=document.execCommand("selectAll")>全?lt;/a> </p> <p>  三、【查?V)】菜单中的命令的实现 <br />  1、〖刷新〗命令的实现 <br />  [格式]:location.reload() ?history.go(0) <br />  [说明]览器重新打开本页?<br />  [举例]?lt;body></body>之间加入Q?<br />  <a href="#" onclick=location.reload()>h</a> <br />  或加?<a href="#" onclick=history.go(0)>h</a> <br />  2、〖源文g〗命令的实现 <br />  [格式]:location.replace("view-source:"+location) <br />  [说明]查看该网늚源代码?<br />  [举例]?lt;body></body>之间加入Q?<br />  <a href="#" onclick=location.replace("view-source:"+location)>查看源文?lt;/a> <br />  3、〖全屏显C〗命令的实现 <br />  [格式]:window.open(document.location,"url","fullscreen") <br />  [说明]全屏昄本页?<br />  [举例]?lt;body></body>之间加入Q?<br />  <a href="#" onclick=window.open(document.location,"url","fullscreen")>全屏昄</a> </p> <p>  四、【收?A)】菜单中的命令的实现 <br />  1、〖添加到收藏夏V命令的实现 <br />  [格式]:window.external.AddFavorite('url', '“|站?#8221;) <br />  [说明]本|加到收藏夏V?<br />  [举例]?lt;body></body>之间加入Q?<br />  <a href="<a title="Java爱好? href="http://www.aygfsteel.com/rain1102" >Java</a> script:window.external.AddFavorite('http://oh.jilinfarm.com', '胡明新的个h主页')">d到收藏夹</a> <br />  2、〖整理收藏夹〗命令的实现 <br />  [格式]:window.external.showBrowserUI("OrganizeFavorites",null) <br />  [说明]打开整理收藏夹对话框?<br />  [举例]?lt;body></body>之间加入Q?<br />  <a href="#" onclick=window.external.showBrowserUI("OrganizeFavorites",null)>整理收藏?lt;/a> </p> <p>  五、【工?T)】菜单中的命令的实现 <br />  〖internet选项〗命令的实现 <br />  [格式]:window.external.showBrowserUI("PrivacySettings",null) <br />  [说明]打开internet选项对话框?<br />  [举例]?lt;body></body>之间加入Q?<br />  <a href="#" onclick=window.external.showBrowserUI("PrivacySettings",null)>internet选项</a> </p> <p>  六、【工h】中的命令的实现 <br />  1、〖前q〗命令的实现 <br />  [格式]history.go(1) ?history.forward() <br />  [说明]览器打开后一个页面?<br />  [举例]?lt;body></body>之间加入Q?<br />  <a href="#" onclick=history.go(1)>前进</a> <br />  或加?<a href="#" onclick=history.forward()>前进</a> <br />  2、〖后退〗命令的实现 <br />  [格式]:history.go(-1) ?history.back() <br />  [说明]览器返回上一个已览的页面?<br />  [举例]?lt;body></body>之间加入Q?<br />  <a href="#" onclick=history.go(-1)>后退</a> <br />  或加?<a href="#" onclick=history.back()>后退</a> <br />  3、〖刷新〗命令的实现 <br />  [格式]:document.reload() ?history.go(0) <br />  [说明]览器重新打开本页?<br />  [举例]?lt;body></body>之间加入Q?<br />  <a href="#" onclick=location.reload()>h</a> <br />  或加?<a href="#" onclick=history.go(0)>h</a> <br />   <br />  七、其它命令的实现 <br />  〖定时关闭本H口〗命令的实现 <br />  [格式]:settimeout(window.close(),关闭的时? <br />  [说明]关闭本H口?<br />  [举例]?lt;body></body>之间加入Q?<br />  <a href="#" onclick=settimeout(window.close(),3000)>3U关闭本H口</a> </p> <p>  如果大家q整理出其他用javascript实现的命令,不妨投稿来和大家分n?<br />  【附】ؓ(f)?jin)方便读者,下面列出所有实例代码,你可以把它们攑ֈ一个html文g中,然后预览效果?<br />  <a href="#" onclick=document.execCommand("open")>打开</a><br> <br />  <a href="#" onclick=location.replace("view-source:"+location)>使用 C?~辑</a><br> <br />  <a href="#" onclick=document.execCommand("saveAs")>另存?sh)?lt;/a><br> <br />  <a href="#" onclick=document.execCommand("print")>打印</a><br> <br />  <a href="#" onclick=window.close();return false)>关闭本窗?lt;/a><br> <br />  <a href="#" onclick=document.execCommand("selectAll")>全?lt;/a><br> <br />  <a href="#" onclick=location.reload()>h</a> <a href="#" onclick=history.go(0)>h</a><br> <br />  <a href="#" onclick=location.replace("view-source:"+location)>查看源文?lt;/a> <br> <br />  <a href="#" onclick=window.open(document.location,"url","fullscreen")>全屏昄</a> <br> <br />  <a href="<a title="Java爱好? href="http://www.aygfsteel.com/rain1102" >Java</a> script:window.external.AddFavorite('http://homepage.yesky.com', '天极|页陶吧')">d到收藏夹</a> <br> <br />  <a href="#" onclick=window.external.showBrowserUI("OrganizeFavorites",null)>整理收藏?lt;/a> <br> <br />  <a href="#" onclick=window.external.showBrowserUI("PrivacySettings",null)>internet选项</a> <br> <br />  <a href="#" onclick=history.go(1)>前进1</a> <a href="#" onclick=history.forward()>前进2</a><br> <br />  <a href="#" onclick=history.go(-1)>后退1</a> <a href="#" onclick=history.back()>后退2</a><br> <br />  <a href="#" onclick=settimeout(window.close(),3000)>3U关闭本H口</a><br><br />"打开,另存?sh)?属?打印"{?4个JS代码<br /><a >http://www.weiw.com</a>  2003-8-19  伟网动力</p> <p> <br />■打开?<br /><input name=Button onClick=document.all.WebBrowser.ExecWB(1,1) type=button value=打开> <br /><OBJECT classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 height=0 id=WebBrowser width=0></OBJECT> <br />■另存(sh)ؓ(f)?<br /><input name=Button onClick=document.all.WebBrowser.ExecWB(4,1) type=button value=另存?sh)?gt;<OBJECT classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 height=0 id=WebBrowser width=0></OBJECT> <br />■属性■ <br /><input name=Button onClick=document.all.WebBrowser.ExecWB(10,1) type=button value=属?gt;<OBJECT classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 height=0 id=WebBrowser width=0></OBJECT> <br />■打印■ <br /><input name=Button onClick=document.all.WebBrowser.ExecWB(6,1) type=button value=打印><OBJECT classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 height=0 id=WebBrowser width=0></OBJECT> <br />■页面设|■ <br /><input name=Button onClick=document.all.WebBrowser.ExecWB(8,1) type=button value=面讄><OBJECT classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 height=0 id=WebBrowser width=0></OBJECT> <br />■刷新■ <br /><input type=button value=h name=refresh onclick="window.location.reload()"> <br />■导入收藏■ <br /><input type="button" name="Button" value="导入收藏? onClick=window.external.ImportExportFavorites(true,);> <br />■导出收藏■ <br /><input type="button" name="Button3" value="导出收藏? onClick=window.external.ImportExportFavorites(false,);> <br />■加入收藏■ <br /><INPUT name=Button2 onclick="window.external.AddFavorite(location.href, document.title)" type=button value=加入收藏?gt; <br />■整理收藏夹?<br /><INPUT name=Submit2 onclick="window.external.ShowBrowserUI(OrganizeFavorites, null)" type=button value=整理收藏?gt; <br />■查看原文g?<br /><INPUT name=Button onclick=window.location = "view-source:" + window.location.href type=button value=查看源文?gt; <br />■语a讄?<br /><INPUT name=Button onclick="window.external.ShowBrowserUI(LanguageDialog, null)" type=button value=语言讄> <br />■前q■ <br /><INPUT name=Submit onclick=history.go(1) type=submit value=前进> <br />■后退?<br /><INPUT name=Submit2 onclick=history.go(-1) type=submit value=后退></p> <p> </p> <p> </p><img src ="http://www.aygfsteel.com/rain1102/aggbug/75889.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.aygfsteel.com/rain1102/" target="_blank">周锐</a> 2006-10-18 13:42 <a href="http://www.aygfsteel.com/rain1102/archive/2006/10/18/75889.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>JavaScript中的Email验证http://www.aygfsteel.com/rain1102/archive/2006/10/18/75888.html周锐周锐Wed, 18 Oct 2006 05:40:00 GMThttp://www.aygfsteel.com/rain1102/archive/2006/10/18/75888.htmlhttp://www.aygfsteel.com/rain1102/comments/75888.htmlhttp://www.aygfsteel.com/rain1102/archive/2006/10/18/75888.html#Feedback0http://www.aygfsteel.com/rain1102/comments/commentRss/75888.htmlhttp://www.aygfsteel.com/rain1102/services/trackbacks/75888.html<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>EMAIL(g)?lt;/title>
</head>
<body>
<SCRIPT LANGUAGE="JavaScript">
<!--
function check()
{
 if(document.register.email.value.length!=0)
  {
    if (document.register.email.value.charAt(0)=="." ||       
         document.register.email.value.charAt(0)=="@"||      
         document.register.email.value.indexOf('@', 0) == -1 ||
         document.register.email.value.indexOf('.', 0) == -1 ||
         document.register.email.value.lastIndexOf("@")==document.register.email.value.length-1 ||
         document.register.email.value.lastIndexOf(".")==document.register.email.value.length-1)
     {
      alert("Email的格式不正确Q?);
      document.register.email.focus();
      return false;
      }
   }
 else
  {
   alert("Email的不能ؓ(f)I!");
   document.register.email.focus();
   return false;
   }
 return false;
}
//-->
</SCRIPT>
<form name="register" method="POST" action onSubmit="return  check();">
<p align="center">
  Email:<input type="text" name="email" size="20">
  <input type="submit" value="提交" name="B1">
  <input type="reset" value="重填" name="B2">
</p>
</form>
</body>
</html>

周锐 2006-10-18 13:40 发表评论
]]>
制作javascript弹出H口技巧九(ji)?/title><link>http://www.aygfsteel.com/rain1102/archive/2006/10/18/75881.html</link><dc:creator>周锐</dc:creator><author>周锐</author><pubDate>Wed, 18 Oct 2006 05:36:00 GMT</pubDate><guid>http://www.aygfsteel.com/rain1102/archive/2006/10/18/75881.html</guid><wfw:comment>http://www.aygfsteel.com/rain1102/comments/75881.html</wfw:comment><comments>http://www.aygfsteel.com/rain1102/archive/2006/10/18/75881.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.aygfsteel.com/rain1102/comments/commentRss/75881.html</wfw:commentRss><trackback:ping>http://www.aygfsteel.com/rain1102/services/trackbacks/75881.html</trackback:ping><description><![CDATA[     摘要: 1 、最基本的弹出窗口代?   其实代码非常单:(x)    < SCRIPT LANGUAGE="javascript">    < !--    window.open ("page.htm...  <a href='http://www.aygfsteel.com/rain1102/archive/2006/10/18/75881.html'>阅读全文</a><img src ="http://www.aygfsteel.com/rain1102/aggbug/75881.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.aygfsteel.com/rain1102/" target="_blank">周锐</a> 2006-10-18 13:36 <a href="http://www.aygfsteel.com/rain1102/archive/2006/10/18/75881.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>innerText和innerHTML的区?/title><link>http://www.aygfsteel.com/rain1102/archive/2006/09/25/71765.html</link><dc:creator>周锐</dc:creator><author>周锐</author><pubDate>Mon, 25 Sep 2006 07:41:00 GMT</pubDate><guid>http://www.aygfsteel.com/rain1102/archive/2006/09/25/71765.html</guid><wfw:comment>http://www.aygfsteel.com/rain1102/comments/71765.html</wfw:comment><comments>http://www.aygfsteel.com/rain1102/archive/2006/09/25/71765.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.aygfsteel.com/rain1102/comments/commentRss/71765.html</wfw:commentRss><trackback:ping>http://www.aygfsteel.com/rain1102/services/trackbacks/71765.html</trackback:ping><description><![CDATA[innerText和innerHTML的区?br />先看下面的代?br /><html><br /><head><title>test</title><br /><script language="javascript"><br />function show1(){<br />document.all.test.innerText="<font color=blue>test</font>"; <br />}<br />function show2(){<br />document.all.test.innerHTML="<font color=blue>test</font>"; <br />}<br /></script><br /></head><br /><body><br /><table><tr><td id=test><font color=red>innerText</font></td><br /></tr></table><br /><a href="javascript:show1();">testinnerText</a><br /><a href="javascript:show2();">testinnerHTML</a><br /></body><br /></html><br />对于innerTextQ即?<font color=blue>test</font>"当成整体内容昄出来。而对于innerHTML而言Q则?<font color=blue>test</font>"当成面的一部分Q即昄兰色的test字符Q?img src ="http://www.aygfsteel.com/rain1102/aggbug/71765.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.aygfsteel.com/rain1102/" target="_blank">周锐</a> 2006-09-25 15:41 <a href="http://www.aygfsteel.com/rain1102/archive/2006/09/25/71765.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>制作javascript弹出H口技巧九(ji)?/title><link>http://www.aygfsteel.com/rain1102/archive/2006/09/04/67627.html</link><dc:creator>周锐</dc:creator><author>周锐</author><pubDate>Mon, 04 Sep 2006 09:02:00 GMT</pubDate><guid>http://www.aygfsteel.com/rain1102/archive/2006/09/04/67627.html</guid><wfw:comment>http://www.aygfsteel.com/rain1102/comments/67627.html</wfw:comment><comments>http://www.aygfsteel.com/rain1102/archive/2006/09/04/67627.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.aygfsteel.com/rain1102/comments/commentRss/67627.html</wfw:commentRss><trackback:ping>http://www.aygfsteel.com/rain1102/services/trackbacks/67627.html</trackback:ping><description><![CDATA[     摘要: 1 、最基本的弹出窗口代?   其实代码非常单:(x)    < SCRIPT LANGUAGE="javascript">    < !--    window.open ("page.html")    -- >    &l...  <a href='http://www.aygfsteel.com/rain1102/archive/2006/09/04/67627.html'>阅读全文</a><img src ="http://www.aygfsteel.com/rain1102/aggbug/67627.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.aygfsteel.com/rain1102/" target="_blank">周锐</a> 2006-09-04 17:02 <a href="http://www.aygfsteel.com/rain1102/archive/2006/09/04/67627.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item></channel></rss> <footer> <div class="friendship-link"> <a href="http://www.aygfsteel.com/" title="狠狠久久亚洲欧美专区_中文字幕亚洲综合久久202_国产精品亚洲第五区在线_日本免费网站视频">狠狠久久亚洲欧美专区_中文字幕亚洲综合久久202_国产精品亚洲第五区在线_日本免费网站视频</a> </div> </footer> վ֩ģ壺 <a href="http://" target="_blank">԰</a>| <a href="http://" target="_blank"></a>| <a href="http://" target="_blank"></a>| <a href="http://" target="_blank"></a>| <a href="http://" target="_blank"></a>| <a href="http://" target="_blank"></a>| <a href="http://" target="_blank">˳</a>| <a href="http://" target="_blank"></a>| <a href="http://" target="_blank"></a>| <a href="http://" target="_blank">ƽ</a>| <a href="http://" target="_blank"></a>| <a href="http://" target="_blank">ľ˹</a>| <a href="http://" target="_blank"></a>| <a href="http://" target="_blank"></a>| <a href="http://" target="_blank"></a>| <a href="http://" target="_blank"></a>| <a href="http://" target="_blank">Ƽ</a>| <a href="http://" target="_blank">Ƥɽ</a>| <a href="http://" target="_blank">ɽ</a>| <a href="http://" target="_blank">ƽ</a>| <a href="http://" target="_blank"></a>| <a href="http://" target="_blank">Ϫ</a>| <a href="http://" target="_blank"></a>| <a href="http://" target="_blank"></a>| <a href="http://" target="_blank">÷</a>| <a href="http://" target="_blank">Դ</a>| <a href="http://" target="_blank">踽</a>| <a href="http://" target="_blank">ƺ</a>| <a href="http://" target="_blank">ͼ</a>| <a href="http://" target="_blank">ƽ</a>| <a href="http://" target="_blank"></a>| <a href="http://" target="_blank"></a>| <a href="http://" target="_blank">״</a>| <a href="http://" target="_blank">᯹</a>| <a href="http://" target="_blank">Ϫ</a>| <a href="http://" target="_blank"></a>| <a href="http://" target="_blank">ɽ</a>| <a href="http://" target="_blank"></a>| <a href="http://" target="_blank">ʡ</a>| <a href="http://" target="_blank"></a>| <a href="http://" target="_blank"></a>| <script> (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); </script> </body>