WebSite-PHP Framework PHP
Multi language
Simple Ajax mode
No HTML, no JavaScript
URL rewriting
Mail sending
Sitemap - RSS - Web service
Download WebSite-PHP FrameWork now
 


Loading
  


Tutorial : draggable Object + dropppable Object (with events)

Tutorials

>

Tutorial Object

>

Tutorial : draggable Object + dropppable Object (with events)

Object-04: Tutorial of the composant Object of the PHP FrameWork WebSite-PHP.

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

draggable
droppable


Go back to tutorial of the componant Object



Source code

Source code

File: /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);
    }
}
?>


Go back to tutorial of the componant Object


Share

 


Copyright © 2009-2024 WebSite-PHP Framework PHP
Home Documentation Download Quick start Tutorials Wiki Issue Tracker