Home » Source Code » » jkl-resizable.js

jkl-resizable.js ( File view )

From:
  • By 2010-08-11
  • View(s):5
  • Download(s):0
  • Point(s): 1
			// ================================================================
//  jkl-resizable.js ---- JavaScript Kantan Library for Resizing
//  Copyright 2005 Kawasaki Yusuke <u-suke@kawa.net>
// ================================================================
//  v0.02  2005/06/16  first release
//  v0.04  2005/06/27  new method: resizeTo() resizeBy()
// ================================================================
//  KNOWN BUG: Opera 8 could not shorten x-width
// ================================================================

if ( typeof(JKL) == 'undefined' ) JKL = function() {

};

//  constructor 

JKL.Resizable = function( cont ){

    this.bodyid = cont;         // body area id
    this.__elem = null;         // body area element
    this.sizeX = null;          // body area size
    this.sizeY = null;
    this.curX = null;          // previous clientX
    this.curY = null;
    this.onDrag = false;        // draging=true, released=false
    this.saveEvents = [];       // backup event on dragging
    this.saveCursor = "";       // backup cursor on dragging
    return this;

};

//  class variables

JKL.Resizable.VERSION = "0.04";
JKL.Resizable.SAVE_EVENTS = [ 
    "onmousedown", "onmousemove", 
    "onmouseout", "onmouseover", 
    "onmouseup", "onselect"
];

//  methods

JKL.Resizable.prototype.setEast = function (elemid) {
 
    this.setEdge( elemid, true, false, "e-resize" );

};
JKL.Resizable.prototype.setSouth = function (elemid) {
 
    this.setEdge( elemid, false, true, "s-resize" );

};
JKL.Resizable.prototype.setSouthEast = function (elemid) {
 
    this.setEdge( elemid, true, true, "se-resize" );

};

//  resize (absolute)

JKL.Resizable.prototype.resizeTo = function (x,y) {

    var bodyelem = this.getBodyElement();
    if ( x ) bodyelem.style.width  = x+"px";
    if ( y ) bodyelem.style.height = y+"px";

}

//  resize (relative)

JKL.Resizable.prototype.resizeBy = function (x,y) {

    var bodyelem = this.getBodyElement();
    if ( x ) bodyelem.style.width  = bodyelem.offsetWidth +x+"px";
    if ( y ) bodyelem.style.height = bodyelem.offsetHeight+y+"px";

}

JKL.Resizable.prototype.setEdge = function (elemid,boolX,boolY,cursorS) {

    var bodyelem = this.getBodyElement();
    this.sizeX = bodyelem.offsetWidth;
    this.sizeY = bodyelem.offsetHeight;

    var edgelem;
    if ( typeof(elemid) == "object" && elemid.parentNode ) {

        edgelem = elemid;
    
} else {
 
        edgelem = document.getElementById( elemid );
    
}
    if ( ! edgelem ) return;    // no such element

    edgelem.style.cursor = cursorS;
    var copy = this;
    edgelem.onmousedown = function(ev) {

        copy.dragStart(ev,boolX,boolY,cursorS);
    
};

};

JKL.Resizable.prototype.dragStart = function (ev,boolX,boolY,cursorS) {

    if ( this.onDrag ) return;
    this.onDrag = true;                     // start drag mode

    this.backupEvent();                     // backup events and cursor style

    if ( document.all && ! ev ) ev = event;
    this.curX = ev.clientX;                // cursor
    this.curY = ev.clientY;

    document.body.style.cursor = cursorS;   // cursor style

    var copy = this;
    document.onmousemove = function(ev){
 copy.dragMove( ev,boolX,boolY ); 
};
    document.onmouseup   = function(ev){
 copy.dragFinish( ev ); 
};

};

JKL.Resizable.prototype.dragMove = function (ev,boolX,boolY) {

    if ( ! this.onDrag ) return;
    if ( document.all && ! ev ) ev = event;
    var elem = this.getBodyElement();

    var newX = this.sizeX + ev.clientX - this.curX;
    if ( boolX && newX > 0 ) {

        elem.style.width = newX+"px";
        this.sizeX = newX;
        this.curX = ev.clientX;
    
}

    var newY = this.sizeY + ev.clientY - this.curY;
    if ( boolY && newY > 0 ) {

        elem.style.height = newY+"px";
        this.sizeY = newY;
        this.curY = ev.clientY;
    
}

};

JKL.Resizable.prototype.dragFinish = function (ev) {

    if ( ! this.onDrag ) return;
    this.restoreEvent();
    this.onDrag = false;

};

JKL.Resizable.prototype.backupEvent = function () {

    for ( var i=0; i<JKL.Resizable.SAVE_EVENTS.length; i++ ) {

        var key = JKL.Resizable.SAVE_EVENTS[i];
        this.saveEvents[key] = document[key];
        document[key] = null;
    
}
    this.saveCursor = document.body.style.cursor;

};

JKL.Resizable.prototype.restoreEvent = function () {

    for ( var i=0; i<JKL.Resizable.SAVE_EVENTS.length; i++ ) {

        var key = JKL.Resizable.SAVE_EVENTS[i];
        document[key] = this.saveEvents[key];
    
}
    this.saveEvents.length = 0;
    document.body.style.cursor = this.saveCursor;

};

JKL.Resizable.prototype.getBodyElement = function () {

    if ( ! this.__elem ) {

        if ( typeof(this.bodyid) == "object" && this.bodyid.parentNode ) {

            this.__elem = this.bodyid;
            this.bodyid = this.__elem.id;
        
} else {
 
            this.__elem = document.getElementById( this.bodyid );
        
}
    
}
    return this.__elem;

};

// ================================================================
			
...
Expand> <Close

Want complete source code? Download it here

Point(s): 1

Download
0 lines left, continue to read
Sponsored links

File list

Tips: You can preview the content of files by clicking file names^_^
Name Size Date
auto_suggest.html1.09 kB03-12-07 00:11
crud.html1.68 kB03-12-07 00:11
03.00 B
2col_leftNav.css6.28 kB03-12-07 00:11
autosuggest.css335.00 B03-12-07 00:11
debug.png399.00 B03-12-07 00:11
error.png289.00 B03-12-07 00:11
fatal.png309.00 B03-12-07 00:11
info.png271.00 B03-12-07 00:11
logger.css1.88 kB03-12-07 00:11
magnet.png430.00 B03-12-07 00:11
site.css1.43 kB03-12-07 00:11
warn.png257.00 B03-12-07 00:11
03.00 B
auto_suggest.html.txt1.09 kB03-12-07 00:11
auto_suggest.js.txt669.00 B03-12-07 00:11
CountryList.java.txt3.00 kB03-12-07 00:11
crud.html.txt1.68 kB03-12-07 00:11
crud.js.txt1.40 kB03-12-07 00:11
crud.jst.txt755.00 B03-12-07 00:11
index.html.txt3.24 kB03-12-07 00:11
jst_demo.html.txt1.68 kB03-12-07 00:11
LabelValueBean.java.txt4.72 kB03-12-07 00:11
mvcPic.html.txt1.05 kB03-12-07 00:11
rdf.jst.txt284.00 B03-12-07 00:11
rss.jst.txt272.00 B03-12-07 00:11
rss_reader.html.txt1.20 kB03-12-07 00:11
rss_reader.js.txt642.00 B03-12-07 00:11
services.properties.txt168.00 B03-12-07 00:11
services.xml.txt435.00 B03-12-07 00:11
Test.java.txt17.36 kB03-12-07 00:11
TestBean.java.txt1.41 kB03-12-07 00:11
unit_test.html.txt1.03 kB03-12-07 00:11
unit_test.js.txt15.89 kB03-12-07 00:11
unit_test.jst.txt493.00 B03-12-07 00:11
unit_test_js.jst.txt765.00 B03-12-07 00:11
User.java.txt2.49 kB03-12-07 00:11
UserManager.java.txt2.04 kB03-12-07 00:11
web.xml.txt1.58 kB03-12-07 00:11
web.xml_no_spring.txt1.58 kB03-12-07 00:11
03.00 B
check.gif604.00 B03-12-07 00:11
debug.png399.00 B03-12-07 00:11
error.gif633.00 B03-12-07 00:11
error.png289.00 B03-12-07 00:11
fatal.png309.00 B03-12-07 00:11
info.png271.00 B03-12-07 00:11
magnet.png430.00 B03-12-07 00:11
swato_01.png5.22 kB03-12-07 00:11
swato_02.png13.94 kB03-12-07 00:11
swato_04.png7.94 kB03-12-07 00:11
swato_05.png14.42 kB03-12-07 00:11
swato_Layer-5-over.png27.12 kB03-12-07 00:11
swato_Layer_5.png28.45 kB03-12-07 00:11
wait.gif1.52 kB03-12-07 00:11
warn.png257.00 B03-12-07 00:11
index.html3.70 kB03-12-07 00:11
03.00 B
effects.js33.07 kB03-12-07 00:11
jkl-floating.js7.22 kB03-12-07 00:11
jkl-parsexml.js14.11 kB03-12-07 00:11
jkl-resizable.js5.05 kB03-12-07 00:11
json.js10.34 kB03-12-07 00:11
logger.js6.77 kB03-12-07 00:11
pop-it-menu.js4.44 kB03-12-07 00:11
prototype.js55.81 kB03-12-07 00:11
swato-engine.js5.06 kB03-12-07 00:11
swato-form.js3.00 kB03-12-07 00:11
swato-jst.js3.91 kB03-12-07 00:11
swato-select.js1.18 kB03-12-07 00:11
swato-suggest.js11.62 kB03-12-07 00:11
swato.js939.00 B03-12-07 00:11
window.js40.77 kB03-12-07 00:11
03.00 B
crud.jst744.00 B03-12-07 00:11
rdf.jst284.00 B03-12-07 00:11
rss.jst272.00 B03-12-07 00:11
unit_test.jst493.00 B03-12-07 00:11
unit_test_js.jst765.00 B03-12-07 00:11
jst_demo.html1.68 kB03-12-07 00:11
03.00 B
MANIFEST.MF106.00 B03-12-07 00:11
mvcPic.html1.05 kB03-12-07 00:11
rss_reader.html1.20 kB03-12-07 00:11
03.00 B
auto_suggest.js665.00 B03-12-07 00:11
crud.js1.41 kB03-12-07 00:11
portal.js4.66 kB03-12-07 00:11
rss_reader.js642.00 B03-12-07 00:11
unit_test.js15.89 kB03-12-07 00:11
swato.jar56.50 kB08-04-08 10:57
test.html18.36 kB03-12-07 00:11
unit_test.html1.03 kB03-12-07 00:11
03.00 B
03.00 B
03.00 B
03.00 B
JSONArray.class8.16 kB03-12-07 00:11
JSONObject$1.class199.00 B03-12-07 00:11
JSONObject$Null.class860.00 B03-12-07 00:11
JSONObject.class10.41 kB03-12-07 00:11
JSONTokener.class5.17 kB03-12-07 00:11
03.00 B
03.00 B
03.00 B
CountryList.class2.52 kB03-12-07 00:11
LabelValueBean$1.class825.00 B03-12-07 00:11
LabelValueBean.class2.15 kB03-12-07 00:11
LabelValueBeanTest.class1.88 kB03-12-07 00:11
ObjA.class571.00 B03-12-07 00:11
ObjB.class571.00 B03-12-07 00:11
Test$1.class565.00 B03-12-07 00:11
Test$2.class714.00 B03-12-07 00:11
Test$Foo.class231.00 B03-12-07 00:11
Test$InnerFoo.class643.00 B03-12-07 00:11
Test$InnerSubTestBean.class520.00 B03-12-07 00:11
Test$StaticInnerSubTestBean.class437.00 B03-12-07 00:11
Test$TestBeanInvocationHandler.class1.56 kB03-12-07 00:11
Test.class13.72 kB03-12-07 00:11
TestBean.class1.27 kB03-12-07 00:11
User.class1.65 kB03-12-07 00:11
UserManager.class2.27 kB03-12-07 00:11
JSONConverter.class8.00 kB03-12-07 00:11
JSONConverterTest$1.class240.00 B03-12-07 00:11
JSONConverterTest$TestBean.class1.73 kB03-12-07 00:11
JSONConverterTest.class6.13 kB03-12-07 00:11
03.00 B
JSONRequest.class2.96 kB03-12-07 00:11
JSONResponse.class2.41 kB03-12-07 00:11
JSONServlet.class4.00 kB03-12-07 00:11
PropsFileContext.class3.48 kB03-12-07 00:11
RequestAware.class198.00 B03-12-07 00:11
RequestParameterHolder.class2.36 kB03-12-07 00:11
RequestParameterRecorder.class2.17 kB03-12-07 00:11
RequestRedirector.class2.78 kB03-12-07 00:11
ServiceContext.class243.00 B03-12-07 00:11
SessionAware.class191.00 B03-12-07 00:11
SpringContext.class1.39 kB03-12-07 00:11
SwatoActionProxy.class4.86 kB03-12-07 00:11
SwatoVisible.class396.00 B03-12-07 00:11
03.00 B
Pipe.class2.02 kB03-12-07 00:11
Utils.class632.00 B03-12-07 00:11
services.properties168.00 B03-12-07 00:11
services.xml881.00 B03-12-07 00:11
03.00 B
commons-httpclient-2.0.2.jar220.09 kB03-12-07 00:11
commons-logging.jar37.12 kB03-12-07 00:11
spring-beans.jar213.99 kB03-12-07 00:11
spring-context.jar100.22 kB03-12-07 00:11
spring-core.jar71.98 kB03-12-07 00:11
web.xml1.58 kB03-12-07 00:11
...
Sponsored links

jkl-resizable.js (884.61 kB)

Need 1 point
Your Point(s)

Your Point isn't enough.

Get point immediately by PayPal

More(Debit card / Credit card / PayPal Credit / Online Banking)

Submit your source codes. Get more point

LOGIN

Don't have an account? Register now
Need any help?
Mail to: support@codeforge.com

切换到中文版?

CodeForge Chinese Version
CodeForge English Version

Where are you going?

^_^"Oops ...

Sorry!This guy is mysterious, its blog hasn't been opened, try another, please!
OK

Warm tip!

CodeForge to FavoriteFavorite by Ctrl+D