搜尋此網誌

2013年3月6日 星期三

動態創造物件(Create a object dynamically)

目錄架構:

DemoObject : 單純的物件
 package dynamic;  
 public class DemoObject {  
      private int id ;  
      public int getId() {  
           return id;  
      }  
      public void setId(int id) {  
           this.id = id;  
      }  
 }  

Main.java : 程式執行的地方.
 package dynamic;  
 import java.io.IOException;  
 import java.util.Properties;  
 public class Main {  
      public static void main(String [] args) throws IOException{  
           Properties properties = new Properties();  
           properties.load(Main.class.getResourceAsStream("object_name.prop"));  
           String classFullName = (String) properties.get("objectName");  
           try {  
                Class clazz = Class.forName(classFullName);  
                DemoObject dObj = (DemoObject)clazz.newInstance();  
                dObj.setId(1);  
                System.out.println(dObj.getId());  
           } catch (ClassNotFoundException e) {  
                e.printStackTrace();  
           } catch (InstantiationException e) {  
                // TODO Auto-generated catch block  
                e.printStackTrace();  
           } catch (IllegalAccessException e) {  
                // TODO Auto-generated catch block  
                e.printStackTrace();  
           }  
      }  
 }  

object_name.prop : 用key - value 的方式記錄完整的類別名稱.
 objectName = dynamic.DemoObject  

2013年3月2日 星期六

網頁動態表格(dynamic table)

 <html>  
 <head>  
 <script>  
 function insert()  
 {  
      var table=document.getElementById("myTable");  
      var text = document.createTextNode('test');  
      var row = table.insertRow();  
      var column1 = row.insertCell(0);  
      var column2 = row.insertCell(1);  
      column1.appendChild(text);  
      column2.innerText = "column2";  
 }  
 function del()  
 {  
      var table=document.getElementById("myTable");  
      table.deleteRow();  
 }  
 </script>  
 </head>  
 <body>  
 <table id="myTable" border="1">  
  <tr>  
   <td>1</td>  
   <td>book</td>  
  </tr>  
 </table>  
 <br>  
 <button type="button" onclick="insert()">Insert</button>  
 <button type="button" onclick="del()">Delete</button>  
 </body>  
 </html>  

網頁動態選單製作

利用css的display屬性, 達成動態隱藏或展示選單的效果
 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">  
 <html>  
 <head>  
 <style>  
 #child {  
      display: none;  
 }  
 </style>  
 <script type="text/javascript">  
      function changeChildStatus() {  
           var childUl = document.getElementById('child');  
           if(childUl.style.display == 'block'){  
                childUl.style.display = 'none'  
           }else{  
                childUl.style.display = 'block'  
           }  
      }  
 </script>  
 </head>  
 <body>  
      <ul id="parent">  
           <li>child:  
                <ul id="child">  
                     <li>apple</li>  
                     <li>kiwi</li>  
                </ul>  
           </li>  
           <li>banana</li>  
           <li>tomato</li>  
      </ul>  
      <button type="button" onclick="changeChildStatus()">hide/show child</button>  
 </body>  
 </html>