Drag And Drop Tutorial - Very useful

free web hosting
Free Web Hosting > Computers & Tech > How-To's and Tutorials > Graphics and Animation > Flash and Shockwave

Drag And Drop Tutorial - Very useful

speedy
Drag And Drop is a very useful effect commonly used for making DressUp games, Mobile applications, Games, Cursors, Good user interface etc.

Here is a sample (by me) which would show one of its uses:
http://img266.imageshack.us/my.php?image=drag28lm.swf

You can see that when you press the "Shoutbox, FirstPost or the Dust Bin" you can drag them anywhere on the screen and on releasing mouse button they settle there. Also if you release mouse button over the dust bin after "selecting the Shoutbox or Firstpost" they get removed.

To make such "Drag and Drop" objects do as follows:

1. Select the object (can be any image) and press F8, select "Button" from the options and OK.
2. Put in following code in the Action Window for that object.
CODE
on (press)      
{
this.startDrag();  //start drag
}
on (release) {
this.stopDrag();  //stop drag
}

3. Again press F8 and select "Movie" this time.
4. Press ctrl + Enter and try.

You may add more of your commands above according to your needs. Thus you may create an interactive presentation


You can also use this property to make your own mouse icon for the presentation:

1. Select a graphic (small in size for a mouse icon)
2. Press F8 and select "Movie"
3.In the Actions Window type this code:
CODE
onClipEvent(load)
{
startDrag(this,true)  //start dragging and lock mouse to center
Mouse.hide()    //hide the  default mouse cursor
}

4. Again press F8 and select "Movie"
5. Press ctrl + Enter and try.

Here is the ".fla" file of my sample:
DOWNLOAD FLA


As this was my first FLASH tutorial so please pe patient where ever I go wrong. Also please rate this tutorial and post your comments. wink.gif cool.gif biggrin.gif

Speedy

 

 

 


Reply

YudzzY
hey thanks i'm gonna try that and get back to you.. seems useful!

Reply

CarolinaBlues
QUOTE
Drag And Drop is a very useful effect commonly used for making DressUp games, Mobile applications, Games, Cursors, Good user interface etc.

Here is a sample (by me) which would show one of its uses:
http://img266.imageshack.us/my.php?image=drag28lm.swf

You can see that when you press the "Shoutbox, FirstPost or the Dust Bin" you can drag them anywhere on the screen and on releasing mouse button they settle there. Also if you release mouse button over the dust bin after "selecting the Shoutbox or Firstpost" they get removed.

To make such "Drag and Drop" objects do as follows:

1. Select the object (can be any image) and press F8, select "Button" from the options and OK.
2. Put in following code in the Action Window for that object.
CODE
on (press)     
{
this.startDrag();  //start drag
}
on (release) {
this.stopDrag();  //stop drag
}

3. Again press F8 and select "Movie" this time.
4. Press ctrl + Enter and try.

You may add more of your commands above according to your needs. Thus you may create an interactive presentation


You can also use this property to make your own mouse icon for the presentation:

1. Select a graphic (small in size for a mouse icon)
2. Press F8 and select "Movie"
3.In the Actions Window type this code:
CODE
onClipEvent(load)
{
startDrag(this,true)  //start dragging and lock mouse to center
Mouse.hide()    //hide the  default mouse cursor
}

4. Again press F8 and select "Movie"
5. Press ctrl + Enter and try.

Here is the ".fla" file of my sample:
DOWNLOAD FLA


As this was my first FLASH tutorial so please pe patient where ever I go wrong. Also please rate this tutorial and post your comments. wink.gif cool.gif biggrin.gif

Speedy


Thanks so much. You really decrobed it good. Your awesome xD biggrin.gif

 

 

 


Reply

JUDGE_RELIC
You helped me with some questions I had, thanks

Reply

GodDog
This looks very good i will try this out and see what it will do is it mostly used in games

Reply

iGuest
drag and drop
Drag And Drop Tutorial

I want to move an object horizontally with mouse draging,
Just in the x- axis


-reply by saad

Reply


Got an Opinion! Express your Views! (no registration):-
Add your Reply/ Opinion/ Views/ Comments/ Suggestion/ Questions/ Queries etc.
Posts with decent grammar & English will be accepted and please refrain from profanities.
For asking a Question, We recommend you to sign-up (for free) so that you can track the topic easily.

Nature of your Post*: Opinion/ Reply/ Comments
Question/Query
Feedback to us.
       
Name   Email
Title/Question*

(Maximum characters: 10,000)
You have characters left.
Confirm Code:

Recent Queries:-
  1. drag button fla - 1.61 hr back. (1)
  2. drop and drag tutorial - 6.82 hr back. (1)
  3. c# drag button with mouse - 9.24 hr back. (2)
  4. how do i make a drag and drop animation - 10.00 hr back. (4)
  5. drag and drop tutorial - 8.81 hr back. (2)
  6. c drag and drop tutorial - 20.53 hr back. (1)
  7. xnview drag & drop means - 21.15 hr back. (1)
  8. gimp drag drop - 30.10 hr back. (1)
  9. drag and drop.fla - 32.88 hr back. (1)
  10. c drag drop tutorial - 39.59 hr back. (1)
  11. totorial xnview drag drop - 40.02 hr back. (1)
  12. how to drag and drop tutorial - 43.33 hr back. (1)
  13. c# dragdrop example - 22.11 hr back. (2)
  14. drag & drop game with a result button flash 8 tutorial - 48.23 hr back. (1)
Similar Topics

Keywords : drag, drop, tutorial

  1. Moving To Fedora 9
    Tutorial on how a newbie can move to using this fantastic OS Fedora 9, (1)
  2. Bulletproof Ftp Server Tutorial
    BulletProof FTP Server Tutorial (0)
    thanks to someone for this tut. Configuring your Bulletproof FTP Server Tutorial I am not sure
    where I found this tutorial, It’s been a while…It might even have been here... ..So if it is one of
    yours, my hat goes off to you once again.... After reading the excellent tutorial on "Creating an
    FTP" that Norway posted… (I would suggest reading and following his tutorial first, then following
    up with this one) I thought that perhaps this tutorial might be pretty helpful for those interested
    in knowing how to configure their Bulletproof FTP Server that don't already ....
  3. Gimp Userbar Tutorial
    Very Easy... (3)
    Hello, I will tell you how to create a nice userbar in the open-source software called GIMP. You
    should GIMP 2.4.6 installed on computer, and if you don't, go to The GIMP Website. Make sure
    to view a few beginner tutorials to have a basic understanding of GIMP. This is what the finished
    userbar will look like: It is very simple, and I learned it easy. I will guide you through all
    the steps of making a userbar. ~ Now we will go through all the steps. 1. Open GIMP and click
    New(Ctrl + N) and make the size for your new image 350 by 19. Your screen should look....
  4. Conditional Statements Of Javascript
    Tutorial for beginers (1)
    In this tutorial we will discuss about conditional statements of JavaScript. JavaScript has 4 types
    of conditional statements such as if statement, if...else statement, if...else if....else statement
    and switch statement. All this statements are used in different condition. Now we will try to
    discuss this 4 types of statements with some examples. When we need to execute some code only in a
    specified condition, then we will use if statement. The syntax of if statement is if (condition) {
    code to be executed if condition is true } One important thing is that this if will....
  5. C/c++ -gdb Linux Debug Tool
    Simple Gdb tutorial (0)
    To run the C/C++ file use $ gcc –g –o test sample.cpp To debug the code use following
    command $ gdb test --- you will get following messages GNU gdb Red Hat
    Linux (6.3.0.0-1.122rh) Copyright 2004 Free Software Foundation, Inc. GDB is free software, covered
    by the GNU General Public License, and you are welcome to change it and/or distribute copies of it
    under certain conditions. Type "show copying" to see the conditions. There is absolutely no warranty
    for GDB. Type "show warranty" for details. This GDB was configured as "i386-redh....
  6. Linux Beginners - Tutorial On Editors In Linux.
    (3)
    This is a simple tutorial on the editors in Linux. I use these 3 editors for programming on linux:
    1. vi -- available in all Linux and unix box, used to edit 2. vim -- not in all Linux flavors
    and it has got default coloring of key words feature, used to edit 3. view --Its used only to
    view, recommended to use for viewing of system config files, as it should not get edited without
    your notice. Following are the basic commands comes handy with these editors #Open a file for
    edit $ vi test -- creates a file if file is not exist in the current director....
  7. Photographing Fireworks
    Tutorial for shooting fireworks (7)
    Photographing fireworks presents some technical challenges, it needs quite a different approach to
    most other subjects but follow these few steps carefully and you will be successful. What are we
    photographing? Basically we are photographing streaks of light that develop over a period of time
    against a black background. The great thing about a black background is that it makes no impression
    on the film, or sensor in the case of a digital camera. So we can leave the shutter open as long as
    we like, the black will still be black. So, in short, the way to photography firew....
  8. Safety
    Anyone who knows a tutorial (9)
    Hey! Anyone who know a tutorial where they teach you how to protect your scripts from danger
    (hacks and stuff)? I think I need to start to think about theese stuff now.....
  9. How To Make An Test-based Rpg Game!
    This is a step by step tutorial of how to make a RPG test-based game (4)
    Welcome Hello this is Convictlife and i have made an RPG game and for you noobs out
    there i will be explaining Here is a breif structure of this post: 1. Getting your codes. 2.
    Getting your host. 3. Uploading your codes. 4. Configuring your codes. 5. MySQL 6. phpMyAdmin 7.
    CronJobs 8. Editing 9. Finalizing Getting Your Codes! First of all you need codes that
    will power your website. If you are a master coder (like Dabomstew) then you can code these codes
    yourself, but if you are "so-so" then you will need to get codes from somewhere. I got....
  10. Gimp: Working With Text
    Simple GIMP tutorial for beginners (5)
    GIMP Working with Text 1) Start a new image with dimensions that hold your text. Plan for extra
    room. 2) Text Tool: Create a Text. Type in a name or something. Pick a font and Size of 50 pixels.
    3) Adding a Shadow: There are different ways add a shadow. There are many ways to add a
    basic shadow but some will result in your shadow being clipped on the edges. So I'll show you a
    work around. This would also Apply when part of your blur - or other filter - gets knocked off the
    text selection you apply it on. I've found out you can do two things. 3.A) I....
  11. C# Tutorial : Lesson 3 - Programming Constructs
    (1)
    Conditional Branching By branching we imply, having different paths for execution.
    Conditions are used to determine which statements need to be executed. Suppose, you have a program
    to store the details of employees. Depending upon the post of the employee, there would be various
    fields associated with it. A department head, for example, would have a property denoting the
    department he heads, etc. We use conditional branching in such a scenario. C# provides the
    following conditional constructs:- if .. else Syntax:- if ( ) { statements } else { statement....
  12. Problem With Drag And Drop (or So It Seems).
    (11)
    I'm running on Windows XP with Service Pack 1. The last few days, all of a sudden, the drag and
    drop functionality of explorer (or anything on the operating system that uses system calls in order
    to perform it) screws up completely. I attempt to drag it, and it just flickers a bit to the
    direciton I'm moving it and then fails. It doesn't seem to be the mouse as I can still drag
    a rectangle selection to select multiple files etc, just no drag and drop. However, it isn't
    always like that, it works generally (as far as I know) and stop working out of now....
  13. Wireless: Bypassing Mac Filtering
    Tutorial (10)
    Sometimes you scan the neighborhood for the wireless connections, you see open connections but can
    not connect to them. Well this is possible because they use MAC filtering to secure up their
    network. I will try to explain how to bypass this protection NOTE: This is for EDUCATION purpose
    only to show you it is possible to bypass this security. I am not responsible for unauthorized use
    of these information. Requirements : 1- You need some tool for sniffing the traffic. I suggest
    using Aircrack-ng (http://www.aircrack-ng.org/) 2- You need some tool to change your MAC ad....
  14. Installing Glut To Dev C++
    A tutorial to install GLUT on Dev C++ (3)
    This is a tutorial that someone submitted to my programming site when it was up because I didn't
    know how to install glut on any other compiler than my own. I though it would be helpful to post
    this up for everyone here so they can use GLUT as well without having to google for hours. I'm
    not sure if I'm allowed, but I have quoted it and have given credit where credit is due, so if
    this post is allowed I hope this helps those people who couldn't program in GLUT yet. QUOTE
    Installing G.L.U.T. to Dev C++ By James Duran (email: vrok137@yahoo.com) ....
  15. [tutorial] Pc-pc Home Networking.
    How to connect 2 computers at home via a LAN wire. (9)
    Hello Folks, Its been long since i've posted so thought i'd keep myself alive by posting
    up a useful tutorial. I know how hard it can be to not know about something, and ask around with no
    clue of whats goin on. So i've made sure that every word in this tutorial is understandable by
    any new user with the least knowledge of a PC and Networking.
    PC-PC Home Networking Tutorial First and foremost make sure
    you have the right cable. A Right cable would be a Cross-Over LAN wire (PC-PC). ....
  16. [tutorial] Basics Of C Programming - Part 1
    (11)
    Well, I was going through a few posts on C / C++ on asta .. and found a very less C related
    subjects. I went through the entire tutorial of mastercomputers >>HERE .. It was a nice
    tutorial for guys who have a little knowledge of programming basics and want to go into hardcore
    programming. Since there was no Basic overview of what C was, i thought of writing one /smile.gif"
    style="vertical-align:middle" emoid=":)" border="0" alt="smile.gif" />. I wil make shure that what i
    write will be 100% accurate, but its human to error so please correct me if i am wrong. Let....
  17. Pre Loader Tutorial For Flash
    Made by: Jordain (6)
    Simple pre loader tutorial with play button by: Jordain Joyce First of all open up flash then
    Create 4 Layers and in order name them: Actions
    Loader outline
    Loader Bar Content Then create 3
    frames for each layer. Lets start in the actions layer, for the first frame make it blank and the
    second frame make it blank also. Press F9 to open the actions panel (make sure you ....
  18. Using The Php Mail() Function For Images Or Attachments
    Can't find a decent tutorial! (3)
    I read the one mail() tutorial that was posted in the tutorial section and to my horror found that
    he had quoted almost verbatim from the PHP Manual off php.net, and made a comment about it, and also
    found that if you were new to PHP or the Manual that it was informative but not indepth enough for
    my tastes. This is not a tutorial although with the code that will be posted it might look like
    one, that is not its intent or purpose. I have searched and found many so called tutorials about
    MIME mail and boundries and all that but basically it either told me to use PHPMai....
  19. VB.NET: MS-Access Interaction Tutorial (Part I)
    (18)
    VB.NET - MS-Access Interaction Tutorial I got down to writing this tutorial because of
    this certain question that Dhanesh posted on our forums here . This tutorial will attempt to
    show you how to: Create a MS-Access Database Create/Edit/Delete Tables in it Access it and
    Add/Edit/Update data in those tables all with VB.NET . Note: This is not a beginner's
    tutorial and I'll assume you know all the basics of creating WinForm based applications using
    VS.NET . The screen-shots provided are from VS.NET 2005 - but you shouldn't f....
  20. Photoshop Tutorial: Carbon Fiber Pattern
    A very popular pattern (6)
    This tutorial will teach you how to make the ever popular Carbon Fiber pattern. I use it frequently,
    since it can create many different looks when it's applied in different scales. Anywhos,
    let's get started! 1. Create a new image, 4px by 4px, with a transparent background 2.
    Zoom in 800% 3. Using your 1px Pencil tool ( ) and the color #595959, create a 2px wide by 1px
    high rectangle in the top left corner of the square 4. Now switch your color to #474647 and make
    another 2x1 pixel rectangle below the one you just made 5. Repeat Step 4 with the c....
  21. Yahoo! Messenger Protocol Tutorial - Part 2
    (2)
    Part 2 - History The need for humans to communicate faster and more efficiently has been one of the
    driving forces behind the Internet. Not since the invention of the telephone has communications
    between humans been more readily available. The communication power of the Internet began to take
    shape in its infancy with one of the first Internet applications, email. While the Internet was
    still ARPANET and with only four links, the first email message was sent by Ray Tomlinson in 1971.
    The first message consisted of the text “Testing 1-2-3” and did not contain any of th....
  22. Change Fonts On A S60 Phone [tutorial]
    (13)
    I didnt find a suitable catagory for this tutorial so posting it out here, Mods please find a
    suitable place for this if i am wrong. Allright, lets get started. Almost everyone now owns a
    Nokia, and out of that almost 70% use SymbianOS phones (S60). You can change the themes the
    wallpapers etc on your phone, but i assume that a few of you would like to change only the Font.
    Nokia uses its default font called the NokiaSans . This is hard coded and set in the ROM of your
    phone, so that whenever we format the phone, the same font is taken and used. Many of you might hav....
  23. A Complete Java Tutorial
    (4)
    The Java Programming Manual Chapter 0: Introduction. What Java is and what it is not Java is
    an object oriented programming language that has evolved from and to substitute the C and C++
    programming languages. But why? The main reason for Java to have evolved is "platform
    independence" we shall come to this part later. When a programming language is designed, certain
    trade offs have to be made. 1) Ease of use versus Power 2) Efficiency versus Safety 3) Rigidity
    versus Extensibility This also gives a more or less accurate comparison of C++ versus Java Java ha....
  24. Excelent Classical Animation Tutorial
    Excelent classical animation tutorial (5)
    Hello all, i have found a great tutorial of classical animation by Doug Compton, a cartoonist and
    animator from karmatoons, he had worked in projects like "Bugs Bunny's 50th Birthday Special"
    and many other. Check the tutorial here: DRAWING FOR CLASSICAL ANIMATION ....
  25. Photoshop Tutorial: Full Grunge Signature
    Using Photoshop 8.0 CS (16)
    Side Notes: I hope you enjoy it. I made this awhile ago, but didn't posted it before. I
    though it was time to be shared, so here it is. ....
  26. Short "slicing" Tutorial
    if you have photoshop... (12)
    Ok if you have Photoshop and Dreamweaver and you have no idea how to slice images in photoshop and
    how to export it to dreamweaver here is a short picture-guided tutorial... NOTICE: This tutorial
    will show you only how to slice FLATERNED photoshop image and export it to html and open in
    Dreamweaver... Ok here we go... I hope this was understandable... /rolleyes.gif' border='0'
    style='vertical-align:middle' alt='rolleyes.gif' /> /cool.gif' border='0'
    style='vertical-align:middle' alt='cool.gif' /> ....
  27. Photoshop Tutorial: Forum Signatures
    (12)
    .:OBJECTIVE:. To create an easy and attractive forum signature without excessive know how of the
    Photoshop program. .:DIFFICULTY:. Medium, must have some rudimentary Photoshop skills and the
    ability to follow instructions. .:TOOLS:. Photoshop 7.0 or above. .:TUTORIAL:. 1. First of all get
    this image (image made by me with brushes by silverninja from deviantART). Copy and paste this
    onto a new sheet in Photoshop. 2. Create a new page (ctrl + N) with a size you feel is appropriate
    for your creation, I myself prefer 400px by 100px. Now paste (ctrl + V) the image as a b....
  28. 3ds Max Tutorial #2-creating Reflective Materials
    (1)
    The next tutorial is based on creation of a reflective material in 3ds max. this tutorial will help
    u create a surface that reflects everything in sight. 1. Fire up 3dsmax. 2. Press 'm' 3.
    Change the box where u see 'Normal' i.e. material type. Change it to raytrace. 4. Change the
    colours to the colours you want. 5. In the maps section click the box next to reflection. 6. Select
    raytrace from the list. 7. Apply the material to any object. 8. Render the scene
    Voila!!! you have created a reflective material. You can also try.. 1. Using the ....
  29. Cron Jobs Tutorial
    So you wanna learn Cron jobs huh ? (3)
    How to setup Basic Cron Jobs. Ok. Many people are yelling that they cannot configure the
    crons properly. Here is a short tutorial which will help you set them. I have tried my best to
    explain the concept but there can be more advanced configurations. Basically you will want to run a
    PHP script file in specific intervals. Suppose you want to execute a php file called maintanence.php
    every one hour. This is what you do :- The CRON Command is in the Following Format CODE
    [ Minute - Hour - Day - Month - Weekday ] - Command The COMMAND, can be bro....
  30. How To Remove Bad Sectors Or Bad Clusters From HDD
    a tutorial for you all (16)
    hi friends, there is small tutorial to remove Bad Sectors from hdd to remove bad sectors you need a
    program named SeaMap now we start Start the SeaMap.exe software Set the option by typing SD and
    then press enter Press 1 then 0 or 1 to select drive Then press 2 and there will be a option (Y/N)
    press n for No Press Esc button one to go back to command line Type FD Type y for yes the Hdd will
    format the whole disk and removes bad sectors and partitions Now the computer has to be restarted,
    Restart your computer Partition your Hdd using fdisk and then format all partitio....

    1. Looking for drag, drop, tutorial

Searching Video's for drag, drop, tutorial
Similar
Moving To
Fedora 9 -
Tutorial on
how a newbie
can move to
using this
fantastic OS
Fedora 9,
Bulletproof
Ftp Server
Tutorial -
BulletProof
FTP Server
Tutorial
Gimp Userbar
Tutorial -
Very Easy...
Conditional
Statements
Of
Javascript -
Tutorial for
beginers
C/c++ -gdb
Linux Debug
Tool -
Simple Gdb
tutorial
Linux
Beginners -
Tutorial On
Editors In
Linux.
Photographin
g Fireworks
- Tutorial
for shooting
fireworks
Safety -
Anyone who
knows a
tutorial
How To Make
An
Test-based
Rpg
Game! -
This is a
step by step
tutorial of
how to make
a RPG
test-based
game
Gimp:
Working With
Text -
Simple GIMP
tutorial for
beginners
C# Tutorial
: Lesson 3 -
Programming
Constructs
Problem With
Drag And
Drop (or So
It Seems).
Wireless:
Bypassing
Mac
Filtering -
Tutorial
Installing
Glut To Dev
C++ - A
tutorial to
install GLUT
on Dev C++
[tutorial]
Pc-pc Home
Networking.
- How to
connect 2
computers at
home via a
LAN wire.
[tutorial]
Basics Of C
Programming
- Part 1
Pre Loader
Tutorial For
Flash - Made
by: Jordain
Using The
Php Mail()
Function For
Images Or
Attachments
- Can't
find a
decent
tutorial!
;
VB.NET:
MS-Access
Interaction
Tutorial
(Part I)
Photoshop
Tutorial:
Carbon Fiber
Pattern - A
very popular
pattern
Yahoo!
Messenger
Protocol
Tutorial -
Part 2
Change Fonts
On A S60
Phone
[tutorial]
A Complete
Java
Tutorial
Excelent
Classical
Animation
Tutorial -
Excelent
classical
animation
tutorial
Photoshop
Tutorial:
Full Grunge
Signature -
Using
Photoshop
8.0 CS
Short
"slicin
g"
Tutorial -
if you have
photoshop...
Photoshop
Tutorial:
Forum
Signatures
3ds Max
Tutorial
#2-creating
Reflective
Materials
Cron Jobs
Tutorial -
So you wanna
learn Cron
jobs huh ?
How To
Remove Bad
Sectors Or
Bad Clusters
From HDD - a
tutorial for
you all
advertisement




Drag And Drop Tutorial - Very useful



 

 

 

 

ADD REPLY / Got an Opinion! a humble request :-) RAPID SEARCH! Free Hosting [X]
Express your Opinions, Thoughts or Contribute more info. to help others.
Ask your Doubts & Queries to get answers, So that "Together We can help others!"
Register FREE for AD-FREE forum, Create your own topics, Ask Questions, track topics, setup subscriptions & notifications and Get a Free Website w/ Email and FTP.
500MB Space *No Ads*, CPanel, FTP, PHP, MySQL, EMails - 100% FREE