2008年9月15日随笔档案 - Skynet

hbn-annotations学习-不求人(ant junit环境配置)

学习就从官方的测试开始，但不知道怎么回事官方的测试有问题，这我就把我配置的简单junit环境共享给大家把！
1.下载 hibernate-annotations-3.4.0.GA 并解压 ,cd 到解压后目录下
2. $>ant junit （天知道，怎么官方出的东西测试不能通过！！）
   不要急，我们来看错误 (错误提示有删减)
     错误-1：$>build.xml:95: ./jdbc not found.
     解决办法-1： $>mkdir ./jdbc
3. $>ant junit
     错误-2：
      ./build.xml:124: The following error occurred while executing this line:
      ./build.xml:126: The following error occurred while executing this line:
      ./common-build.xml:349: .\src\filters\hsqldb.filter as it doesn't exist.
     解决办法-2：
       $>mkdir ./src/filters ;
       $>echo "" > ./src/filters/hsqldb.filter;
4. $>ant junit
     错误-3：
       ./build.xml:124: The following error occurred while executing this line:
       ./build.xml:126: The following error occurred while executing this line:
       ./common-build.xml:351: .\src\test-resources not found.
      $>mkdir ./src/test-resources ;
5. $>ant junit
     错误-4：没有ant 错误了！，但测试都为错误，那我们就看看第一个测试吧，找下原因！
         test-resources:
          [mkdir] Created dir: hibernate-anntations-3.4.0.GA\build\test-reports\hsqldb
          [echo] Running against db: hsqldb
          [junit] Running org.hibernate.test.annotations.ConfigurationTest
          [junit] Tests run: 7, Failures: 0, Errors: 6, Time elapsed: 1.218 sec
          .............
     $>find . -name "ConfigurationTest.java" #pwd /hibernate-anntations-3.4.0.GA
        ./test/org/hibernate/test/annotations/configuration/ConfigurationTest.java
        ./test/org/hibernate/test/annotations/ConfigurationTest.java
      根据路径 org.hibernate.test.annotations.ConfigurationTest
      gvim ./test/org/hibernate/test/annotations/ConfigurationTest.java
      发现第20行: cfg.configure( "org/hibernate/test/annotations/hibernate.cfg.xml" );
      感觉应该没有配置 jdbc
      gvim ./test/org/hibernate/test/annotations/hibernate.cfg.xml #果然没配置
      我这就放个我的简单配置上来(使用 hbm hsqldb 内存数据库测试 )：

<!DOCTYPE hibernate-configuration PUBLIC
        "-//Hibernate/Hibernate Configuration DTD 3.0//EN"
        "http://hibernate.sourceforge.net/hibernate-configuration-3.0.dtd">
<hibernate-configuration>
  <session-factory>
        <property name="hibernate.dialect">org.hibernate.dialect.HSQLDialect</property>
        <property name="connection.driver_class">org.hsqldb.jdbcDriver</property>
        <property name="connection.url">jdbc:hsqldb:mem:hbn_ann</property>
        <property name="connection.username">sa</property>
        <property name="connection.password"></property>

        <mapping resource="org/hibernate/test/annotations/Boat.hbm.xml"/>
        <mapping package="org.hibernate.test.annotations"/>
        <mapping class="org.hibernate.test.annotations.Plane"/>
  </session-factory>
</hibernate-configuration>

      我这就是要hsqldb吧，既然上面错误1有 jdbc 文件夹，那就是放 jdbc jar 的地方
      $> cp ../hsqldb.jar ./jdbc

6. $>ant junit
     呵呵测试第一个正确了！（目前配置后，测试环境并不是全部都正确，比如第2个测试）
     其他测试错误日志在    .\build\test-reports\hsqldb ...
     比如第2个错误异常部分
      org.hibernate.HibernateException: The dialect was not set. Set the property hibernate.dialect.
    at org.hibernate.dialect.Dialect.instantiateDialect(Dialect.java:256)
    at org.hibernate.dialect.Dialect.getDialect(Dialect.java:234)
        ........ 大家一边学习，一边配置测试环境吧。
    错误日记都会在 build\test-reports\hsqldb下

posted @ 2009-04-14 11:30 G_G 阅读(1618) | 评论 (0) | 编辑收藏

html css 切割图片显示

参考：
http://tech.ddvip.com/2008-12/122835390597191.html

页面可以直接运行：

<html>
<head>

<style type="text/css">

.box1 {
float:left;
width:21px;
height:21px;
position:relative;
background: #F3F2E2 url(http://mp3.youdao.com/images/mbox_bg.gif) no-repeat;
}
.box1 {
background-position: 0px -60px;
}

</style>

</head>

<body>

    <div class="box1"
        onmouseover="this.style.backgroundPosition='0px -81px' "
        onmouseout="this.style.backgroundPosition='0px -102px' "
    >
    </div>

</body>

</html>

posted @ 2009-02-24 16:46 G_G 阅读(1971) | 评论 (0) | 编辑收藏

javascript 基础总结（面向对象）

javascript 学习

javascript 大体上可分为3个不同部分组成：核心（ECMAscript）,文本对象(DOM),浏览器对象(BOM)

核心（ECMAscript）：关键字，语句，运算符，对象
文本对象(DOM)：DOM将把整个页面规划成由节点层级构成的文档.

解析遵循 W3C html dom 标准：
W3C dom 参考特别关注 DOM Node 说明

BOM 浏览器对象. cookie,弹出新浏览器，浏览器设置大小

核心（ECMAscript）Global 内置对象；
方法： parseInt(),isNan(),encodeURI()...等都为此对象方法
特别注意 eval();动态语言的象征比如：eval("alert('hi')"); 但这个方法很邪恶（安全方面）
文本对象(DOM)说明：

<bookstore>
 <book category="cooking">
 <title lang="en">Everyday Italian</title> 
 <author>Giada De Laurentiis</author> 
 <year>2005</year> 
 <price>30.00</price> 
 </book>
</bookstore>

DOM node tree

Node tree

1. ECMAscript基础

$ 变量弱类型 ; 匈牙利类型标示 : var iOuouValue=100;

$ 结束行分号有无都可以; 但再 onsubmit="javascript:function();return false;"

$ 关键字 ; 提别注意

"constructor" bean.constructor

//print bean function(){

....

}

"typeof" var test=1; alert(typeof testX); //output "undefined"

"NaN" - not a number -> isNan("blue"); //output "true" ->isNan("123"); //output "false"

$ 对象; var o = new Object(); var a = {}

这里特别说明下我们普通写的一个 function 就是一个 object

这 var a = {name:"刘凯毅"} 等同与 var a = function(){this.name="刘凯毅"};

来个 {name:"test",pass:"123456",addr:"bj"} //这是什么？！ json

当 var str = '{name:"test",pass:"123456",addr:"bj"}'

var objectBean = eval(str); //这里就是对象 objectBea.name 使用了

域概念：

<SCRIPT type=text/javascript>
var sMessage = 'Hello';
function setSomething() {
sColor = 'red';
sMessage = 'Hello World!';
}
setSomething();
alert(sMessage); //Hello World!
alert(sColor); //red
</SCRIPT>

<SCRIPT type=text/javascript>
var sMessage = 'Hello';
function setSomething() {
var sColor = 'red';
sMessage = 'Hello World!';
}
setSomething();
alert(sMessage); //Hello World!
alert(sColor); // 什么都没有
</SCRIPT>

<SCRIPT type=text/javascript>
var sMessage = 'Hello';
function setSomething() {
var sColor = 'red';
var sMessage = 'Hello World!';
}
setSomething();
alert(sMessage); //Hello
alert(sColor); // 什么都没有
</SCRIPT>

为面向对象做基础：object prototype 类型的对象应用。参考

// 最简单的继承
Object.prototype.inObj = 1;

function A()
{
    this.inA = 2;
}

A.prototype.inAProto = 3;

B.prototype = new A;            // Hook up A into B's prototype chain
B.prototype.constructor = B;
function B()
{
    this.inB = 4;
}

B.prototype.inBProto = 5;

x = new B;
document.write(x.inObj + ', ' + x.inA + ', ' + x.inAProto + ', ' + x.inB + ', ' + x.inBProto);

//1, 2, 3, 4, 5
//增加点信心 http://www.json.org/json.js

Object.prototype.toJSONString = function (filter) {
 return JSON.stringify(this, filter);
};
后我们就可以使用 bean.toJSONString()不是吗？

$ arguments ;

function getFun(){alert(arguments.length);} ;

getFun("xx") //output 1

getFun("xx",23) //output 2

$ 语句 ;特殊说明下 for

for(var i=0i<iCount;i++) 或 for( attr in object ) ;

如果无聊你可以 for( sProp in window ){alert(sProp+"你丫点啊！");} //看看 javascript 的反射

面向对象：

var bean = new Bean();

1.工厂方法

function getAttr(){

alert(this.attr)

}

function Bean(tattr){

var bean = new Object;

bean.attr = tattr;

bean.getAttr = getAttr;

return bean ;

}

根本就是山寨版面向对象

2.构造

function Bean(tattr){

this.attr = tattr ;

bean.getAttr = function(){

alert(this.attr);

}

其上 2 总再Bean 对象创建时，方法会 “重复生成函数”！

3.原型模式

function Bean(){}

Bean.prototype.attr = "";

Bean.prototype.getAttr=function(){alert(this.attr);}

解决 “重复生成函数” 问题，但新的问题 Bean.prototype.getArray = new Array();

其 new 对象 bean1 和 bean2 都会共享 new Array 空间(是我们不想看到的)

4.混合模型 :) 哈哈

function Bean(){

this.attr= "";

this.getArray=new Array;

}

Bean.prototype.getAttr=function(){alert(this.attr);}

5.动态原型（注意下面开始，就是真正的面向对象！！！）

function Bean(){

this.attr= "";
this.getArray=new Array;

//classload 加载时

if(typeof Bean._initialized == "undefined" ){

Bean.prototype.getAttr=function(){alert(this.attr);};

Bean._initialized= true ;

}

/****************************************************************/

对象继承

1.对象冒充！！(可支持多继承，山寨很强大)

function classA(sstr){

this.color = sstr ;

this.sayColor = function(){

alert(this.color);

};

}

function classC(){}

function classB(){

this.newMethod =ClassA ;

this.newMethod();

delete this.newMethod ;

this.newMethod =ClassC ;

this.newMethod();

delete this.newMethod ;

this.arrt = "google";

}

2.call() apply() 也山寨,

function classA(sstr){

this.color = sstr ;

this.sayColor = function(str){

alert(str+this.color);

};

}

function classB(){

// this.newMethod =ClassA ;

// this.newMethod();

// delete this.newMethod ;

classA.call(this,"red");

//classA.apply(this,new Array("red"))

this.arrt = "baidu";

}

3.正统的继承 原型链 (但不支持多继承)
    function classA(){this.oo="test";}
    classA.prototype.color = "red";
    function classB(){}
    classB.prototype = new classA ;
    classB.prototype.sayName = function(){
        alert( this.color );
   }
   var bb = new classB ;
   bb.sayName(); // output red
   alert(bb.oo); // output test

   alert( bb instanceof classA); //output true
   alert( bb instanceof classB); //output true
4.如果你要多继承！！并且还支持 instanceof
        混合方式：
        function classA(){}
        function classB(){}
        function classC(){
            classA.call(this);
            classC.call(this);
       }
        classC.prototype = new classA ;//注意这 instanceof 只能对 A有用

posted @ 2009-02-12 11:56 G_G 阅读(1823) | 评论 (2) | 编辑收藏

linux flash 安装

下载：flash-plugin-10.0.15.3-release.i386.rpm

rpm -ivh flash-plugin-10.0.15.3-release.i386.rpm

posted @ 2009-01-12 23:39 G_G 阅读(722) | 评论 (0) | 编辑收藏

tomcat 调试

tomcat > server.xml

      <Host name="localhost" appBase="webapps"
       unpackWARs="true" autoDeploy="true"
       xmlValidation="false" xmlNamespaceAware="false">

<Context docBase="D:/workspace/meganotes/mn_mod_admin/target/mn_mod_admin/" path="/" />

。。。。

关键：在Context上不要加reloadable和debug属性
然后使用eclipse tomcat 调试
ok

posted @ 2008-12-26 17:52 G_G 阅读(516) | 评论 (0) | 编辑收藏

强大的 ant scp 和 sshexec

<? xml version="1.0" encoding="UTF-8" ?>
< project name ="ssh" >
     < property file ="ssh.properties" />
     < tstamp >
         < format property ="TODAY" pattern ="yyyyMMddHHmm" />
     </ tstamp >
     < property name ="ssh.path" value ="/data/meganotes/shell/" />

     < target name ="shell/ 文件上载/覆盖" >
         < input addproperty ="scp_coverage_shell_file"
            message ="输入（ssh/ 下文件名 \n\r 上载或覆盖到服务器 218 ${ssh.path} )：" >
         </ input >
         < input
             message ="请确定是否使用 ssh/${scp_coverage_shell_file} 覆盖服务器中 ${ssh.host}:${ssh.path}${scp_coverage_shell_file} (y,n)"
            validargs ="y,n" addproperty ="do.coverage" defaultvalue ="n" />
         < condition property ="do.abort" >
             < equals arg1 ="n" arg2 ="${do.coverage}" />
         </ condition >
         < fail if ="do.abort" > 退出 </ fail >

         < sshexec host ="${ssh.host}" username ="${ssh.myName}"
            password ="${ssh.myPass}" trust ="true"
            command ="
                    mkdir -p ${ssh.path}backup/${TODAY} ;
                    if [ -f ${ssh.path}${scp_coverage_shell_file}   ] ;
                    then
                        cp ${ssh.path}${scp_coverage_shell_file} ${ssh.path}backup/${TODAY}/ ;
                    fi ;
        " >
         </ sshexec >
         < scp file ="ssh/${scp_coverage_shell_file}"
            todir ="${ssh.myName}:${ssh.myPass}@${ssh.host}:${ssh.path}"
            trust ="true" verbose ="true" />

         < sshexec host ="${ssh.host}" username ="${ssh.myName}"
            password ="${ssh.myPass}" trust ="true"
            command ="chmod 777 ${ssh.path}${scp_coverage_shell_file}" >
         </ sshexec >
     </ target >

     < target name ="shell/ 文件查看" >
         < input addproperty ="show_shell_file" message ="输入查看文件名（*sh）："
            defaultvalue ="*" >
         </ input >
         < sshexec host ="${ssh.host}" username ="${ssh.myName}"
            password ="${ssh.myPass}" trust ="true"
            command ="ls  /data/meganotes/shell/${show_shell_file}" >
         </ sshexec >
     </ target >

     < target name ="shell/ 文件拷贝" >
         < input addproperty ="scp_shell_file"
            message ="输入 /data/meganotes/shell/ 下需要文件名（cp 到 ssh 下）：" >
         </ input >
         < scp
             file ="${ssh.myName}:${ssh.myPass}@${ssh.host}:/data/meganotes/shell/${scp_shell_file}"
            todir ="ssh" trust ="true" verbose ="true" />
     </ target >

     < target name ="admin-mvn组合操作" >
         < exec executable ="cmd" >
             < arg value ="/c" />
             < arg value ="${basedir}/sh/mvn/meganotes_mvn_clear.bat" />
         </ exec >
         < exec executable ="cmd" >
             < arg value ="/c" />
             < arg value ="${basedir}/sh/mvn/meganotes_mvn_install.bat" />
         </ exec >
         < exec executable ="cmd" >
             < arg value ="/c" />
             < arg value ="${basedir}/sh/mvn/mn_mod_admin_mvn_intall.bat" />
         </ exec >
     </ target >

     < target name ="admin-tomcat日志" >
         < sshexec host ="${ssh.host}" username ="${ssh.myName}"
            password ="${ssh.myPass}" trust ="true" command ="${ssh.adminRunLog}" >
         </ sshexec >
     </ target >

     < target name ="schedule-tomcat日志" >
         < sshexec host ="${ssh.host}" username ="${ssh.myName}"
            password ="${ssh.myPass}" trust ="true"
            command ="${ssh.scheduleRunLog}" >
         </ sshexec >
     </ target >
     < target name ="查找2008/下Mp3没转128-64文件夹" >
         < sshexec host ="${ssh.host}" username ="${ssh.myName}"
            password ="${ssh.myPass}" trust ="true" command ="${ssh.64k}" >
         </ sshexec >
         < sshexec host ="${ssh.host}" username ="${ssh.myName}"
            password ="${ssh.myPass}" trust ="true" command ="${ssh.128k}" >
         </ sshexec >
         < sshexec host ="${ssh.host}" username ="${ssh.myName}"
            password ="${ssh.myPass}" trust ="true"
            command ="${ssh.128kto64k.err}" >
         </ sshexec >
     </ target >

     < target name ="admin模块测试" >
         < input addproperty ="admin_test_input"
            message ="测试类输入（Video*Test）：" defaultvalue ="*Test" >
         </ input >
         < echo message ="${admin_test_input}" ></ echo >
         < exec executable ="cmd" >
             < arg value ="/c" />
             < arg
                 value ="${basedir}/sh/admin_test.bat ${admin_test_input} " />
         </ exec >
     </ target >
</ project >

posted @ 2008-12-24 16:24 G_G 阅读(6371) | 评论 (3) | 编辑收藏

java gzip (使用，乱码问题已解决！)

public static void main(String[] args) {

try {

String charset = " UTF-8 " ;

String outfile = " d:\\category.20081218.gz " ;

BufferedReader in = new BufferedReader(

new InputStreamReader(

new FileInputStream( " d:\\category.20081218 " ),

charset));

BufferedOutputStream out =

new BufferedOutputStream(

new GZIPOutputStream(

new FileOutputStream(outfile)));

System.out.println( " Writing file " );

String c;

while ((c = in.readLine()) != null )

out.write( (c + " \n " ).getBytes(charset));

in.close();

out.close();

System.out.println( " Reading file " );

BufferedReader in2 =

new BufferedReader(

new InputStreamReader(

new GZIPInputStream(

new FileInputStream(outfile)

),charset

)

);

String s;

while ((s = in2.readLine()) != null )

System.out.println(s);

} catch (Exception e) {

e.printStackTrace();

}

posted @ 2008-12-22 14:35 G_G 阅读(3600) | 评论 (0) | 编辑收藏

jquery 补全使用笔记

官方上下
http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/

$.补全中文修改
    jquery.autocomplete.js 中
    $input.bind(($.browser.opera ? "keypress" : "keydown")
    改为
    $input.bind(($.browser.opera ? "keypress" : "keyup")

$. 在 localdata.js 》》 var cities = [..
   中放些中文测试吧

测试页面，最简单的使用页面。（应该算是最简单补全测试了）

使用json

posted @ 2008-12-13 09:41 G_G 阅读(1095) | 评论 (1) | 编辑收藏

ajax Form

不要为拼写 ajax url 而郁闷了。希望能对大家有帮助。

/*
    1.form ajax 使用：
    eG: form就是普通的 html form
        <input type="button" value="xx" onclick="formAjax('data.jsp',this.form,ajaxReturn)"/>
        function ajaxReturn(data){
            document.getElementById("div1").innerHTML =  data ;
        }


    2.ajax 使用   ：
    AjaxFunction
        AjaxFunction('url?param=tt&param2=te',function(text){
            alert(text);
        });

    3.迭代器：
    recursiveNodes(array,dom,pushFun,layer)
   array 迭代寄存器
   dom 被迭代对象
       pushFun 自定义收集方法
            pushFun(array,node,layer)
               node 迭代中对象
       layer 深度
    EG:
    var arr = [] ;
    recursiveNodes(arr ,dom,function(array,node,layer){
            arr.push(node);
     },2);


*/
var _request;
try {
    this._request = new XMLHttpRequest();
} catch (e) {
    try {
        this._request = new ActiveXObject('Msxml2.XMLHTTP');
    } catch (e) {
        try {
            this._request = new ActiveXObject('Microsoft.XMLHTTP');
        } catch (e) {
            request = false;
        }
    }
}

var AjaxFunction = function(urls, getAjaxText) {
    AjaxFunction._getAjaxText = null;

    _url = '';
    _params = '';

    AjaxFunction._getAjaxText = getAjaxText;
    var strs = urls.split(/\?/);
    _url = strs[0];
    if (strs.length > 1)
        _params = strs[1];

    _request.open("POST", this._url, true);
    _request.setRequestHeader("Cache-Control", "no-cache");
    _request.setRequestHeader("content-type",
            "application/x-www-form-urlencoded");
    _request.send(_params);
    _request.onreadystatechange = _onComplete;
};
function _onComplete() {
    if (_request.readyState == 4) {
        if (_request.status == 200 || _request.status == 0) {
            if (_request.responseText != null && _request.responseText != ''
                    && _request.responseText != ' ')
                AjaxFunction._getAjaxText(_request.responseText);
        }
    }
}

/*
* 迭代 1. array,dom 2. array,dom,layer
*/
function recursiveNodes(array, dom, pushFun, layer) {
    if (layer == 0)
        return;
    if (layer > 0) {
        --layer;
        if (dom.hasChildNodes && dom.hasChildNodes()) {
            for ( var i = 0; i < dom.childNodes.length; i++) {
                var nodeT = dom.childNodes.item(i);
                if (typeof pushFun == "function")
                    pushFun(array,nodeT, layer);
                else
                    array.push(nodeT);
                recursiveNodes(array, dom.childNodes.item(i), pushFun, layer);
            }
        } else
            return;
    } else if (layer < 0) {
        ++layer;
        var nodeT = dom.parentNode;
        if (nodeT) {
            if (typeof pushFun == "function") {
                pushFun(array,nodeT, layer);
            } else {
                array.push(nodeT);
            }
            recursiveNodes(array, dom.parentNode, pushFun, layer)
        } else
            return;
    }
}

function formAjax(url,ttform,returnFun){
    var datas = [];
    var arr = ['input','select'];
    recursiveNodes(datas,ttform,function(array,node,layer){
        for(var i=0;i<arr.length;i++){
            if( node.getAttribute ){
                var paramName = node.getAttribute('name') ;
                if( /select/i.test( node.nodeName ) ){
                    array.push(paramName+'='+node.options[node.selectedIndex].value);
                }else if( paramName !=null &&  /^\s*(\w+)\s*$/g.test(paramName) && new RegExp(arr[i],'i').test(node.nodeName)  ){
                    array.push(paramName+'='+node.value);
                }
            }
        }
    },999);
    //? ?
    //& &
    var urls = url+'?'+datas.join("&");
    AjaxFunction(urls,returnFun);
}

posted @ 2008-11-09 18:35 G_G 阅读(1804) | 评论 (0) | 编辑收藏

xpath javascript

posted @ 2008-09-24 19:57 G_G 阅读(492) | 评论 (0) | 编辑收藏

2008-9-23 E

Python is a dynamic object-oriented programming language that can be used for many kinds of software development.

It offers strong support for integration with other languages and tools, comes with extensive standard libraries, and can be learned in a few days.
offers 提出
integration 综合
extensive 宽广
standard libraries 标准库

Many Python programmers report substantial productivity gains and feel the language encourages the development of higher quality, more maintainable code.
report 宣告
substantial 实质
productivity 生产力

posted @ 2008-09-23 09:56 G_G 阅读(185) | 评论 (1) | 编辑收藏

create div

直接运行 div_show_drag.rar
http://www.blogjava.net/Files/Good-Game/div_Show_drag.rar

html test

<html>
<head>

<script type="text/javascript" src="showDivUtil.js"></script>

</head>

<body>

<input type="button" id="_in" value="google-baidu" onclick="test();"/>
<div id='_div' />
<script language="javascript">
/*api说明
    ShowDiv（源element , 是否使用现有 div )
        源element,是否使用现有 div 都可为null ;
*/
var ediv = new ShowDiv('_in',null);

function test(){
    if( ! ediv.isShow ){
        // tdiv［X,Y,H,W］准备展现div set->tdiv.X = .. ,
        // tsubEle［X,Y,H,W］
        // 源ele大小位置  ,tscreen［screenH,screenW］屏幕长宽
        ediv.setLocation = function(tdiv,tsubEle,tscreen){
            /*  居中展现
             tdiv.W =200 ;
             tdiv.H = 300 ;
             tdiv.X = tscreen.screenW/2-tdiv.W/2 ;
             tdiv.Y = tscreen.screenH/2-tdiv.H/2 ;
            */

             /*  根据 tsubEle 位置左显示
            tdiv.X = tsubEle.X+tsubEle.W ;
            tdiv.Y = tsubEle.Y ;
             */

              /*  根据 tsubEle 大小  左长条显示
             tdiv.X = tsubEle.X+tsubEle.W ;
             tdiv.Y = tsubEle.Y ;
             */


              /*  根据 tsubEle 大小  下长条显示
             tdiv.X = tsubEle.X+tsubEle.W ;
             tdiv.Y = tsubEle.Y ;
             tdiv.H = 200 ;
             tdiv.W = tsubEle.W ;
             */

            /*

.. 等等自己尝试吧*/
            tdiv.innerHTML = "<li>google</li><li>baidu</li>" ;
            //可以参考
            Drag.init(tdiv);
        }
        ediv.setStyle('background-color:#F4F4F4;');
        ediv.show();
    }else{
        ediv.close();
        //ediv.delete();
    }
}

</script>
</body>
</html>

showDivUtil.js

/*
* Skynet
* 2008-9-15 00:56
*   liukaiyi@gmail.com
*/
function ShowDiv(subEle,ediv){
    //public
    this.style  ;
    this.isShow = false ;

    //private
    this._div  ;
    this._subEle  ;
    this._subEle  ;

        if( typeof ediv == "undefined" || ediv == null)
            this._div=document.createElement("div");
        else if( typeof ediv == "string")
            this._div=document.getElementById(ediv);
        else if(  /object/.test(typeof ediv) )
            this._div= ediv ;

        if( typeof subEle == "string")
            this._subEle=document.getElementById(subEle);
        else if(  /object/.test(typeof subEle) )
            this._subEle= subEle ;

}

    //外置方法 x , y ,w , h , div
    ShowDiv.prototype.setLocation = new Function() ;

    //设置 div 样式
    ShowDiv.prototype.setStyle=function(styleStrOrObj){
        this.style=this._div.style ;
        if( typeof styleStrOrObj == "string"){
            var strs = styleStrOrObj.split(/;/) ;
            for(var i=0;i<strs.length;i++){
                var key = strs[i].split(/:/)[0];
                var value = strs[i].split(/:/)[1];
                var _s = key.indexOf("-") ;
                if( _s>0)
                    key=key.substring(0,_s)+key.substring(_s+1,_s+2).toLocaleUpperCase()+key.substring(_s+2,key.length);
                if( key!=null&&key!=''&&key!=' ' ){
                    eval( 'this._div.style.'+key+'="'+value+'"' );
                }
            }
        }else if(  /object/.test(typeof styleStrOrObj) ) {
            this._div.style = styleStrOrObj ;
        }
        if(this._div.style.position==null || this._div.style.position=="")
            this._div.style.position="absolute";
    }

    ShowDiv.prototype.show=function(){
        if( typeof this._subEle != "undefined" || this._subEle != null){
            this._subEle.Y = getElementPos(this._subEle).y;
            this._subEle.X = getElementPos(this._subEle).x ;
            this._subEle.W = this._subEle.offsetWidth ;
            this._subEle.H = this._subEle.offsetHeight ;
        }
        //this._div.Y = sset
        //this._div.X = sset
        this._div.W = parseInt( this._div.style.width );
        this._div.H = parseInt( this._div.style.height );

        this.setLocation(this._div,this._subEle,{screenW:document.body.clientWidth,screenH:document.body.clientHeight});
        this._div.style.left = this._div.X  ;
        this._div.style.top = this._div.Y ;

        if( this._div.W && this._div.H ){
            this._div.style.width = this._div.W ;
            this._div.style.height = this._div.H ;
        }
        document.body.appendChild(this._div);
        this.isShow = true ;
    }

    ShowDiv.prototype.close=function(){
        document.body.removeChild(this._div);
        this.isShow = false ;
    }

     ShowDiv.prototype.delete=function(){
        document.body.removeChild(this._div);
        this._div = null ;
        this.isShow = false ;
    }

//得到 Element 位置
// 说明：用 Javascript 获取指定页面元素的位置
// 整理：http://www.codebit.cn
// 来源：YUI DOM
function getElementPos(el) {
    var ua = navigator.userAgent.toLowerCase();
    var isOpera = (ua.indexOf('opera') != -1);
    var isIE = (ua.indexOf('msie') != -1 && !isOpera); // not opera spoof
    if(el.parentNode === null || el.style.display == 'none'){
        return false;
    }
    var parent = null;
    var pos = [];
    var box;

    if(el.getBoundingClientRect){
    // IE
        box = el.getBoundingClientRect();
        var scrollTop = Math.max(document.documentElement.scrollTop, document.body.scrollTop);
        var scrollLeft = Math.max(document.documentElement.scrollLeft, document.body.scrollLeft);
        return {x:box.left + scrollLeft, y:box.top + scrollTop};
    }else if(document.getBoxObjectFor){
     // gecko
        box = document.getBoxObjectFor(el);
        var borderLeft = (el.style.borderLeftWidth)?parseInt(el.style.borderLeftWidth):0;
        var borderTop = (el.style.borderTopWidth)?parseInt(el.style.borderTopWidth):0;
        pos = [box.x - borderLeft, box.y - borderTop];
    }else {
     // safari & opera
        pos = [el.offsetLeft, el.offsetTop];
        parent = el.offsetParent;
        if (parent != el) {
            while (parent) {
                pos[0] += parent.offsetLeft;
                pos[1] += parent.offsetTop;
                parent = parent.offsetParent;
            }
        }
         if (ua.indexOf('opera') != -1|| ( ua.indexOf('safari') != -1 && el.style.position == 'absolute' )){
            pos[0] -= document.body.offsetLeft;
            pos[1] -= document.body.offsetTop;
        }
    }

    if (el.parentNode) { parent = el.parentNode; }
    else { parent = null; }

    // account for any scrolled ancestors
     while (parent && parent.tagName != 'BODY' && parent.tagName != 'HTML'){
        pos[0] -= parent.scrollLeft;
        pos[1] -= parent.scrollTop;
        if (parent.parentNode) { parent = parent.parentNode; }
        else { parent = null; }
    }
    return {x:pos[0], y:pos[1]};
}

posted @ 2008-09-15 01:02 G_G 阅读(427) | 评论 (0) | 编辑收藏

Skynet

hbn-annotations学习-不求人(ant junit环境配置)

html css 切割图片显示

javascript 基础总结（面向对象）

linux flash 安装

tomcat 调试

强大的 ant scp 和 sshexec

java gzip (使用，乱码问题已解决！)

jquery 补全使用笔记

ajax Form

xpath javascript

2008-9-23 E

create div

日历

公告

常用链接

留言簿(13)

随笔分类

随笔档案

文章档案

相册

hibernate

My连接

搜索

最新评论

阅读排行榜

评论排行榜