How to make specific objects visible when a droppable area is occupied

Hi,
At the moment I am trying to create a interactive animation in which when the user drops a symbol in a certain area, a layer that is hidden then becomes visible.
What I mean by this is that when the user drops one of the cards at the bottom of the screen in to the blank white space that is on the stage, another band member, (who is initially hidden) then appears. At the moment I have it set up so that when the user double clicks one of these empty white spaces the band member appears, but this is just to test the function. I am confused as to how I can get this to work only when the 'droppable' or blank space is filled.
Any help would be fantastic and attached you will find an image of the situation
Thanks

Thank you very much for uploading that example, I just took a look and noticed this section:
// set up the droppable to accept each draggables
for (i=0;i<droppableEl.length;i++){
  sym.$(draggableEl[i]).addClass('C'+i);
  sym.$('.C'+i).draggable({
  revert: 'invalid'
  sym.$(droppableEl[i]).droppable({
  accept:'.C'+i,   // use class for accept
  drop: handleDropEvent
So here if I have understood correctly you are defining each draggable object, (fruit) as class 'C', and each droppable area to accept 'C'?
Going off that, as you mentioned before I should be defining each card as a 'class', and then making sure that the droppable areas accept that specific 'class' - which in turn, when dropped in the area should show each band member? Would this be doable through a simple 'Show' command in that case?
My apologies if I am getting this completely wrong, and I really appreciate your help so far!
EDIT:
Apologies, forgot to mention that my draggables are working. I will attach an image of my code example for one of the cards now:
Card code:
Hiding all band members on composition ready:
As you can see, at the moment I have the band members to 'Show' when I double click, (just as a test). However I need them to show when there is a 'draggable' in 'droppable' space.

Similar Messages

  • How to make an object getting out of the screen ?

    Hello everybody !
    I am creating a game introduction with Flash pro CS6 and here's is my problem.
    I want a object in my animation to leave the screen, but I dont know how to do it.
    Is there for example, a way to delimited the working area, so that when I make an object go out of this area, it does not appear in my final animation ( no matter the format, .avi, .mov, spritesheets ... ) or can eventualy be "cut" ( if I make my object half inside the working arear and half outside ) ?
    Is there an other way to do this ?
    Thanks !

    Using a mask might be one way.

  • How to make an object mutable?

    Can any one tell me how to make an object mutable?
    Following is Class X & Y?
    class Y
    public static void main(String arg[]) {
    X a1=new X();
    Object a=a1.get();
    System.out.println(a.toString());
    a1.set(a);
    System.out.println(a.toString());
    class X implements Serializable
    public Object get(){
    return new Object();
    public synchronized void set(Object o)
    o=null;
    In my class Y when i say
    a1.set(a);
    I want local Object a of main method should be nullified.
    Can it be possible if yes what is the way or code to be applied so that
    my next a.toString() statement will give me NullpointerException.

    Isn't it more accurate to say that object references are passed by value?
    OP -- Basically you can't to what you want to do. When you "pass an object" as a method parameter, what you're really passing is a copy of the reference that points to the object. You now have two refs pointing to the same object--one in the caller and one in the method being executed. Setting either of those refs to null does NOT affect the object itself, and does NOT affect the other ref. It just means that the ref that's been set to null no longer points to any object.
    If you want the called method to make a change that the caller can see, you need to either 1) return a value from the method, 2) encapsulate the object to be changed as a member of new class, or 3) pass the object to be changed as the single element of an array. I would STRONGLY recommend against (3) as a way to simulate pass by reference. Better to examine your design and determine whether (1) or (2) more closely matches what you're really trying to accomplish.

  • How to make an object distributed across multiple jres?

    Hi,
    We used cache data mechanism for performance tuning. It will store data in static variable (Hashtable) and get initialized when app starts . We are using IPlanet Application Server and
    Using 6 KJS engines. This object ( Hashtable) is not distributed across all JRES.It has to reinitialize data again when request goes to any other KJS.
    We avoid sharing data in session and request, as data is huge.
    Can any one help us how to make this object distributed across all KJSs?
    Thanks in advance.
    raj

    We used cache data mechanism for performance tuning.
    It will store data in static variable (Hashtable) and
    get initialized when app starts.
    We are using IPlanet Application Server and
    Using 6 KJS engines. This object ( Hashtable) is not
    distributed across all JRES. It has to reinitialize
    data again when request goes to any other KJS.
    We avoid sharing data in session and request, as data
    is huge.
    Can any one help us how to make this object
    distributed across all KJSs?When you say 'initialized when app starts' do you mean iPlanets StartUp classes, rather than the Servlets init() ? Given a 'huge' dataset, avoid the latter.
    I'd suggest that a better approach is to implement this as an Entity Bean and accessed from Session bean and using Value Objects to return the data subsets.
    Checkout the Java Pet Store
    http://java.sun.com/blueprints/code/jps13/datasheet.html

  • How to make the library visible IN AN EXTERNAL disk?

    Hello.
    Searched this forum (found about 25 identical questions and answers "how to make the library visible").
    I turned mine and it is constantly visible now.
    Before installing Lion made a bootable image.
    When I connect the external HD, I see it in the Finder side bar, click on users>myname and the library folder doesn't show up.
    Tried the 3 ways to make it visible but they all bring back and show the Lion's library on my MBP, not the one in the external HD.
    Any ideas?
    (BTW, I am just an "amateur user", not too heavy, so just, please take in consideration that if you explain to me slowly I will understand quicly)...
    Thanks in advance.
    Saul

    Thank you Baltwo.
    Don't I know you from CCC? (If judging from your answer I do, always hit the nail in the head)...
    Yes, I guess I used the wrong terminology. Anyway, I did a bootable disk/image/clone, however it's called, with CCC (Carbon Copy Cloner), which BTW I am using for at least 3 years and saved several times my behind.
    So, if I understood you right, you mean booting from my external HD and make the library visible (I don't remember if the clone was made after installing Lion or still while in Snow L, but will check).
    I'll try and update here if it worked.
    Thanks again and have a good evening.
    Saul

  • How to make Shape3D object translucent

    Hi,
    How to make Shape3D object (like Box, Cylinder) translucent? I tried the below option but the box is not becoming translucent at all.
    final PhongMaterial redMaterial = new PhongMaterial();
              redMaterial.setSpecularColor(Color.rgb(10, 255, 15, opacity));
              redMaterial.setDiffuseColor(Color.rgb(10, 255, 15, opacity));
    final Box box = new Box(width,height,depth);
    box.setMaterial(redMaterial);
    When opacity is 1, the color of the box will be Green, when it is 0 the color becomes black.
    Is there any way the box can be made translucent?

    There is at least one unresolved issue concerning PhongMaterial's transparency: RT-28874.
    I'm neither able to get it working properly. My red Sphere also fades to black while varying the opacity value from 1.0 to 0.0.
    August

  • In windows 7, how to make firefox start automatically when I turn on the computer

    In Windows 7, how to make Firefox start automatically when I turn on the computer. Note, I am asking how to do this with Windows 7, not xp, not vista.

    You need to place a shortcut to open Firefox in the Start > Programs > Startup folder.<br />
    That is basically the same in all Windows versions.

  • How to make any object self-shining?

    hi,
    i guess thats an easy question, but i dont know where to look for the answer.
    so how to make any object self-shining like the infamous colorcube, so that one does not need to place any light?
    and am I right in my assumption that doing so will reduce the need of rendering power, since lights dont have to be computed?
    thanx,
    Usul

    I'm not sure what you mean here- if your object is lit then lighting will need to be calculated. If you don't want shapes to be lit, I think you can disable it by calling setLightingEnable(false) in their materials.

  • HOw to make an Object oriented alv respond to double click

    Hi all,
    HOw to make an Object oriented alv respond to double click.SAmple code will be helpful.
    Thanks in advance,
    Alex.

    Hi,
    1. Create a Control (for Custom and Split Containers only)
    2. Instantiate a Container Object (in case of Custom and Split Containers, specify the control which is created by us in Screen painter) CREATE OBJECT
    3. Instantiate an Object of the kind of report that has to be displayed (List, Grid or Tree). CREATE OBJECT . Here we need to specify the Parent Container as the so that it sits in that container.
    4. Call appropriate methods to display the report on the screen. CALL METHOD ->
    DATA : g_dock TYPE REF TO cl_gui_docking_container,
    g_split TYPE REF TO cl_gui_easy_splitter_container,
    g_cont1 TYPE REF TO cl_gui_container,
    g_cont2 TYPE REF TO cl_gui_container,
    g_grid1 TYPE REF TO cl_gui_alv_grid,
    g_grid2 TYPE REF TO cl_gui_alv_grid.
    i_mara is an internal table of structure MARA
    SELECT * FROM mara INTO TABLE i_mara.
    i_kna1 is an internal table of structure KNA1
    SELECT * FROM kna1 INTO TABLE i_kna1.
    To create an Object of type Docking Container
    CREATE OBJECT g_dock
    EXPORTING
    side = cl_gui_docking_container=>dock_at_top
    extension = 200 .
    To Create an Object of Type Split Container. Here we can see that the Docking *Container Created above has been used as a parent .
    CREATE OBJECT g_split
    EXPORTING
    parent = g_dock
    orientation = 1 .
    Easy Split container splits one Control into 2 manageable controls, each of them is used * to handle one GUI Container each
    g_cont1 = g_split->top_left_container.
    g_cont2 = g_split->bottom_right_container.
    To Create an Object of type Grid . Here we can see that the Left Split Container * Created above has been used as a parent .
    CREATE OBJECT g_grid1
    EXPORTING
    i_parent = g_cont1 .
    To Create an Object of type Grid . Here we can see that the Right Split Container * Created above has been used as a parent .
    CREATE OBJECT g_grid2
    EXPORTING
    i_parent = g_cont2 .
    The method of Grid Control Object is used to display the Data.
    CALL METHOD g_grid1->set_table_for_first_display
    EXPORTING
    i_structure_name = 'MARA'
    CHANGING
    it_outtab = i_mara[] .
    The method of Grid Control Object is used to display the Data.
    CALL METHOD g_grid2->set_table_for_first_display
    EXPORTING
    i_structure_name = 'KNA1'
    CHANGING
    it_outtab = i_kna1[] .
    Regards
    Hari

  • How to make VM to suspend when it not use , VDI3.0 with SGD 4.5

    Hi All,
    We are using SunVDI3.0 with VBox 2.0.10 and connecting via SGD 4.5.
    i konw that we can do suspending vm on vmware esx, however i couldn't find it in VirtualBox provider.
    how to make VM to suspend when vm is not using for some period time.
    thanks in advance
    -kevin-
    Edited by: kevin on Sep 27, 2009 5:44 PM

    Hi All,
    We are using SunVDI3.0 with VBox 2.0.10 and connecting via SGD 4.5.
    i konw that we can do suspending vm on vmware esx, however i couldn't find it in VirtualBox provider.
    how to make VM to suspend when vm is not using for some period time.
    thanks in advance
    -kevin-
    Edited by: kevin on Sep 27, 2009 5:44 PM

  • Can you explain me clearly how to make company code visible in cost center

    can you explain me clearly how to make company code visible in cost center master data using tcode kmlv

    Hi,
    There is no way to activate the company code field. If your Controlling Area and Company Code have one to one Assignment, then Company code is defaulted from the Controlling Area. However, if multiple Company Codes are assigned to one Controlling Area, then Company Code becomes a mandatory field in the Cost Center master data
    Also, in case you have multiple company codes assigned to one controlling area, please check the setting of the Controlling Area in Configuration and see if have selected "Cross Company Code Cost Accounting" . Also, check if you have assigned all the company codes to the controlling area
    Regards
    Mahendra

  • JavaFX 2.0 : How to make a stage fit into browser view area?

    Invoking a JavaFX 2.0 applet from browser results in white spaces on the right and bottom area of the browser. This happens when the JavaFX stage resolutions is lesser than that of browsing desktop resolution. In a client/server model, usually server components doesn't know about the client resolutions. So how to make a stage fit into browser view area?
    Also I think, setting the primary stage to full screen mode is not what I want to achieve, as this mode overlays the browser window.

    Try typing 100% into the width and height fields. Alternatively, you could use Javascript (no connection to Java in spite of the name) to create an event to resize the applet to the window's size.

  • Make a movieclip visible when an object is dragged onto it

    i am ridiculously new to codeing in flash (or any program) and am trying to make a movieclip only visible when a object is dragged onto it, can someone show me the code for that?

    Something like the following might work (not tested)...
    movieclip.alpha = 0;
    object.addEventListener(MouseEvent.MOUSE_DOWN, dragObject);
    function dragObject(evt:MouseEvent):void {
          object.startDrag();
          stage.addEventListener(MouseEvent.MOUSE_MOVE, checkObject);
          stage.addEventListener(MouseEvent.MOUSE_UP, endDrag);
    function checkObject(evt:MouseEvent):void {
          if(object.hitTestObject(movieclip)){
              movieclip.alpha = 1;
          } else {
              movieclip.alpha = 0;
    function endDrag(evt:MouseEvent):void {
          stage.removeEventListener(MouseEvent.MOUSE_MOVE, checkObject);
          stage.removeEventListener(MouseEvent.MOUSE_UP, endDrag);

  • How to make table cells mandatory when visible

    I have a form with two hidden subforms. Each subform contains a table with fields that need to be mandatory when visible.
    The subforms are hidden or revealed based on a selection from a drop-down list.
    I found the below script which works great for making a text field mandatory when visible, but, how do you apply this to cells in a table?
    I can't figure it out.
    if ("RMC-Fort Lupton-FIRE-DOT" == xfa.event.newText)
        Table.FL.presence = "visible";
        Table.FL.TextField1.mandatory ="error";
    else
        Table.FL.presence = "hidden";
        Table.FL.TextField1.mandatory ="disabled";
    if ("RMC-Ault-FIRE-DOT" == xfa.event.newText)
        Table.ALT.presence = "visible";
        Table.ALT.TextField2.mandatory ="error";
    else
        Table.ALT.presence = "hidden";
        Table.ALT.TextField2.mandatory ="disabled";
    Thanks in advance!

    Hi Bibhu,
    Thanks for responding.
    Here is the table structure. Rows 1 through 25 are all the same. Each row has two cells with Radio Buttons named "AsFound" and "AsLeft." Both need to be mandatory when visible. If you need more information, let me know.
    Thanks!
    Kurt

  • How to make view automatically scroll when keyboard show up

    Hi all
    I'm like a totally noob for objective-c coding, let alone the iPhone programing. :P
    Anyway, I somehow manage to create a simple application that receive input via UITextField, do some simple math, then display the result in other UITextFields (which can act as a input vice versa).
    Problem is, when I use the UITextField at the buttom of the screen as an input, the keyboard will block that text field out of my view, so I could not see what I'm typing at all.
    That's the question. How to make my view scrollable, and make it simply scroll itself out of the way when the keyboard is shown? I already inherit my view from UIScrollView, but don't know what to do next. Can you guys help enlighten me, please?
    Thanx

    Of course, if you're dealing with textFields, you should change a few things try something like that in your .m file :
    - (void)textFieldDidBeginEditing:(UITextField *)theTextField
    if ([theTextField isEqual:yourTextField])
    // Restore the position of the main view if it was animated to make room for the keyboard.
    if (self.view.frame.origin.y >= 0)
    [self setViewMovedUp:YES];
    // Animate the entire view up or down, to prevent the keyboard from covering the author field.
    - (void)setViewMovedUp:(BOOL)movedUp
    [UIView beginAnimations:nil context:NULL];
    [UIView setAnimationDuration:0.3];
    // Make changes to the view's frame inside the animation block. They will be animated instead
    // of taking place immediately.
    CGRect rect = self.view.frame;
    if (movedUp)
    // If moving up, not only decrease the origin but increase the height so the view
    // covers the entire screen behind the keyboard.
    rect.origin.y -= kOFFSETFORKEYBOARD;
    rect.size.height += kOFFSETFORKEYBOARD;
    else
    // If moving down, not only increase the origin but decrease the height.
    rect.origin.y += kOFFSETFORKEYBOARD;
    rect.size.height -= kOFFSETFORKEYBOARD;
    self.view.frame = rect;
    [UIView commitAnimations];
    - (void)keyboardWillShow:(NSNotification *)notif
    // The keyboard will be shown. If the user is editing the author, adjust the display so that the
    // author field will not be covered by the keyboard.
    if ([yourTextField isFirstResponder] && self.view.frame.origin.y >= 0)
    [self setViewMovedUp:YES];
    else if (![yourTextField isFirstResponder] && self.view.frame.origin.y < 0)
    [self setViewMovedUp:NO];
    #pragma mark - UIViewController delegate methods
    - (void)viewWillAppear:(BOOL)animated
    // watch the keyboard so we can adjust the user interface if necessary.
    [[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(keyboardWillShow:)
    name:UIKeyboardWillShowNotification object:self.view.window];
    - (void)viewWillDisappear:(BOOL)animated
    [self setEditing:NO animated:YES];
    // unregister for keyboard notifications while not visible.
    [[NSNotificationCenter defaultCenter] removeObserver:self name:UIKeyboardWillShowNotification object:nil];
    be sure to invoke the method when you dismiss the keyboard, so that the view "falls back" to its normal state:
    if (self.view.frame.origin.y < 0)
    [self setViewMovedUp:NO];
    Of course, declare the method
    (void)setViewMovedUp:(BOOL)movedUp;
    in the .h file
    and the #define you will use in you .m file :
    // the amount of vertical shift upwards keep the text field in view as the keyboard appears
    #define kOFFSETFORKEYBOARD 50.0
    // the duration of the animation for the view shift
    #define kVerticalOffsetAnimationDuration 0.30
    good luck !

Maybe you are looking for

  • I keep getting "The server responded with an error" whenever I initially open iCal on my iMac.

    I have an iMac (2007 edition; wireless network). I reset my AppleID password, but still get the same message. I do not have the same problem with my MBP, also on the same wireless network. The software on both are updated. No problem opening Safari.

  • How do i pass parameters in selectBooleanCheckbox with f:param...

    I try to pass, for a selectBooleanCheckbox, a parameter.Can i do that?? I try to do it, but the value it isn�t transfered to the JavaBean. i put that, but the JavaBean don�t received the "txeka" parameter. <h:selectBooleanCheckbox value="#{backing_fo

  • Size of Icons!?

    I must have hit something on my keys to trigger this, like a shortcut or whatnot. Every time I create a new track, my icons for the track are HUGE, the biggest they can be. And when I change the size of all my tracks they don't change, the stay nice

  • Error -2048 and beyond...

    Hello everybody, I've got a very simple question, and I hope the Apple employees will be paying the required attention and thought to the question I'm about the ask: Why do we, the iPod movie customers, have to struggle so much on finding the right w

  • Can a CS6 disc be used to upgrade CS5?

    Just bought and installed the full version of CS6 on a MacBook Pro.  Can I use that disk to upgrade an iMac running CS5?  How many computers can a license (home, not business) cover?