ï»??xml version="1.0" encoding="utf-8" standalone="yes"?>粉嫩粉嫩芽的虎白女18在线视频,免费亚洲视频,永久免费在线观看http://www.aygfsteel.com/rain1102/category/37643.html<br/><font color="green" style="font-family: 华文行楷;font-size:16px;">化学¾l“构搜烦åQŒåŒ–学信息学åQŒç”Ÿç‰©ä¿¡æ¯å­¦åQŒå®žéªŒå®¤ä¿¡æ¯å­¦ç­‰ ã€?lt;/font><br/><font color="#3C1435">以高¿U‘技的生物、化学信息技术实现生命科学领域中专业数据的计½Ž—å’Œ½Ž¡ç†ã€æé«˜ç ”发能力、增强在¿U‘研和成本效率方面的国际竞争力,为生物、化学、医药和学术机构提供一‹¹çš„解决æ–ÒŽ¡ˆå’ŒæŠ€æœ¯å’¨è¯¢ã€?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原文地址åQšhttp://www.aygfsteel.com/sealyu/archive/2009/11/18/302849.html

xtype                  Class            

基本¾l„äšgåQ?/strong>                                                                 

box                    Ext.BoxComponent                      å…ähœ‰è¾ÒŽ¡†å±žæ€§çš„¾l„äšg

button                Ext.Button                                      按钮

colorpalette      Ext.ColorPalette                            调色æ?/p>

component       Ext.Component                            ¾l„äšg

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—口

工具栏组ä»Óž¼š

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                     å·¥å…·æ æ–‡æœ¬é¡¹

表单及字ŒD늻„ä»Óž¼š

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>

]]>
使用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 查了一下,原来是第三方的js里面控制了jre下蝲版本为:
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.6åQ‰ï¼š
 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';
 }


]]>
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">‹zÕdŠ¨èµ„è®¯</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">
        ‹zÕdŠ¨èµ„è®¯å†…å®¹ä¿¡æ¯
                          </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>



]]>
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 的编辑器帮了我们大忙åQŒè¿™äº›æ‰€è§å³æ‰€å¾—(WYSIWYGåQ‰ç¼–辑器åQŒç»™æˆ‘们提供了类ä¼?Office çš„æ“ä½œä½“验。如今,ä»ÖM½•¾|‘站内容½Ž¡ç†¾pȝ»ŸåQˆCMSåQ‰å’Œåšå®¢¾pȝ»Ÿéƒ½éœ€è¦ä¸€ä¸ªè¿™æ ïLš„¾~–辑器。本文精选了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Œä½†å¾ˆè½»é‡ï¼Œå¾ˆçµ‹z…R€‚打包后只有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Œç®€å•äØ“æœ¬ã€‚æ‰“åŒ…åŽåªæœ‰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。可以很å®ÒŽ˜“同各¿U?CMSåQŒè®ºå›ï¼Œç•™è¨€æœ¬ï¼Œåšå®¢½{‰ç³»¾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 çš„编辑器åQŒCOMSHARP 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 YUIåQŒç®€å•,但很可靠ã€?/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æ–ÒŽ³•输出XML

Grails支持一些不同的æ–ÒŽ³•来äñ”生XMLå’ŒJSON响应。第一个是隐式的通过renderæ–ÒŽ³•ã€?

renderæ–ÒŽ³•可以传递一个代码块来执行标记生成器产生XML

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

˜q™æ®µä»£ç çš„结果将会像˜q™æ ·åQ?

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

注意åQŒå½“ä½ ä‹É用标记生成器æ—Óž¼Œå¿…é¡»ž®å¿ƒé¿å…å‘½åå†²çªã€‚例如,˜q™æ®µä»£ç ž®†äñ”生一个错误:

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ä¼å›¾ä½œäØ“æ–ÒŽ³•被调用ã€?

使用renderæ–ÒŽ³•输出JSON

render æ–ÒŽ³•可以同样被用于输出JSON:

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

在这¿Uæƒ…况下åQŒç»“果就会是大致相同的:

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

同样的命名冲½Hå±é™©é€‚用于JSON生成器ã€?

自动XML列集(Marshalling)

åQˆè¯‘者注åQšåœ¨æ­¤é™„上对于列é›?Marshalling)解释åQšå¯¹å‡½æ•°å‚æ•°˜q›è¡Œæ‰“包处理得过½E‹ï¼Œå› äؓ指针½{‰æ•°æ®ï¼Œå¿…须通过一定得转换åQŒæ‰èƒ½è¢«å¦ä¸€¾l„äšg所理解。可以说列集(Marshalling)是一¿Uæ•°æ®æ ¼å¼çš„转换æ–ÒŽ³•。)

Grails同样支持自动列集(Marshalling)领域¾cÖMØ“XML通过特定的è{换器ã€?

首先åQŒå¯¼å…?code>grails.converters ¾cÕdŒ…åˆîC½ çš„æŽ§åˆ¶å™¨åQˆControllersåQ‰ä¸­åQ?

import grails.converters.*

现在åQŒä½ å¯ä»¥ä½¿ç”¨ä¸‹åˆ—高度易读的语法来自动转换领域¾cÀLˆXMLåQ?

render Book.list() as XML

输出¾l“果看上åŽÖM¼šåƒä¸‹åˆ—è¿™æ øP¼š

<?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ç‰ÒŽ€§ã€‚codecsç‰ÒŽ€§æä¾›äº†encodeAsXMLå’ŒencodeAsJSONæ–ÒŽ³•:

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

 

自动JSON列集(Marshalling)

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

render Book.list() as JSON

输出¾l“果看上åŽÖM¼šåƒä¸‹åˆ—è¿™æ øP¼š

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

å†æ¬¡ä½œäØ“ä¸€¿Uæ›¿ä»£ï¼Œä½ å¯ä»¥ä‹Éç”?code>encodeAsJSON辑ֈ°ç›¸åŒçš„æ•ˆæž?



]]>
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>来实现文件的上传了,˜q™æ˜¯ä¸å¯èƒ½çš„ã€?br />     而本文实现的<span id="wmqeeuq" class="hilite2"><span id="wmqeeuq" class="hilite2">æ–‡äšg上传</span></span>也是无页面刷新的åQŒå¯ä»¥è¯´æ˜¯ä¸€¿U?¾cÖM¼¼<span id="wmqeeuq" class="hilite1"><span id="wmqeeuq" class="hilite1">AJAX</span></span>"æ–ÒŽ³•ã€?br />     开始之前先说两句无关的åQŒå…¶å®žåœ¨<span id="wmqeeuq" class="hilite1"><span id="wmqeeuq" class="hilite1">ajax</span></span>出现之前åQŒweb应用也可以是无刷新的åQŒé‚£æ—¶å¤§å¤šé€šè¿‡IFrame来做到这一炏V€‚当ç„?span class="hilite1"><span id="wmqeeuq" class="hilite1">Ajax</span></span>出现之后åQŒäh们一½Hèœ‚地投å¥?span class="hilite1"><span id="wmqeeuq" class="hilite1">Ajax</span></span> 的阵营了åQŒiFrame ž®×ƒ¹äººé—®‹z¥äº†ã€‚但是用iFrame来实现无åˆäh–°ä¸Šä¼ æ–‡äšg¼‹®å®žä¸€ä¸ªå¾ˆå¥½çš„选择。psåQ?span class="hilite1"><span id="wmqeeuq" class="hilite1">Ajax</span></span>技术基本上可以说是由google公司带è“v来的åQŒä½†ž®‘Gmail中上传文件用的还æ˜?IFrameåQŒæ‰€ä»¥è¯´ä½¿ç”¨IFrame来上传文件是最好的选择ã€?br />     我在˜q™é‡Œ˜q™é‡Œç”¨çš„æŠ€æœ¯æ˜¯jspåQŒå…¶å®žaspåQŒphp½{‰ä¹Ÿæ˜¯ä¸€æ ·å¯ä»¥è¿™ä¹ˆå®žçŽ°çš„<br />     一å…׃¸¤ä¸ªæ–‡ä»¶å°±å¯å®žçŽŽÍ¼š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>åQœhtmlåQ?  </span></span> <li id="wmqeeuq" class=""><span>åQœbodyåQ?  </span> <li id="wmqeeuq" class="alt"><span>  </span> <li id="wmqeeuq" class=""><span>åQœform 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>    åQœinput 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>    åQœINPUT 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žï¼œ/spanåQ?  </span> <li id="wmqeeuq" class="alt"><span>    åQœbråQ?  </span> <li id="wmqeeuq" class=""><span>    åQœfont color=</span><span id="wmqeeuq" class="string">"red"</span><span>åQžæ”¯æŒJPG,JPEG,GIF,BMP,SWF,RMVB,RM,AVIæ–‡äšg的上传</fontåQ?nbsp;                </span> <li id="wmqeeuq" class="alt"><span>    åQœiframe name='hidden_frame' id=</span><span id="wmqeeuq" class="string">"hidden_frame"</span><span> style='display:none'åQžï¼œ/iframeåQ?  </span> <li id="wmqeeuq" class=""><span>åQ?formåQ?  </span> <li id="wmqeeuq" class="alt"><span>  </span> <li id="wmqeeuq" class=""><span>åQ?bodyåQ?  </span> <li id="wmqeeuq" class="alt"><span>åQ?htmlåQ?  </span> <li id="wmqeeuq" class=""><span>  </span> <li id="wmqeeuq" class="alt"><span>åQœscript 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">"åQœfont color=redåQ?</span><span>+msg+</span><span id="wmqeeuq" class="string">"åQ?fontåQ?</span><span>;   </span> <li id="wmqeeuq" class=""><span>}   </span> <li id="wmqeeuq" class="alt"><span>åQ?scriptåQ?nbsp; </span> </li> </ol> </div> <br /> <br /> <font color="#000000"> index.html 中主要要做的ž®±æ˜¯å†™ä¸€ä¸?form å’?iframe åQŒåƈæŠ?form çš?target è®¾äØ“ iframe 的名字,注意要把 iframe è®¾äØ“ä¸å¯è§ï¼Œå…¶ä»–çš„éƒ½æ˜¯æ­£å¸¸çš„<span id="wmqeeuq" class="hilite2"><span id="wmqeeuq" class="hilite2">æ–‡äšg上传</span></span>的写法,˜q™æ ·åˆäh–°çš„页面就是这个隐藏的 Iframe åQŒè€Œåœ¨ index.html 中是不会有页面刷新的åQŒjsçš?callback æ–ÒŽ³•是回调方法。用于清½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>框的æ–ÒŽ³•å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.讑֮šå…è®¸ä¸Šä¼ çš„æ–‡ä»Óž¼ˆé€šè¿‡æ‰©å±•名限åˆÓž¼‰,仅允许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.è®‘Ö®š¼›æ­¢ä¸Šä¼ çš„æ–‡ä»Óž¼ˆé€šè¿‡æ‰©å±•名限åˆÓž¼‰,¼›æ­¢ä¸Šä¼ å¸¦æœ‰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>åQœscriptåQžparent.callback('upload file success')åQ?scriptåQ?/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>åQœscriptåQžparent.callback('upload file error')åQ?scriptåQ?);   </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 中只要注意最后输出的格式ž®±å¯ä»¥äº†ã€‚其实原理就是输å‡ÞZ¸€ŒDµjs代码åˆ?iframe 中,然后在iframe中来控制它的爉™¡µé¢ã€?br /> <br />     OKåQŒè‡³æ­¤ä¸€ä¸ªæ— åˆäh–°çš„页面上传组件就做好了,</font><font color="#800080"><font color="#000000">不要忘了åœ?WEB-INF/lib 下加上必™åȝš„ jspSmartUpload.jar åŒ?/font></font><font color="#800080"><font color="#000000">ã€?br />     需要说明的是ä‹É用Iframe来上传,状态栏˜q˜æ˜¯ä¼šæœ‰åˆäh–°çš„ï¼Œå› äØ“iframe 中的™åµé¢åˆäh–°äº†å˜›åQŒä½†æ˜¯å¤–部页面,ž®±æ˜¯ä½ æ‰€çœ‹åˆ°çš„页面是没有åˆäh–°çš„,所以也可以说是¾cÖM¼¼<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.



]]>
对多列表格多¿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æ–ÒŽ³•äº†ï¼Œå› äØ“æ•°å­—å’Œæ—¥æœŸä¸æ”¯æŒå®ƒï¼Œä¹Ÿä¸å¯ä»¥ç”?=="å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>



]]>
å¯¹å¤šåˆ—è¡¨æ Æ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›è¡Œäº†æŽ’列,如果要实现想Microsoft Outlook那样åQŒç¬¬ä¸€‹Æ¡ç‚¹å‡ÀL˜¯æŽ’序åQŒå¦‚果再点击一‹Æ¡ï¼Œž®†ä¼šå¯ÒŽ­¤åˆ—进行逆序排列ã€?br /> ä¿®æ”¹ä»¥åŽçš„ä»£ç äØ“å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>


]]>
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();};
   }
}

]]>
自定义鼠标提½CÞZ»£ç ?/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Œç„¶åŽå¥½åƒè¿™ä¸ªä¸å¥½å¤„理。所以到¾|‘上查了一下,使用了window.showModalDialogæ–ÒŽ³•ã€?/p>

ShowModalDialog函数的功能:
打开一个子½H—口åQŒåƈ且可与父½H—å£ç›æ€º’传递数据,它与window.open的最大区别就在于由ShowModalDialog打开子窗口后åQŒçˆ¶½H—口ž®†ä¸èƒ½æ“ä½œã€?br /> 使用æ–ÒŽ³•åQ?/strong>
vReturnValue = window.showModalDialog(sURL [, vArguments] [, sFeatures])
参数说明åQ?br /> sURL
必选参敎ͼŒ¾cÕdž‹åQšå­—½W¦ä¸²ã€‚用来指定对话框要显½Cºçš„æ–‡æ¡£çš„URLã€?br /> vArguments
可选参敎ͼŒ¾cÕdž‹åQšå˜ä½“。用来向对话框传递参数。传递的参数¾cÕdž‹ä¸é™åQŒåŒ…括数¾l„等。对话框通过window.dialogArguments来取得传递进来的参数ã€?br /> sFeatures
可选参敎ͼŒ¾cÕdž‹åQšå­—½W¦ä¸²ã€‚用来描˜q°å¯¹è¯æ¡†çš„外观等信息åQŒå¯ä»¥ä‹É用以下的一个或几个åQŒç”¨åˆ†å·“;”隔开ã€?br />         dialogHeight 对话框高度,不小于1åQï¼pxåQŒï¾ƒåQ¥ï¼”中dialogHeight å’?dialogWidth 默认的单位是emåQŒè€Œï¾ƒåQ¥ï¼•中是pxåQŒäؓ方便其见åQŒåœ¨å®šä¹‰modal方式的对话框æ—Óž¼Œç”¨px做单位ã€?br />    dialogWidth: 对话框宽度ã€?br />    dialogLeft: 距离桌面左的距离ã€?br />    dialogTop: ¼›ÀL¡Œé¢ä¸Šçš„距¼›…R€?br />    center: {yes | no | 1 | 0 }åQšçª—口是否居中,默认yesåQŒä½†ä»å¯ä»¥æŒ‡å®šé«˜åº¦å’Œå®½åº¦ã€?br />    help: {yes | no | 1 | 0 }åQšæ˜¯å¦æ˜¾½Cºå¸®åŠ©æŒ‰é’®ï¼Œé»˜è®¤yesã€?br />    resizable: {yes | no | 1 | 0 } åQ»ï¾ƒåQ¥ï¼•åQ‹ï¼½åQšæ˜¯å¦å¯è¢«æ”¹å˜å¤§ž®ã€‚默认noã€?br />    status: {yes | no | 1 | 0 } åQ»IE5+åQ½ï¼šæ˜¯å¦æ˜„¡¤ºçŠ¶æ€æ ã€‚é»˜è®¤äØ“yes[ Modeless]或no  [Modal]ã€?br />        scroll:{ yes | no | 1 | 0 | on | off }åQšæŒ‡æ˜Žå¯¹è¯æ¡†æ˜¯å¦æ˜„¡¤ºæ»šåŠ¨æ¡ã€‚é»˜è®¤äØ“yesã€?br /> 参数传递方法:
父窗口向子窗口传递参数采用ShowModalDialog的第2个参数即可,父窗口要获取子窗口传回的参数则可通过ShowModalDialogå‡½æ•°çš„è¿”å›žå€ÆDŽ·å–ã€?br /> 子窗口获取父½H—å£å‚æ•°çš„æ–¹æ³•äØ“é‡‡ç”¨å­çª—å£window对象dialogArguments属性获取,例如åQ?br /> var a=window.dialogArguments;
子窗口向父窗口返回参数采用window.returnValue属性,如:
window.returnValue=1;
window.close();

比如实现上面问题åQŒåªéœ€è¦è¿™æ øP¼š
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¸Šé¢çš„功能了!

一、showModalDialog和showModelessDialog有什么不同?
  showModalDialogåQšè¢«æ‰“开后就会始¾lˆä¿æŒè¾“入焦炏V€‚除非对话框被关闭,否则用户无法切换åˆîC¸»½H—口。类似alert的运行效果ã€?br />   showModelessDialogåQšè¢«æ‰“开后,用户可以随机切换输入焦点。对ä¸Èª—口没有ä“Q何媄响ã€?br />

二、怎样才让在showModalDialogå’ŒshowModelessDialog的超˜qžæŽ¥ä¸å¼¹å‡ºæ–°½H—口åQ?br />   在被打开的网™åµé‡ŒåŠ ä¸Š<base target="_self">ž®±å¯ä»¥äº†ã€‚这句话一般是攑֜¨<html>å’?lt;body>之间的ã€?/p>

三、怎样才刷新showModalDialogå’ŒshowModelessDialog里的内容åQ?br />   在showModalDialogå’ŒshowModelessDialog里是不能按F5åˆäh–°çš„ï¼Œåˆä¸èƒ½å¼¹å‡ø™œå•。这个只能依靠javascript了,以下是相关代码:

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

  ž®†filename.htm替换成网™å늚„名字然后ž®†å®ƒæ”‘Öˆ°ä½ æ‰“开的网™åµé‡ŒåQŒæŒ‰F5ž®±å¯ä»¥åˆ·æ–îCº†åQŒæ³¨æ„ï¼Œ˜q™ä¸ªè¦é…å?lt;base target="_self">使用åQŒä¸ç„¶ä½ æŒ‰ä¸‹F5会弹出新½H—口的ã€?/p>

四、如何用javascriptå…ÏxމshowModalDialog(或showModelessDialog)打开的窗口ã€?br />   <input type="button" value="关闭" onclick="window.close()">
  也要配合<base target="_self">åQŒä¸ç„¶ä¼šæ‰“开一个新的IE½H—口åQŒç„¶åŽå†å…ÏxŽ‰çš„ã€?/p>

]]>
JS常见的location及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



]]>
æ ÒŽ®ò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];
}



]]>
æ ÒŽ®ç”Ÿæ—¥çš„æœˆä»½å’Œæ—¥æœŸå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 // æ ÒŽ®ç”Ÿæ—¥çš„æœˆä»½å’Œæ—¥æœŸå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);
}


]]>
如何在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>snap¾l™æ–‡ç« ä¸­çš„链接加上羃略图(ž®æ•™½E?åQˆè{载)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¾|‘站可以甌™¯·åˆîC¸€ŒD늱»ä¼é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>前面ž®±å¯ä»¥äº†ã€‚(¾læµ‹è¯•,ä¸ÞZ¸æ‹–慢速度åQŒæ”¾åœ?lt;/body>前也可以åQŒï¼‰

下面说说代码的修改:

1、ä‹É用默认的代码åQŒé¼ æ ‡ç§»åŠ¨åˆ°é“¾æŽ¥ä¸Šæ—¶æ˜„¡¤ºçš„æ•ˆæžœæ˜¯å¸¦æœç´¢æ¡†çš„,但是可以通过修改代码来去掉搜索框åQŒå…ˆçœ‹æ•ˆæžœå¯¹æ¯”:
snap

修改æ–ÒŽ³•是,ž®†èŽ·å¾—ä»£ç ä¸­çš?strong>sb=1æ”ÒŽˆsb=0

2、默认代码效果是™åµé¢ä¸­çš„æ‰€æœ‰é“¾æŽ¥éƒ½æœ‰é¼ æ ‡åˆ’˜q‡æ—¶æ˜„¡¤º¾~©ç•¥å›¾æ•ˆæžœã€?/strong>如果你想å¯ÒŽŸä¸ªç‰¹å®šé“¾æŽ¥ç¦ç”¨ç¾ƒç•¥å›¾æ•ˆæžœåQŒå¯ä»¥å¯¹è¯¥é“¾æŽ¥åŠ ä¸Šä¸€ä¸ªåˆ†¾cÀL¥æ ‡è¯†åQ?br /> 例如链接

<a href="xxxx">xxx</a>
åQŒç¦ç”¨ç¾ƒç•¥å›¾çš„æ–¹æ³•是写成
<a href="xxxx" class="snap_nopreview">xxx</a>

通常åQŒä¸€ä¸ªé¡µé¢é‡Œå¤§éƒ¨åˆ†é“¾æŽ¥æˆ‘们都不想加入¾~©ç•¥å›„¡š„åQŒæ‰€ä»¥ä¸Š˜q°åŠžæ³•æœ‰ç‚¹çƒ¦çäº†ã€?br /> 其实可以通过修改代码中的ap=1ä¸?strong>ap=0来ä‹É™åµé¢çš„æ‰€æœ‰é“¾æŽ¥åœ¨é»˜è®¤æƒ…况下不昄¡¤º¾~©ç•¥å›¾ï¼Œ˜q™æ—¶åªæœ‰é“¾æŽ¥å†™æˆä»¥ä¸‹æ ¼å¼çš„æƒ…况下才会有羃略图昄¡¤ºåQ?br />

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

对于上述各种情况åQŒå¦‚果链接本íw«å·²¾læœ‰äº†æŸä¸ªclass分类åQŒæ¯”如已¾låˆ†¾cÖMØ“class="123",可以ç”?strong>½Iºæ ¼æ¥åˆ†éš”,òq¶èµ‹äºˆå¤šä¸ªclass分类åQŒæ¯”å¦?br /> class="123 snap_nopreview"或者class="123 snap_preview"

以上为本人的一点小ž®å¿ƒå¾—,希望对各位看官有点帮助ã€?br /> --------------------------------------------------------------------------------------------------------

对于我ä‹É用的MTåQŒå¯ä»¥å¯¹æ¨¡ç‰ˆä¸­çš„评论者网站链接åŞ式加入一个class="snap_preview"来实现对评论者网站界面的初步预览åQŒæˆ‘觉得是个不错的小工具ã€?br /> 当然其他½E‹åºåQŒä¹Ÿå¯ä»¥åšç›¸åº”的修改实现该效果。我ž®×ƒ¸å†å¤šè¯´äº†ã€?/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ä»?ã€?开始加入了命ä×o行控åˆÓž¼Œä½ å¯ä»¥åœ¨¾|‘页中加å…?#8220;与我交谈”˜q™æ ·çš„æŒ‰é’®äº†åQŒè®¿é—®è€…点å‡Õd°±å¯ä»¥ç›´æŽ¥ç”¨ä»–çš„MSN与你对话åQŒä»£ç æ˜¯

建立对话åQšmsnim:chat?contact=[é‚®äšg地址]

æ·ÕdŠ å¥½å‹åQšmsnim:add?contact=[é‚®äšg地址]

语音聊天åQšmsnim:voice?contact=[é‚®äšg地址]

视频聊天åQšmsnim: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‹ã€?jquery½W¬ä¸€‹Æ¡äº²å¯†æŽ¥è§?转蝲)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½ äº†ï¼
˜q˜è®°å¾?()˜q™ä¸ªä¸œè¥¿å§ï¼Ÿprototype˜q˜æ˜¯DWR都ä‹É用了˜q™ä¸ªå‡½æ•°ä»£æ›¿document.getElementById()。没错,jqueryä¹Ÿè·Ÿé£Žäº†ã€‚äØ“è¾‘Öˆ°document.getElementById()的目的,jquery是这样写的:


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


看è“v来比其他两个框架的要多了一ä¸?åQŒå¥½åQŒçœ‹çœ‹ä¸‹é¢çš„用法åQ?br />

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


在prototype里看˜q‡è¿™æ ïLš„写法吗?½W¬ä¸€è¡Œä»£ç å¾—到所æœ?lt;div>标签下的<p>元素。第二行代码得到class为containerçš?lt;div>元素,½W¬ä¸‰è¡Œä»£ç å¾—åˆ?lt;div>标签下面id为msg的元素。第四行代码得到contextä¸ÞZ¸Šä¸‹æ–‡çš„table里面所有的˜qžæŽ¥å…ƒç´ ã€?
如果你熟悉CSSåQŒXpathåQŒä½ ä¼šè§‰å¾—这些写法很眼熟åQå¯¹äº†ã€‚正是。看出奥妙了吧。jqueryž®±æ˜¯é€šè¿‡˜q™æ ·çš„æ–¹å¼æ¥æ‰‘Öˆ°Dom对象里面的元素。跟CSS的选择器相¾cÖM¼¼ã€?
二,Jquery对象åQ?
jquery提供了很多便利的函数åQŒå¦‚each(fn)åQŒä½†æ˜¯ä‹É用这些函数的前提是:你ä‹É用的对象是Jquer对象。ä‹É一个Domå¯¹è±¡æˆäØ“ä¸€ä¸ªJquery对象很简单,通过下面一些方式(只是一部分åQ‰ï¼š

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


三,代替body标签的onload
˜q™ä¸ªæƒ¯ä¾‹åQŒä¹Ÿè®¸æ˜¯é™¤äº†$()之外åQŒç”¨å¾—最多的地方了。下面一ŒDµä»£ç ï¼š

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


上面两段代码是等ä»ïLš„。但代码1çš„å¥½å¤„æ˜¯åšåˆ°è¡¨çŽ°å’Œé€»è¾‘åˆ†ç¦»ã€‚åÆˆä¸”å¯ä»¥åœ¨ä¸åŒçš„jsæ–‡äšg中做相同的操作,å?(document).ready(fn)可以在一个页面中重复出现åQŒè€Œä¸ä¼šå†²½Hã€‚基本上Jqeury的很多plugin都是利用˜q™ä¸ªç‰ÒŽ€§ï¼Œæ­£å› ä¸ø™¿™ä¸ªç‰¹æ€§ï¼Œå¤šä¸ªplugin共同使用èµäh¥åQŒåœ¨åˆå§‹åŒ–时不会发生冲突ã€?
不管怎么è¯ß_¼Œ˜q™ä¸ªæƒ¯ä¾‹å¯ä»¥åˆ†ç¦»javascript与HTML。推荐ä‹É用ã€?
四,事äšg机制
我大量ä‹É用的事äšg可能ž®±æ˜¯buttonçš„onclick了。以前习惯在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Œè°ƒç”¨äº†åŒæ ·çš„函数。但¾l“果却差别很大ã€?
½W¬ä¸€è¡Œæ˜¯˜q”回指定元素的HTMLå€û|¼Œ½W¬äºŒè¡Œåˆ™æ˜¯å°†hello˜q™ä¸²å­—符讄¡½®åˆ°æŒ‡å®šå…ƒç´ ä¸­ã€‚jquery的函数大部分有这æ ïLš„ç‰ÒŽ€§ã€?
六,ajax
˜q™æ˜¯ä¸€ä¸ªajax横行的时代。多ž®‘ähåQŒäº†ä¸äº†è§£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™äº›éƒ½æ˜¯è¾ƒå¸¸ç”¨çš„æ–ÒŽ³•åQŒgetå’Œpost用法一栗÷€‚第一个参数是异步è¯äh±‚çš„urlåQŒç¬¬äºŒä¸ªä¸ºå‚敎ͼŒ½W¬ä¸‰ä¸ªå›žè°ƒæ–¹æ³•ã€?
3åQ?的方法会在指定的Dom对象上绑定响应ajax执行的事件。当ç„Óž¼Œjqueryçš„AJAX相关的函æ•îC¸ä»…是˜q™äº›åQŒæœ‰å…´è¶£å¯ä»¥åŽÈ ”½I¶å†å¤šã€?
七,渐入淡出

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


没错åQŒä¸Šé¢ä¸¤è¡Œä»£ç å·²¾låˆ†åˆ«å®žçŽîCº†ä¸€ä¸ªid为Msgçš„jquery对象的渐入和淡出。做一个像Gmail一æ ïLš„动态加载通知条,用jqueryž®±é‚£ä¹ˆç®€å•。两个函数接受的参数除了快慢½{‰ï¼Œ˜q˜å¯ä»¥æŽ¥æ”¶æ•´åž‹ï¼Œä½œäؓ渐入或æÙE出的完成旉™—´åQŒå•ä½äØ“MSã€?
八,plugin
˜q™ä¹Ÿæ˜¯ä¸€ä¸ªæ’件的时代ã€?
jquery插äšg¾l™æˆ‘的感觉清一色的清洁åQŒç®€å•。如JtipåQŒè¦ä½¿ç”¨å®ƒçš„功能åQŒåªéœ€è¦åœ¨ä½ çš„元素的class上加上Jtip,òq¶å¼•å…¥jtip.js及其样式卛_¯ä»¥äº†ã€‚其他事情插件全包。我喜欢jquery的一个重要原因是发现她已¾læœ‰äº†å¾ˆå¤šå¾ˆå¥½ï¼Œå¾ˆç²¾å½©çš„æ’äšgã€?br />
写得很烂。可能大家看不出jquery的好处。嗯åQŒå…‰å¬æ˜¯æ²¡ç”¨çš„,试用一下吧。你会发觉很有趣ã€?
暂时告一ŒDµè½å§ã€‚待有新的发现再来分享ã€?br />
加一些Jquery的资源:
http://www.visualjquery.com/index.xml 很好的API查询站点
http://jquery.com/demo/thickbox/ 知道lightBox吧,看看Jquery是怎样实现相同的东�
http://www.codylindley.com/blogstuff/js/jtip/ JtipåQŒå®žç”¨çš„æç¤ºå·¥å…·
http://jquery.com/plugins/ 很多牛的插äšgã€?

http://15daysofjquery.com


周锐 2007-10-24 17:23 发表评论
]]>
javascirpt几个验证输入¾cÕdž‹http://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//‹‚€æŸ¥æ˜¯å¦äØ“ä»ÀL„æ•ŽÍ¼ˆå®žæ•°åQ?
function isNumeric(strNumber) {
var newPar=/^(- ¦\+)?\d+(\.\d+)?$/
alert(newPar.test(strNumber));}
//‹‚€æŸ¥æ˜¯å¦äؓ正数
function isUnsignedNumeric(strNumber) {
var newPar=/^\d+(\.\d+)?$/
alert(newPar.test(strNumber)); }
//‹‚€æŸ¥æ˜¯å¦äؓ整数
function isInteger(strInteger) {
var newPar=/^(- ¦\+)?\d+$/
alert(newPar.test(strInteger)); }
//‹‚€æŸ¥æ˜¯å¦äؓ正整æ•?
function isUnsignedInteger(strInteger) {
var newPar=/^\d+$/
alert(newPar.test(strInteger));}




"^\\d+$"  //非负整数åQ?font style="BACKGROUND-COLOR: #ffffff">正整æ•?/font> + 0åQ?br>"^[0-9]*[1-9][0-9]*$"  //正整æ•?/font>
"^((-\\d+)|(0+))$"  //é?font style="BACKGROUND-COLOR: #ffffff">正整æ•?/font>åQˆè´Ÿæ•´æ•° + 0åQ?br>"^-[0-9]*[1-9][0-9]*$"  //è´Ÿæ•´æ•?br>"^-?\\d+$"    //æ•´æ•°
"^\\d+(\\.\\d+)?$"  //非负‹¹®ç‚¹æ•ŽÍ¼ˆæ­£æÕQç‚ÒŽ•° + 0åQ?br>"^(([0-9]+\\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\\.[0-9]+)|([0-9]*[1-9][0-9]*))$"  //æ­£æÕQç‚ÒŽ•°
"^((-\\d+(\\.\\d+)?)|(0+(\\.0+)?))$"  //非正‹¹®ç‚¹æ•ŽÍ¼ˆè´ŸæÕQç‚ÒŽ•° + 0åQ?br>"^(-(([0-9]+\\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\\.[0-9]+)|([0-9]*[1-9][0-9]*)))$"  //è´ŸæÕQç‚ÒŽ•°
"^(-?\\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



]]>
【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("一æœ?, "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一æœ?, "十二æœ?); <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>moveòq¿å‘Š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下划¾U¿on的颜è‰?br />     var buttonLineOff="#000";          //button下划¾U¿off的颜è‰?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();
     }
     //NetScape¾l“束
     //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>");//////////////////
     
     }
     //IE¾l“束
     </SCRIPT>



]]>
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æœ‰äº›ç›æ€¼¼å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ã€ã€–å¦å­˜äØ“ã€—å‘½ä»¤çš„å®žçŽ° <br />  [格式]:document.execCommand("saveAs") <br />  [说明]ž®†è¯¥¾|‘页保存到本地盘的其它目录! <br />  [举例]åœ?lt;body></body>之间加入åQ?<br />  <a href="#" onclick=document.execCommand("saveAs")>另存ä¸?lt;/a> <br />  4、〖打印〗命令的实现 <br />  [格式]:document.execCommand("print") <br />  [说明]当然åQŒä½ å¿…须装了打印机! <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)>3¿U’关闭本½H—口</a> </p> <p>  如果大家˜q˜æ•´ç†å‡ºå…¶ä»–用javascript实现的命令,不妨投稿来和大家分äínã€?<br />ã€€ã€€ã€é™„ã€‘äØ“äº†æ–¹ä¾¿è¯»è€…ï¼Œä¸‹é¢ž®†åˆ—出所有实例代码,你可以把它们攑ֈ°ä¸€ä¸ª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")>另存ä¸?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)>3¿U’关闭本½H—口</a><br><br />"打开,另存ä¸?属æ€?打印"½{?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 />â– å¦å­˜äØ“â–?<br /><input name=Button onClick=document.all.WebBrowser.ExecWB(4,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(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‹‚€éª?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çš„ä¸èƒ½äØ“½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>

]]>
制作javascript弹出½H—口技巧九åˆ?/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 、最基本的弹出窗口代ç ?   其实代码非常½Ž€å•:    < 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 />对于innerTextåQŒå³æŠ?<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—口技巧九åˆ?/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 、最基本的弹出窗口代ç ?   其实代码非常½Ž€å•:    < 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>