Tarek Mahmud Apu http://www.apueee.com javascript, php, flash, engineer, electrical, electronic, xul, firefox, mysql, matlab, c, web, web developer, Wed, 29 Oct 2008 05:37:49 +0000 http://wordpress.org/?v=2.3.2 en Custom Event in actionscript 3 http://www.apueee.com/2008/10/26/custom-event-in-actionscript-3/ http://www.apueee.com/2008/10/26/custom-event-in-actionscript-3/#comments Mon, 27 Oct 2008 04:18:46 +0000 admin http://www.apueee.com/2008/10/26/custom-event-in-actionscript-3/ Adding custom event in as3 can make life easy. Sometime it needs to set root variable from different class or need to call root function for a specific application. Its better to use custom event than using "root" in class. Its easy to trigger and also can be listen from anywhere. Its make a class independent. Creating custom event handlers in ActionScript 3 is pretty much simple. Here i’m showing a simple myCustomEvent class which extends the flash Event class. 

   1: //Declare a class for myCustomEvent
   2: package wneeds.events{
   3:     
   4:     import flash.events.Event;
   5:  
   6:     public class myCustomEvent extends Event {
   7:         
   8:         public var myMessage:String;
   9:         
  10:         public function myCustomEvent(msg) {
  11:             
  12:             super("myCustomEvent");
  13:             myMessage = msg;
  14:         }
  15:     }
  16: }

In the above class i also declare a variable named "myMessage" to show how to pass variable in a custom event class. For triggering the custom event, it just need to include the class and use the dispatchEvent method as like below…

   1: //How to asign a event
   2: import wneeds.events.myCustomEvent;
   3:  
   4: dispatchEvent(new myCustomEvent("Hello …"));

Now time to add Listener to listen the event from anywhere….

   1: //How to add the listener for the myCustomEvent..
   2:  
   3: this.addEventListener("myCustomEvent", showMessage);
   4:  
   5: function showMessage(e:myCustomEvent):void {
   6:     trace(e.myMessage);
   7: }

In various purpose its better to pass object. Because in object its easy to pass multiple properties and easy to write in json format. 

   1: dispatchEvent(new myCustomEvent({name:‘tma’,height: 100, msg : ‘Hello…’}));

Then it can be easily possible to get all the properties from the listener…. :)

]]> http://www.apueee.com/2008/10/26/custom-event-in-actionscript-3/feed/ Some links on flash help http://www.apueee.com/2008/07/08/some-links-on-flash-help/ http://www.apueee.com/2008/07/08/some-links-on-flash-help/#comments Tue, 08 Jul 2008 19:46:58 +0000 admin http://www.apueee.com/2008/07/08/some-links-on-flash-help/ Some of my friends want to learn flash. They are searchig for web address where they can found help. So my friends don’t worry here are some flash help sites.. click any and get ur one..


]]> http://www.apueee.com/2008/07/08/some-links-on-flash-help/feed/ “eXtplorer” a cool PHP- and JavaScript- based File Manager http://www.apueee.com/2008/07/07/extplore-a-cool-php-and-javascript-based-file-manager/ http://www.apueee.com/2008/07/07/extplore-a-cool-php-and-javascript-based-file-manager/#comments Mon, 07 Jul 2008 18:03:18 +0000 admin http://www.apueee.com/2008/07/07/extplore-a-cool-php-and-javascript-based-file-manager/ I saw many ajax or javascript based work but i really became fan of “eXtplore”.Its not only a file manager for local files but also a web-based ftp application.

Its cool interface and simple animations are awesome. I am pleased with its amazing Features. No doubt its really brilliant , ausum!!!!

eXtplore

Features:

  • browse directories & files on the server and
  • edit, copy, move, delete files,
  • search, upload and download files,
  • create and extract archives,
  • create new files and directories,
  • change file permissions (chmod) and much more..
  • Create and Extract Archives (ZIP, Tar, Tar/GZ, Tar/BZ)
  • User Management with different permission levels like “View only” or “Edit” and “Admin”
  • Available as a component for Joomla! and Mambo.

For more information please visit : http://extplorer.sourceforge.net/


]]> http://www.apueee.com/2008/07/07/extplore-a-cool-php-and-javascript-based-file-manager/feed/ Flash multiple file uploader http://www.apueee.com/2008/07/05/flash-multiple-file-uploader/ http://www.apueee.com/2008/07/05/flash-multiple-file-uploader/#comments Sat, 05 Jul 2008 11:55:59 +0000 admin http://www.apueee.com/?p=9 You need to upload multiple files at once? Are you searching for java applet script for multiple file uploading? Why not going with flash? Here, I have a solution with flash ….

I know Flickr, solved this problem with a downloadable desktop application. But Most Others used Java applets. But i think flash is very simple for multiple file upload. I have used flash 8 to do the job…

smartupload preview

Demo : http://www.apueee.com/smartupload/

Download: http://www.apueee.com/downloads/smartuploader (downloaded 1263 times)

Features:

1. Multiple file selection option

2. Multiple file selection when upload on progress

3. Multiple progressbar for files

4. Its possible to remove a file from the file list even when upload on progress

5. Standard interface

6. Custom javascript function can be used after upload files.

7. Reset Option to use it again

Features Coming Soon:

1. ActionScript 2.0 to ActionScript 3.0 Migration

2. Post/Get data sending from the html

3. Flash Error message control from the javascript

4. Getting Error message from server side script

6. Custom interface setting

7. Support for all Browser.

Comments and suggestions are most welcomed :)


]]> http://www.apueee.com/2008/07/05/flash-multiple-file-uploader/feed/ Simple Drag`n Drop example (part 2) http://www.apueee.com/2008/03/27/simple-dragn-drop-example-part-2/ http://www.apueee.com/2008/03/27/simple-dragn-drop-example-part-2/#comments Thu, 27 Mar 2008 12:42:12 +0000 admin http://www.apueee.com/?p=7   After publishing Simple JavaScript drag`n drop i have write new function dragObj(element, target).  This object has two parameters.

1. element : The object on which the mouse events work.
2. target : The object which needs to Drag…

and its very simple to declare new draggable object…

new dragObj(draggableObject);
new dragObj(dragHandlerObject, draggableObject);

is it confusing? 

Here at the first declaration i used only one parameter.. that means element and target are same object. if it needs to drag a object with a drag handler then its need to give two parameter. the drag handler as an element and the target object as target… The following example will clear all the confusion..:)

http://www.apueee.com/tma_examples/dragit2_tma.htm

Source Code :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Tarek Mahmud Apu : Sample Drag`n Drog Example</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
    .widget {
        height:200px;
        width:300px;
        position:absolute;
        border:1px outset #006666;
        border-right:1px inset #006666;
        border-bottom:1px inset #006666;
        background:#E0E0E0;
    }
    #dragit {
        height:20px;
        position:relative;
        background: #006666;
        cursor:move;
    }
    #box1 {
        height:200px;
        width:300px;
        position:absolute;
        border:1px solid red;
        background:#E0E0E0;
        cursor:move;
    }
</style>
<script type="text/javascript">
    
    function dragObj(element, target)
    {
        var objToDrag = (target) ? target : element;
        var dx, dy;
        
        // stop dragging and remove event
        function enddrag()
        {
            document.onmouseup = null;
            document.onmousemove = null;
        }
        
        //drag
        function drag(e)
        {
            e = e || window.event;
            
            objToDrag.style.top = (e.clientY - dy) + ‘px’;
            objToDrag.style.left = (e.clientX - dx) + ‘px’;
        }
        
        // initiate the drag
        function initDrag(e)
        {
            e = e || window.event;
            
            dx = Math.abs(parseInt(objToDrag.style.left) - e.clientX);
            dy = Math.abs(parseInt(objToDrag.style.top) - e.clientY);
        
            document.onmouseup = enddrag;
            document.onmousemove = drag;
            return false;
          }
 
          element.onmousedown = initDrag;
    }
 
    window.onload = function()
    {
      new dragObj(document.getElementById(‘box1′));
      new dragObj(document.getElementById(‘dragit’), document.getElementById(‘dragit’).parentNode);
    }
</script>
</head>
    <body>
        <h2 align="center" >Simple Drag and Drop Examples</h2>
        <h6 align="center"><a href="http://www.apueee.com">www.apueee.com</a></h6>
        <div id="box1" style="left:100px;top:100px;"> Drag Me </div>
        <div class="widget" style="left:200px;top:200px;">
            <div id="dragit"> Drag it </div>
            <div style=" text-align:center; padding-top:50px;position:relative;color:#000"> Lorem ipsam… … </div>
        </div>
    </body>
</html>


So it’ll make easy to declare drag`n drop html element…

]]> http://www.apueee.com/2008/03/27/simple-dragn-drop-example-part-2/feed/ Simple JavaScript drag`n drop http://www.apueee.com/2008/03/22/simple-javascript-dragn-drop/ http://www.apueee.com/2008/03/22/simple-javascript-dragn-drop/#comments Sun, 23 Mar 2008 07:02:13 +0000 admin http://www.apueee.com/?p=5    JavaScript drag`n drop is very simple thing. Last week some juniors ask me how they can drag a div element. Then I thought to write this simple post..

   To Drag a div it needs 3 mouse events onmousedown, onmousemove and onmouseup. These three events can do all the job.

Live example here at

http://www.apueee.com/tma_examples/dragit_tma.htm

Javascript Code Here :

<script type=“text/javascript”>
    //initiate variables
    var element;
    var DragNow = false;
    var dx=0;
    var dy=0;
    
    function initDrag(e)
    {    
        e = (e)? e : event;
        
        DragNow = true;
        
        dx = Math.abs(parseInt(element.style.left) - e.clientX);
        dy = Math.abs(parseInt(element.style.top) - e.clientY);
        
        //declare mousemove and mouseup event
        document.onmousemove = startDrag;
        document.onmouseup = stopDrag;
    }
 
    function stopDrag()
    {
        DragNow = false;
    }
    
    function startDrag(e)
    {
        e = (e)? e : event;
       
        if(DragNow)
        {
            element.style.top = (e.clientY - dy) + ‘px’;
            element.style.left = (e.clientX - dx) + ‘px’;
        }
    }
    
    window.onload = function()
    {
      //set the draggable element 
      element = document.getElementById(elementId); 
      
      //initiate mousedown event
      element.onmousedown = initDrag;
    }
</script>
 
Here the important thing is that the position of the element must 
be 'absolute'.
That's all about the drag`n drop.
]]> http://www.apueee.com/2008/03/22/simple-javascript-dragn-drop/feed/ At last I have started my blog http://www.apueee.com/2008/02/19/at-last-i-have-started-my-blog/ http://www.apueee.com/2008/02/19/at-last-i-have-started-my-blog/#comments Wed, 20 Feb 2008 05:16:15 +0000 admin http://www.apueee.com/?p=3 I have to write blog?? It’s impossible for a lazy person as like me. But thanks to emran bhai & hasin bhai for pushing me to write blog. Oh! great i have already wrote 4 line including this. Thanks to myself. May allah bless me to continue this blog…..

]]> http://www.apueee.com/2008/02/19/at-last-i-have-started-my-blog/feed/