javascript window dhtml form javascript layer open window in javascript close window size layer movement manipulation create layer form message box javascript

PRODUCTS

JavaScript Projects

PHP Projects

Javascript Tools

SUPPORT

Standard vs PRO

FAQ

Contacts

Site Map

CODETHAT

Downloads

Users Testimonials

Our Customers

STUDIO   GRID   TABLE   MENU   TREE   XPBAR   HINT   EDITOR   TAB   FORM   CALENDAR   SCROLLER   SHOPPINGCART   TREEPHP   PACKER

User Manual

Introduction

Form style

Form action

On-line Builder

Layered Form

Simple Window

123Guide

Examples

Download

Themes

FAQ

CODETHATFORM USER MANUAL

Form Actions

CodeThatForm object has a number of methods:

.create() - create new JSForm

.move(x,y) - move existent JSForm to (x,y)

.resize(w,h) - resize existent JSForm, set form width - w and height - h

.show() - show existent JSForm

.hide() - hide existent JSForm

.min() - minimize existent JSForm

.max() - maximize existent JSForm

.restore() - restore existent JSForm

.close() - close existent JSForm (but layer is not removed from the document)

.minimized() - return boolean value that shows whether existent JSForm was minimized

.maximized() - return boolean value that shows whether existent JSForm was maximized

.x() - return current value for x-coordinate

.y() - return current value for y-coordinate

.width() - return current value for JSForm width

.height() - return current value for JSForm height

Special actions for Windowed CodeThatForm only:

.CSSFile(url) - change URL of linked CSS file

.loadURL(url) - load appropriate url to existent JSForm

Special actions for Layered CodeThatForm only:

.resizeBy(dw, dh) - change size relatively to current values

.moveRel(dx, dy) - move window relatively to its current position

All the methods can be called both before or after CodeThatForm creation (before or after calling .create() method). At the time .create() is calling form will create with appropriate view.

Read create form object for more information.

Actions manipulations may look like this:

<form>
<input type=button onclick="wincreate()" 
       value="Open message window">
<br>
<input type=button onclick="w.move(300,200)" 
       value="Move to (300:200)">
<br>
<input type=button onclick="w.resize(400,100)" 
       value="Resize to (400x100)">
<br>
URL:<input name=url maxlength=1024 size=30 
     value='http://www.codethat.com'>
<input type=button 
       onclick="w.loadURL(this.form.url.value)" 
       value="Load">
<br>
</form>

Example - Work with Form Actions

You can see an example and complete code here - Form Actions for Layered Form

Form Actions for Simple Window

Read more about CodeThatForm >>

[ Home ]  [ Contacts ]  [ Site Map ]  [ News ]  [ Links ]  [ Downloads ]

[ Go Top ]

© CodeThat.com, 2003-2009
Design by XTLabs, Inc
Sponsored by Rocket Division Software, LTD.