﻿<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:trackback="http://madskills.com/public/xml/rss/module/trackback/" xmlns:wfw="http://wellformedweb.org/CommentAPI/" xmlns:slash="http://purl.org/rss/1.0/modules/slash/"><channel><title>BlogJava-henry1451 的专栏-文章分类-Js,Ajax,Html技术</title><link>http://www.blogjava.net/henry1451/category/31737.html</link><description>共同学习,共同进步</description><language>zh-cn</language><lastBuildDate>Fri, 30 May 2008 09:23:39 GMT</lastBuildDate><pubDate>Fri, 30 May 2008 09:23:39 GMT</pubDate><ttl>60</ttl><item><title>关于Select宽度设定</title><link>http://www.blogjava.net/henry1451/articles/203903.html</link><dc:creator>henry1451</dc:creator><author>henry1451</author><pubDate>Thu, 29 May 2008 10:07:00 GMT</pubDate><guid>http://www.blogjava.net/henry1451/articles/203903.html</guid><wfw:comment>http://www.blogjava.net/henry1451/comments/203903.html</wfw:comment><comments>http://www.blogjava.net/henry1451/articles/203903.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.blogjava.net/henry1451/comments/commentRss/203903.html</wfw:commentRss><trackback:ping>http://www.blogjava.net/henry1451/services/trackbacks/203903.html</trackback:ping><description><![CDATA[<br />
&nbsp;&nbsp;&nbsp;&nbsp;在使用<font style="background-color: #c4ecc9">Select</font>时,有时候需要固定宽度,有时候需要自适应,下面说下要设定固定宽度时要注意的地方:<br />
控件设定宽度一般是直接指定width属性即可,但<font style="background-color: #c4ecc9">Select</font>设定固度是使用style="width:n"的形式设定,如果只设置width属性,则<font style="background-color: #c4ecc9">Select</font>的宽度还是会随下面选择项的宽度变化而变化的,如:<br />
<div style="border-right: #cccccc 1px solid; padding-right: 5px; border-top: #cccccc 1px solid; padding-left: 4px; font-size: 13px; padding-bottom: 4px; border-left: #cccccc 1px solid; width: 98%; word-break: break-all; padding-top: 4px; border-bottom: #cccccc 1px solid; background-color: #eeeeee"><img src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top"  alt="" /><span style="color: #000000">&lt;</span><span style="color: #000000">select&nbsp;width</span><span style="color: #000000">=</span><span style="color: #000000">"</span><span style="color: #000000">20px</span><span style="color: #000000">"</span><span style="color: #000000">&gt;</span><span style="color: #000000"><br />
<img src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top"  alt="" /></span><span style="color: #000000">&lt;</span><span style="color: #000000">option</span><span style="color: #000000">&gt;</span><span style="color: #000000">1111111111111111111</span><span style="color: #000000">&lt;/</span><span style="color: #000000">option</span><span style="color: #000000">&gt;</span><span style="color: #000000"><br />
<img src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top"  alt="" /></span><span style="color: #000000">&lt;</span><span style="color: #000000">option</span><span style="color: #000000">&gt;</span><span style="color: #000000">22</span><span style="color: #000000">&lt;/</span><span style="color: #000000">option</span><span style="color: #000000">&gt;</span><span style="color: #000000"><br />
<img src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top"  alt="" /></span><span style="color: #000000">&lt;</span><span style="color: #000000">option</span><span style="color: #000000">&gt;</span><span style="color: #000000">1</span><span style="color: #000000">&lt;/</span><span style="color: #000000">option</span><span style="color: #000000">&gt;</span><span style="color: #000000"><br />
<img src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top"  alt="" /></span><span style="color: #000000">&lt;</span><span style="color: #000000">option</span><span style="color: #000000">&gt;</span><span style="color: #000000">44444444444444444444444444444444</span><span style="color: #000000">&lt;/</span><span style="color: #000000">option</span><span style="color: #000000">&gt;</span><span style="color: #000000"><br />
<img src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top"  alt="" /></span><span style="color: #000000">&lt;/</span><span style="color: #000000">select</span><span style="color: #000000">&gt;</span></div>
则<font style="background-color: #c4ecc9">Select的宽度是第四个选项的宽度,即最终页面上显示的<font style="background-color: #c4ecc9">Select宽度肯定是大于20px的,如果是这种方式:<br />
<br />
<div style="border-right: #cccccc 1px solid; padding-right: 5px; border-top: #cccccc 1px solid; padding-left: 4px; font-size: 13px; padding-bottom: 4px; border-left: #cccccc 1px solid; width: 98%; word-break: break-all; padding-top: 4px; border-bottom: #cccccc 1px solid; background-color: #eeeeee"><img src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top"  alt="" /><span style="color: #000000">&lt;</span><span style="color: #000000">select&nbsp;style</span><span style="color: #000000">=</span><span style="color: #000000">"</span><span style="color: #000000">width:20px</span><span style="color: #000000">"</span><span style="color: #000000">&gt;</span><span style="color: #000000"><br />
<img src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top"  alt="" /></span><span style="color: #000000">&lt;</span><span style="color: #000000">option</span><span style="color: #000000">&gt;</span><span style="color: #000000">1111111111111111111</span><span style="color: #000000">&lt;/</span><span style="color: #000000">option</span><span style="color: #000000">&gt;</span><span style="color: #000000"><br />
<img src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top"  alt="" /></span><span style="color: #000000">&lt;</span><span style="color: #000000">option</span><span style="color: #000000">&gt;</span><span style="color: #000000">22</span><span style="color: #000000">&lt;/</span><span style="color: #000000">option</span><span style="color: #000000">&gt;</span><span style="color: #000000"><br />
<img src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top"  alt="" /></span><span style="color: #000000">&lt;</span><span style="color: #000000">option</span><span style="color: #000000">&gt;</span><span style="color: #000000">1</span><span style="color: #000000">&lt;/</span><span style="color: #000000">option</span><span style="color: #000000">&gt;</span><span style="color: #000000"><br />
<img src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top"  alt="" /></span><span style="color: #000000">&lt;</span><span style="color: #000000">option</span><span style="color: #000000">&gt;</span><span style="color: #000000">44444444444444444444444444444444</span><span style="color: #000000">&lt;/</span><span style="color: #000000">option</span><span style="color: #000000">&gt;</span><span style="color: #000000"><br />
<img src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top"  alt="" /></span><span style="color: #000000">&lt;/</span><span style="color: #000000">select</span><span style="color: #000000">&gt;</span></div>
则<font style="background-color: #c4ecc9">Select</font>的宽度会固定为20px,即第四个选项会显示不完整,达到了固定<font style="background-color: #c4ecc9">Select</font>宽度的目的.</font></font>
<img src ="http://www.blogjava.net/henry1451/aggbug/203903.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.blogjava.net/henry1451/" target="_blank">henry1451</a> 2008-05-29 18:07 <a href="http://www.blogjava.net/henry1451/articles/203903.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>js排序</title><link>http://www.blogjava.net/henry1451/articles/202550.html</link><dc:creator>henry1451</dc:creator><author>henry1451</author><pubDate>Sat, 24 May 2008 02:36:00 GMT</pubDate><guid>http://www.blogjava.net/henry1451/articles/202550.html</guid><wfw:comment>http://www.blogjava.net/henry1451/comments/202550.html</wfw:comment><comments>http://www.blogjava.net/henry1451/articles/202550.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.blogjava.net/henry1451/comments/commentRss/202550.html</wfw:commentRss><trackback:ping>http://www.blogjava.net/henry1451/services/trackbacks/202550.html</trackback:ping><description><![CDATA[<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;如果想在客户端实现一些简单的数字,字符排序,可以用JS实现:<br />
<br />
Array 对象sort 方法<br />
描述: <br />
返回一个元素已经进行了排序的 Array 对象.<br />
<br />
语法:<br />
sort() 默认对 字符传进行排序.<br />
arrayobj.sort(sortfunction) <br />
如要求结果是10、16、120这样的数字大小排序，应该使用下面的程序:<br />
&lt;SCRIPT language=JavaScript&gt; <br />
var a=new Array(3); <br />
a[0]=10; <br />
a[1]=16; <br />
a[2]=120; <br />
a.sort(function(x,y){return parseInt(x)-parseInt(y);}); <br />
document.write(a+" "); <br />
&lt;/SCRIPT&gt;<br />
&nbsp;<br />
function(x,y)是具体实现排序功能的函数, 上面的方法是实现升序,如果想实现降序,可以改下返回结果:return parseInt(y)-parseInt(x);<br />
当然如果想实现字符串的排序,则可以直接使用a.sort(param);即sort(param) 默认对字符串进行排序,参数为一函数,如果省略该参数,则那么元素将按照 ASCII 字符顺序进行升序排列.当然也可以实现对Long型数据排序,将parseInt改为parseLong即可.<br />
<img src ="http://www.blogjava.net/henry1451/aggbug/202550.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.blogjava.net/henry1451/" target="_blank">henry1451</a> 2008-05-24 10:36 <a href="http://www.blogjava.net/henry1451/articles/202550.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item></channel></rss>