vista
          
				
          回顧※展望
                    潛心技術(shù)&&不再擱淺

          
			          		
		
          
	
          

          

          
	
          
		
          
			
				
 
BlogJava ::
首頁 ::
聯(lián)系 ::
聚合
 ::
管理

			
			
			
				

	
          
		
          
			
			
			
				 
				12 
				Posts ::
				1 Stories
				::
				13 Comments
				::
				0 Trackbacks
			
		
          
	
          

			          		
		
          
	
          

          


          

          
	
          
	
					

          
			
	
	
          
		
		這是一個(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è)非常簡單但使用的東東，呵呵
          ????????<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í)候在頁面顯示，不需要的時(shí)候在頁面隱藏，我們可以使用下面的代碼：
          <a?href="#"?onClick="chMode('table1');"?>點(diǎn)我</a>
          <table?id="table1" style="display:none">
          .
          </table>

          第一次點(diǎn)擊時(shí)，顯示table，再次點(diǎn)擊時(shí)，則隱藏了table.???? ^_^

          今天遇到一個(gè)問題，就是需要通過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(          "請上傳圖片！！");
          ?????????????          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 閱讀(1843) 評論(10)  編輯  收藏  所屬分類: web相關(guān) 
	
          

          







          
	    
    


          
	
          Feedback
          
		
		
				
          			
					
          
						# re: vista精神之 －－javascript篇
						
								2006-10-13 22:17
						
						壞男孩
					
          
					
          
						頂~~~  回復(fù)  更多評論
						
          
						  
					
          
				
          
				
          
			
				
          			
					
          
						# re: vista精神之 －－javascript篇
						
								2006-10-13 22:23
						
						馬嘉楠
					
          
					
          
						1）function leftToRight()可以做點(diǎn)修改啊

          原來的我操作了一下有點(diǎn)問題，左面的管理員進(jìn)入右面之后

          左面的list里面依然存在

          

          可以去掉leftToRight()中的cc參數(shù)，以及if(cc)語句，調(diào)用該函數(shù)的時(shí)候也不需要第三個(gè)參數(shù)了

          

          

          2）function ee() 看你寫的代碼就是顯示右側(cè)列表內(nèi)容，原來也是要實(shí)現(xiàn)這個(gè)功能么？

          

          修改后的 leftToRight()

          

              function leftToRight(aa,bb){//aa原來的列表，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;//刪除原來列表中選中的管理員

                              

                      }

                  }

              

              }

          

          

          修改后的 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ù)  更多評論
						
          
						  
					
          
				
          
				
          
			
				
          			
					
          
						# re: vista精神之 －－javascript篇
						
								2006-10-14 01:41
						
						vista--
					
          
					
          
						二樓的看的仔細(xì)啊，改了也可以，沒改的話，也是和具體需求相關(guān)的，呵呵  回復(fù)  更多評論
						
          
						  
					
          
				
          
				
          
			
				
          			
					
          
						# re: vista精神之 －－javascript篇
						
								2006-10-14 09:32
						
						馬嘉楠
					
          
					
          
						哈哈，明白了

          是我想當(dāng)然了^+^

          很有用的東西  回復(fù)  更多評論
						
          
						  
					
          
				
          
				
          
			
				
          			
					
          
						# re: vista精神之 －－javascript篇
						
								2006-10-16 14:50
						
						尤士期
					
          
					
          
						請問為什么點(diǎn)擊“<<”和“點(diǎn)我”時(shí)，那兩個(gè)多選框會(huì)閃動(dòng)呢？有沒有辦法不閃呀？:-)  回復(fù)  更多評論
						
          
						  
					
          
				
          
				
          
			
				
          			
					
          
						# re: vista精神之 －－javascript篇
						
								2006-10-17 10:15
						
						greco
					
          
					
          
						我現(xiàn)在不太用自己寫的Javascript代碼，一般都會(huì)用一些JS的框架,比如JQuery,Prototype等等。比如你那個(gè)顯示隱藏Table就只要 Element.hide();Element.show();就可以了。  回復(fù)  更多評論
						
          
						  
					
          
				
          
				
          
			
				
          			
					
          
						# re: vista精神之 －－javascript篇
						
								2006-10-17 12:42
						
						cwocwo
					
          
					
          
						第一個(gè)例子有bug， 多選的時(shí)候有問題。 

          有時(shí)項(xiàng)已移到右邊， 可左邊沒去掉

            回復(fù)  更多評論
						
          
						  
					
          
				
          
				
          
			
				
          			
					
          
						# re: vista精神之 －－javascript篇
						
								2006-10-17 14:03
						
						Vista
					
          
					
          
						回  cwocwo：

          我在具體業(yè)務(wù)的時(shí)候，左邊是不需要去掉的，如果要去掉的話，也很簡單，

          因?yàn)榫唧w業(yè)務(wù)的時(shí)候，左邊是所有供選擇的集合，而右邊的是用戶選擇的，

          呵呵  回復(fù)  更多評論
						
          
						  
					
          
				
          
				
          
			
				
          			
					
          
						# re: vista精神之 －－javascript篇
						
								2006-10-18 15:29
						
						123bingbing
					
          
					
          
						增開7群,號碼 30440732

          8群  30756649

          9群  30178567

          10群 28694497

          

          我們的qq群:15096318 學(xué)習(xí)程序的都可以來

            回復(fù)  更多評論
						
          
						  
					
          
				
          
				
          
			
				
          			
					
          
						# re: vista精神之 －－javascript篇
						
								2006-10-28 03:28
						
						Dedian
					
          
					
          
						hi, buddy, i have sent an email to u about customized Google Search engine  回復(fù)  更多評論
						
          
						  
					
          
				
          
				
          
			

          




          





          


          

	
          
		
          
				
		
	
		
          
		
		
          只有注冊用戶登錄后才能發(fā)表評論。
          
		
          
			
		
          
			
		
          
		
		
          
		


          

		          		
		
          
		
          			
		
		
		
		
          
		
          
		
		
          
		
          
			網(wǎng)站導(dǎo)航:
		
		
          
		
          
			


		
          	
		
          
			 
		
          
		
          
			
		
          
		
          
			
				
		
          		
	
          	

          



          

				

          

          




    







          
        
	




主站蜘蛛池模板：
高安市|
剑川县|
南阳市|
望江县|
图们市|
河曲县|
德江县|
靖州|
高青县|
金川县|
富裕县|
沙河市|
车致|
安康市|
平罗县|
礼泉县|
蕲春县|
安吉县|
文水县|
元朗区|
日照市|
伊春市|
普安县|
彰化市|
沭阳县|
吴川市|
澎湖县|
巢湖市|
衡阳县|
五家渠市|
义乌市|
台南市|
贺兰县|
库伦旗|
开鲁县|
嘉定区|
启东市|
二连浩特市|
凤冈县|
荔浦县|
武汉市|