Schnellstart

Hilfe Videos

Tutorials

Wiki

Issue Tracker

Eclipse PHP

Sprachen

Unterstützung

Kompatibilitäten

Komponenten

Tutorials

Tutorial Object

Tutorial : draggable Object + dropppable Object (with events)

Object-04: Tutorial der Komponente Object vom PHP FrameWork WebSite-PHP.

Tutorial : draggable Object + dropppable Object (with events):

draggable

droppable

Zurück zum Tutorial der Komponente Object

Quelltext

Datei: /pages/tutorials/object/object-04.php


<?php
class Object04 extends Page {
    public function InitializeComponent() {
        parent::$PAGE_TITLE = "Tutorial : draggable Object + 
                                 dropppable Object (with events)";
        
        $this->render = new WSPObject();
        
        $green_square = new WSPObject("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 WSPObject("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);
    }
}
?>

Zurück zum Tutorial der Komponente Object

PHP Framework

Start

Dokumentation

Herunterladen

Schnellstart

Hilfe Videos

Tutorials

Tutorials

Tutorial Object

Tutorial : draggable Object + dropppable Object (with events)

Quelltext