WebSite-PHP Framework PHP
Multi langues
Mode Ajax simple
Aucun HTML, aucun JavaScript
URL rewrinting
Envoi d'email
Sitemap - RSS - Web service
Télécharger le Framework WebSite-PHP maintenant
 


Loading
  


Tutorial : draggable Object + dropppable Object (with events)

Tutoriels

>

Tutoriel Object

>

Tutorial : draggable Object + dropppable Object (with events)

Object-04: Tutoriel du composants Object du FrameWork PHP WebSite-PHP.

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

draggable
droppable


Retourner aux tutoriels du composants Object



Code source

Code source

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


Retourner aux tutoriels du composants Object


Share

 


Copyright © 2009-2024 WebSite-PHP Framework PHP
Accueil Documentation Télécharger Quick start Tutoriels Wiki Issue Tracker