vista
回顧※展望
潛心技術(shù)&&不再擱淺
BlogJava
::
首頁(yè)
::
聯(lián)系
::
聚合
::
管理
12 Posts :: 1 Stories :: 13 Comments :: 0 Trackbacks
常用鏈接
我的隨筆
我的評(píng)論
我的參與
最新評(píng)論
留言簿
(1)
給我留言
查看公開(kāi)留言
查看私人留言
隨筆分類(lèi)
java基礎(chǔ)(3)
web框架
web相關(guān)(3)
關(guān)注業(yè)界
興趣愛(ài)好
開(kāi)源※類(lèi)庫(kù)(2)
敏捷開(kāi)發(fā)
數(shù)據(jù)庫(kù)(2)
生活感悟(3)
設(shè)計(jì)模式
通訊錄
隨筆檔案
2006年12月 (6)
2006年11月 (2)
2006年10月 (2)
2006年9月 (2)
文章檔案
2006年11月 (1)
搜索
最新評(píng)論
1.?比多更多
呵呵 沒(méi)得選擇很難,多的選擇更難,還是希望接到更多通知上班的電話,這樣你就占優(yōu)勢(shì)了呀!祝福朋友!
--微牧印象
2.?re: 隨想一
評(píng)論內(nèi)容較長(zhǎng),點(diǎn)擊標(biāo)題查看
--風(fēng)的聲音
3.?re: 華為面試歸來(lái)
評(píng)論內(nèi)容較長(zhǎng),點(diǎn)擊標(biāo)題查看
--Vista
4.?re: vista精神之 --javascript篇
hi, buddy, i have sent an email to u about customized Google Search engine
--Dedian
5.?re: vista精神之 --javascript篇
評(píng)論內(nèi)容較長(zhǎng),點(diǎn)擊標(biāo)題查看
--123bingbing
閱讀排行榜
1.?轉(zhuǎn)貼 -- 通過(guò)分析SQL語(yǔ)句的執(zhí)行計(jì)劃優(yōu)化SQL(總結(jié))(3471)
2.?華為面試歸來(lái)(2549)
3.?vista精神之 --javascript篇(1855)
4.?vista精神之--動(dòng)態(tài)代理學(xué)習(xí)(1670)
5.?vista精神之-dom4j讀寫(xiě)xml文件(1454)
評(píng)論排行榜
1.?vista精神之 --javascript篇(10)
2.?華為面試歸來(lái)(2)
3.?隨想一(1)
4.?vista 精神之 - 類(lèi)庫(kù)篇(0)
5.?vista 精神之 - 面向?qū)ο笃?0)
vista精神之 --javascript篇
這是一個(gè)小東東,有的時(shí)候用的著,呵呵。
<
script?
language
="javascript"
?
>
????
function
?leftToRight(aa,bb,cc)
{
????????
var
?selected;
????????
var
?b?
=
?
false
;
????????
var
?bLength?
=
?bb.length;
????????
for
(
var
?i
=
0
;?i?
<
?aa.length;?i?
++
?)
{
????????????
if
(aa[i].selected)
{
????????????????
????????????????selected?
=
?aa[i].value;
????????????????
for
(
var
?j
=
0
;?j?
<
?bLength;?j
++
)
{
????????????????????
if
(bb[j].value?
==
?selected)
????????????????????b?
=
?
true
;
????????????????}
????????????????
if
(
!
b)
{
????????????????bb[bLength]?
=
?
new
?Option(aa[i].text,selected);
????????????????bLength?
++
?;
????????????????
????????????????}
????????????????
if
(cc)
????????????????????aa[i]?
=
?
null
;
????????????}
????????}
????
????}
????
function
?ee()
{
????????
var
?blist?
=
?form1.b;
????????
var
?result?
=
?
""
;
????????
for
(
var
?i?
=
?
0
;?i?
<
?blist.length;?i
++
)
{
????????????result?
+=
?blist[i].value
????????????result?
+=
?
"
-
"
;
????????}
????????alert(result);
????}
????
function
?search()
{
????????
var
?sear?
=
?form1.sear.value;
????????
var
?alist?
=
?form1.a;
????????
for
(
var
?i?
=
?
0
;?i?
<
?alist.length;?i
++
)
{
????????????
//
alert(sear.indexOf(alist[i].text));
????????????
if
(alist[i].text.indexOf(sear)?
==
?
0
)
{
????????????????
if
(
!
alist[i].selected)
{
????????????????alist[i].selected?
=
?
true
;
????????????????
return
?
true
;
????????????????}
????????????}
????????????
//
return?true;
????????}
????}
</
script
>
<
form?
name
="form1"
?
>
<
input?
type
="text"
?name
="sear"
?
/><
input?
type
="button"
?value
="search"
?onClick
="search();"
?
/>
<
table?
width
="40%"
?align
="center"
><
tr
><
td?
height
="200"
>
<
select?
multiple?name
="a"
??style
="height:200px;width:100px;"
>
????
<
option?
value
="1"
>
管理員1
</
option
>
????
<
option?
value
="2"
>
管理員2
</
option
>
????
<
option?
value
="3"
>
管理員3
</
option
>
????
<
option?
value
="4"
>
管理員4
</
option
>
</
select
></
td
>
<
td
>
????
<
input?
type
="button"
?value
="?>>?"
?onClick
="leftToRight(form1.a,form1.b);"
?
/><
br?
/>
????
<
input?
type
="button"
?value
="?<<?"
?onClick
="leftToRight(form1.b,form1.a,true);"
?
/>
</
td
>
<
td?
height
="150"
>
<
select?
multiple?name
="b"
?style
="height:200px;width:100px;"
?
>
????
????
<
option?
value
="11"
>
管理員5
</
option
>
????
<
option?
value
="22"
>
管理員6
</
option
>
</
select
>
</
td
></
tr
>
<
tr
><
td?
colspan
="2"
><
input?
type
="button"
?value
="提交"
?onClick
="ee();"
?
/></
td
></
tr
>
</
table
></
form
>
一個(gè)非常簡(jiǎn)單但使用的東東,呵呵
????????
<
script?
language
="javascript"
>
????
function
?chMode(num)
{
????????
var
?a?
=
?document.getElementById(num);
????????
if
(a.style.display?
==
?
"
block
"
)
{
????????????a.style.display?
=
?
"
none
"
;
????????}
????????
else
{
????????????????????a.style.display?
=
?
"
block
"
;
????????}
????}
????
????
</
script
>
例如,我們需要將一個(gè)table在需要的時(shí)候在頁(yè)面顯示,不需要的時(shí)候在頁(yè)面隱藏,我們可以使用下面的代碼:
<
a?
href
="#"
?onClick
="chMode('table1');"
?
>
點(diǎn)我
</
a
>
<
table?
id
="table1" style="display:none"
>
.
</
table
>
第一次點(diǎn)擊時(shí),顯示table,再次點(diǎn)擊時(shí),則隱藏了table.???? ^_^
今天遇到一個(gè)問(wèn)題,就是需要通過(guò)javascript代碼判斷上傳圖片的文件大小,上網(wǎng)搜索了下,找了些代碼,整理個(gè)小例子如下:
<
script?
language
="javascript"
?
>
function
?CheckFileSize()????
??
{????
????????
var
?FileMaxSize?
=
?
100
;
//
限制上傳的文件大小,單位(k)?
??????
var
???s???
=
???document.RegForm.Img_1.value;???
??????
//
if(s==""){alert("No?image,please?select?again!");document.RegForm.Img_1.focus();?return???false;}????
?????
var
???img???
=
???
new
???Image();????
?????img.src???
=
???s;??
?????alert(img.fileSize);
?????
if
(img.fileSize
>
FileMaxSize
*
1024
)
{
?????????alert(
"
文件太大!
"
);
?????????document.RegForm.Img_1.focus();
?????????
return
?
false
;
?????}
?????
if
(img.fileSize?
==
?
-
1
)
{
?????????????alert(
"
請(qǐng)上傳圖片!!
"
);
?????????????
return
?
false
;
?????????}
?????
return
?
true
;
}
</
script
>
???
<
form?
action
="a.htm"
?method
="post"
??enctype
="multipart/form-data"
?name
="RegForm"
>
?
????
<
input?
type
="file"
?name
="Img_1"
?
>
<
input??
type
="button"
??value
="Save"
?onClick
="return?CheckFileSize()"
>
</
form
>
加一個(gè)判斷并控制顯示圖片大小的代碼:
<
html
><
head
>
????
<
script?
language
="javascript"
>
????????
function
?reSize()
{
????????????
var
?a?
=
?document.getElementById(
"
img1
"
);
????????????
var
???img???
=
???
new
???Image();?
????????????img.src?
=
?a.value;
????????????
if
(a.width?
>
?
600
)
????????????????a.width?
=
?
600
;
????????}
????
</
script
>
????
</
head
>
<
body?
onload
="reSize();"
>
<
IMG?
src
="1.jpg"
?style
="border:1px?#ff0000?solid"
?name
=ntimg?
id
="img1"
?
>
</
body
></
html
>
加個(gè) location.href?, location.reload();
posted on 2006-10-13 20:39
Vista
閱讀(1855)
評(píng)論(10)
編輯
收藏
所屬分類(lèi):
web相關(guān)
Feedback
#
re: vista精神之 --javascript篇
2006-10-13 22:17
壞男孩
頂~~~
回復(fù)
更多評(píng)論
#
re: vista精神之 --javascript篇
2006-10-13 22:23
馬嘉楠
1)function leftToRight()可以做點(diǎn)修改啊
原來(lái)的我操作了一下有點(diǎn)問(wèn)題,左面的管理員進(jìn)入右面之后
左面的list里面依然存在
可以去掉leftToRight()中的cc參數(shù),以及if(cc)語(yǔ)句,調(diào)用該函數(shù)的時(shí)候也不需要第三個(gè)參數(shù)了
2)function ee() 看你寫(xiě)的代碼就是顯示右側(cè)列表內(nèi)容,原來(lái)也是要實(shí)現(xiàn)這個(gè)功能么?
修改后的 leftToRight()
function leftToRight(aa,bb){//aa原來(lái)的列表,bb目的列表
var selected;
var b = false;
var bLength = bb.length;
for(var i=0; i < aa.length; i ++ ){
if(aa[i].selected){
selected = aa[i].value;
for(var j=0; j < bLength; j++){
if(bb[j].value == selected)
b = true;
}
if(!b){
bb[bLength] = new Option(aa[i].text,selected);
bLength ++ ;
}
aa[i] = null;//刪除原來(lái)列表中選中的管理員
}
}
}
修改后的 function ee()
function ee(){
var blist = form1.b;
var result = "";
for(var i = 0; i < blist.length; i++){
result += "right list " + (i+1) + " = " + blist[i].text;
result += "\n";
}
alert(result);
}
這樣看得更明白,呵呵
回復(fù)
更多評(píng)論
#
re: vista精神之 --javascript篇
2006-10-14 01:41
vista--
二樓的看的仔細(xì)啊,改了也可以,沒(méi)改的話,也是和具體需求相關(guān)的,呵呵
回復(fù)
更多評(píng)論
#
re: vista精神之 --javascript篇
2006-10-14 09:32
馬嘉楠
哈哈,明白了
是我想當(dāng)然了^+^
很有用的東西
回復(fù)
更多評(píng)論
#
re: vista精神之 --javascript篇
2006-10-16 14:50
尤士期
請(qǐng)問(wèn)為什么點(diǎn)擊“<<”和“點(diǎn)我”時(shí),那兩個(gè)多選框會(huì)閃動(dòng)呢?有沒(méi)有辦法不閃呀?:-)
回復(fù)
更多評(píng)論
#
re: vista精神之 --javascript篇
2006-10-17 10:15
greco
我現(xiàn)在不太用自己寫(xiě)的Javascript代碼,一般都會(huì)用一些JS的框架,比如JQuery,Prototype等等。比如你那個(gè)顯示隱藏Table就只要 Element.hide();Element.show();就可以了。
回復(fù)
更多評(píng)論
#
re: vista精神之 --javascript篇
2006-10-17 12:42
cwocwo
第一個(gè)例子有bug, 多選的時(shí)候有問(wèn)題。
有時(shí)項(xiàng)已移到右邊, 可左邊沒(méi)去掉
回復(fù)
更多評(píng)論
#
re: vista精神之 --javascript篇
2006-10-17 14:03
Vista
回 cwocwo:
我在具體業(yè)務(wù)的時(shí)候,左邊是不需要去掉的,如果要去掉的話,也很簡(jiǎn)單,
因?yàn)榫唧w業(yè)務(wù)的時(shí)候,左邊是所有供選擇的集合,而右邊的是用戶(hù)選擇的,
呵呵
回復(fù)
更多評(píng)論
#
re: vista精神之 --javascript篇
2006-10-18 15:29
123bingbing
增開(kāi)7群,號(hào)碼 30440732
8群 30756649
9群 30178567
10群 28694497
我們的qq群:15096318 學(xué)習(xí)程序的都可以來(lái)
回復(fù)
更多評(píng)論
#
re: vista精神之 --javascript篇
2006-10-28 03:28
Dedian
hi, buddy, i have sent an email to u about customized Google Search engine
回復(fù)
更多評(píng)論
新用戶(hù)注冊(cè)
刷新評(píng)論列表
只有注冊(cè)用戶(hù)
登錄
后才能發(fā)表評(píng)論。
網(wǎng)站導(dǎo)航:
博客園
IT新聞
Chat2DB
C++博客
博問(wèn)
管理
相關(guān)文章:
vista精神之---dom4j入門(mén)(轉(zhuǎn)貼)
轉(zhuǎn)-JS正則表達(dá)式詳解[來(lái)自javaeye]
vista精神之 --javascript篇
Copyright @ Vista
Powered by:
.Text
and
ASP.NET
Theme by:
.NET Monster
主站蜘蛛池模板:
盐城市
|
恩施市
|
页游
|
大余县
|
新巴尔虎右旗
|
中江县
|
屏边
|
宁晋县
|
宁都县
|
辉县市
|
承德市
|
孝义市
|
安阳县
|
祥云县
|
福贡县
|
定日县
|
沙坪坝区
|
洪雅县
|
福安市
|
威信县
|
金塔县
|
宣威市
|
五家渠市
|
沐川县
|
诏安县
|
龙胜
|
美姑县
|
亳州市
|
盐山县
|
赣州市
|
台南县
|
水富县
|
右玉县
|
金乡县
|
营山县
|
南充市
|
抚宁县
|
固安县
|
枣强县
|
玛纳斯县
|
延边
|