|
|
Tutorial 1 : Object with Label and TextBox 
<?php
class Object01 extends Page {
public function InitializeComponent() {
parent::$PAGE_TITLE = "Tutorial : Object with Label
and TextBox";
$this->render = new Object();
$this->render->add(new Label("my label", true),
new TextBox($this));
}
}
?>
Tutorial 2 : 2 squares Objects
<?php
class Object02 extends Page {
public function InitializeComponent() {
parent::$PAGE_TITLE = "Tutorial : 2 squares Objects";
$this->render = new Object();
$green_square = new Object();
$green_square->setId("my_object_green_2");
$green_square->setStyle("background-color:#5BFF4F;");
$green_square->setWidth(100);
$green_square->setHeight(100);
$red_square = new Object();
$red_square->setId("my_object_red_2");
$red_square->setStyle("background-color:#FF3300;");
$red_square->setWidth(100);
$red_square->setHeight(100);
$this->render->add($green_square, $red_square);
}
}
?>
Tutorial 3 : 2 draggables Objects
<?php
class Object03 extends Page {
public function InitializeComponent() {
parent::$PAGE_TITLE = "Tutorial : 2 draggables Objects";
$this->render = new Object();
$green_square = new Object("draggable");
$green_square->setId("my_object_green_3");
$green_square->setStyle("background-color:#5BFF4F;");
$green_square->setWidth(100);
$green_square->setHeight(100);
$green_square->setDraggable(true);
$red_square = new Object("draggable with revert");
$red_square->setId("my_object_red_3");
$red_square->setStyle("background-color:#FF3300;");
$red_square->setWidth(100);
$red_square->setHeight(100);
$red_square->setDraggable(true, true);
$this->render->add($green_square, $red_square);
}
}
?>
Tutorial 4 : draggable Object + dropppable Object (with events)
<?php
class Object04 extends Page {
public function InitializeComponent() {
parent::$PAGE_TITLE = "Tutorial : draggable Object +
dropppable Object (with events)";
$this->render = new Object();
$green_square = new Object("draggable");
$green_square->setId("my_object_green_4");
$green_square->setStyle("background-color:#5BFF4F;");
$green_square->setWidth(100);
$green_square->setHeight(100);
$drag_event = new DraggableEvent($this);
$drag_event->onDragEndJs("alert('end drag');");
$green_square->setDraggable(true, false, $drag_event);
$red_square = new Object("droppable");
$red_square->setId("my_object_red_4");
$red_square->setStyle("background-color:#FF3300;");
$red_square->setWidth(100);
$red_square->setHeight(100);
$drop_event = new DroppableEvent($this);
$drop_event->onDropJs("alert('drop');");
$red_square->setDroppable(true, $drop_event);
$this->render->add($green_square, $red_square);
}
}
?>
Tutorial 5 : sortables Objects
<?php
class Object05 extends Page {
public function InitializeComponent() {
parent::$PAGE_TITLE = "Tutorial : sortables Objects";
$this->render = new Object();
$this->render->setId("my_render_object_5");
$this->render->setSortable(true);
$green_square = new Object("<br/><br/>", "1");
$green_square->setId("my_object_green_5");
$green_square->setStyle("background-color:#5BFF4F;");
$green_square->setAlign(Object::ALIGN_CENTER);
$green_square->setWidth(100);
$green_square->setHeight(100);
$green_square->setDraggable(true, false, null, true);
$red_square = new Object("<br/><br/>", "2");
$red_square->setId("my_object_red_5");
$red_square->setStyle("background-color:#FF3300;");
$red_square->setAlign(Object::ALIGN_CENTER);
$red_square->setWidth(100);
$red_square->setHeight(100);
$red_square->setDraggable(true, false, null, true);
$blue_square = new Object("<br/><br/>", "3");
$blue_square->setId("my_object_blue_5");
$blue_square->setStyle("background-color:cornflowerblue;");
$blue_square->setAlign(Object::ALIGN_CENTER);
$blue_square->setWidth(100);
$blue_square->setHeight(100);
$blue_square->setDraggable(true, false, null, true);
$this->render->add($green_square, $red_square, $blue_square);
}
}
?>
Tutorial 6 : clickable Objects
<?php
class Object06 extends Page {
public function InitializeComponent() {
parent::$PAGE_TITLE = "Tutorial : clickable Objects";
$form = new Form($this);
$green_square = new Object("<br/><br/>", "click");
$green_square->setId("my_object_green_6");
$green_square->setStyle("background-color:#5BFF4F;cursor:pointer;");
$green_square->setAlign(Object::ALIGN_CENTER);
$green_square->setWidth(100);
$green_square->setHeight(100);
$green_square->onClick($form, "onClickObject");
$red_square = new Object("<br/><br/>", "click");
$red_square->setId("my_object_red_6");
$red_square->setStyle("background-color:#FF3300;cursor:pointer;");
$red_square->setAlign(Object::ALIGN_CENTER);
$red_square->setWidth(100);
$red_square->setHeight(100);
$red_square->onClick($form, "onClickObject");
$form->setContent(new Object($green_square, $red_square));
$this->render = $form;
}
public function onClickObject($sender) {
$dialog = new DialogBox("onClickObject",
"click: ".$sender->getId());
$this->addObject($dialog);
}
}
?>
|
|
|
|
|
Documentation
Download
Contact
Quick start
Help videos
Tutorials
Eclipse PHP
Site created with framework WebSite-PHP