Interactive floor plan

Hello

I am trying to create a simple plan that highlights where the computers are on the ground.

1. each computer has a name for example ordi1, Comp2 Comp3 etc.

2. the computer names are in a list on the left side.

3. on the right hand side is the floor plan simple with images of the computer (or clipart)

This is what is expected:

1. that the mouse is mover above the element on the list, the computer associated, it must light upward (or highlighted)

For example when the mouse is on Comp1 in the list then computer1 image (or clip) on the floor plan should light

2. when the mouse is over a computer on the floor plan, then the name of the computer in the list should light

For example when the mouse is on computer2 image (or clip), then Comp2 in the list should light up.

I tried to get some ideas from http://TV.Adobe.com/ . I was able to make an image of a computer. It does not go far enough to tell me how to accomplish the foregoing.

With the help of Excel, I have this almost five years back, putting the clipart in specific cells and links them. Now, we want to make it accessible on the web.

Help, please.

Thanks in advance.

Kind regards

SuperBowl673

You're not likely to find something that fits your specific design because it is too specific and requiring only the elements of the code base for a solution - online tutorials usually deal with more complex issues.  I've prepared an example for you which is available from the following link...

http://www.nedwebs.com/Flash/AS3_Highlight_Pairs.fla

Tags: Adobe Animate

Similar Questions

  • How to create a Flash using AS2 interactive floor plan?

    I try to do an interactive floor plan.  I'm sure I did it wrong, I'm new to Flash.  So far, I have pointed out the rooms I want to do the 'hot spots', turned them into buttons. Then I selected all the buttons and turns it into a clip called "mcbtns".  I then turned into a clip once again, named "mcbtninside"; It is where I have all my buttons that have instance names "btn1" House through "btn11.

    The images which corrospond with floor plan rooms are housed in a clip named 'mcPhotos '.  On the timeline, photos are up to 10 images at a time, and time of Action Script above them line has names "img1" through "img11" frame, which corrospond with photos every 10 images.  Image 1 of the line AS has the code stop();

    Now, let's go back to scene 1...

    Setting of scene 1: 1 on the line of Action Script, I have the following script:

    mcPhotos._visible = false;

    this.mcbtns.onRollOver = function() {}

    mcPhotos._visible = true;

    };

    this.mcbtns.onRollOut = function() {}

    mcPhotos._visible = false;

    };

    Stop();

    In box 1 on the line of Action Script in the "mcbtninside", I have the following script:

    var frameNum:Number;

    function photoChange() {}

    _root.photos.gotoAndPlay ("img" + frameNum);

    }

    Btn1.onRollOver = function() {}

    frameNum = 1;

    photoChange():

    }

    btn2.onRollOver = function() {}

    frameNum = 2;

    photoChange():

    }

    The code continues through btn11.

    So I don't know that I've gone wrong in many places.  If anyone could lead me in the right direction, I'd be very happy.

    Take all of the interactive code off the movieclip mcbtns and even get rid of that clip if it is used for any other purpose than to collect all the rooms.  Assign the code to make pictures appear / disappear in all rooms... (which is shown below assumes that mcbtns went and the rooms are on the same timeline as the mc of photos)

    Btn1.onRollOver = function() {}

    frameNum = 1;

    photoChange():

    mcPhotos._visible = true;

    }

    btn2.onRollOver = function() {}

    frameNum = 2;

    photoChange():

    mcPhotos._visible = true;

    }

    Btn1.onRollOut = btn2.onRollOut = function() {}

    mcPhotos._visible = false;

    }

    If you keep the mcbtns movieclip, button your code would have to use a _parent reference to target the mcPhotos... _parent, mcPhotos.visible is etc... in fact, I don't know where things are located so I hope you can understand the correct targeting in this aspect.

  • How to allow users to pan on an interactive floor plan

    Hello!

    I have created a tutorial in the Captivate, but one of the sections includes a map showing users where certain things by looking at their building floor plans.

    The PDF image I have is too big to show static image, so I had the idea to let the user select where to what they want to sail & let them zoom in on the image & pan around them showing additional details that will be lost when the zoom for the benefit of showing the floor plan around on the screen.

    So to sum up, I want to do the following-

    Create one 'To' & 'To' input box that will then draw a route (I needed to draw as it would be necessary to avoid the walls etc...)

    Before or after the data entry and displays paths, allow the user to zoom and pan on the floor plan so that they can see clearly where the road is.

    I hope someone can help with this.  I really have no idea where to start!

    A huge thank you in advance.

    to animate, you simply add your oversized at a smaller stage floor plan and then the user can pan the plan on the stage of various input methods.

    the floor plan would probably convert a vector it is too large or break it into several pieces and use goto is to allow the user to navigate from one piece to another.

  • I am trying to add images such as tables, podium, stage, cake table, to a floor plan for a wedding?  Can offer you some advice?

    I am trying to add images such as tables, podium, stage, cake table, to a floor plan for a wedding?  Can offer you some advice?

    Absolutely, do not start with a PDF file. It is quite unsuitable for this type of installation. Use a graphical tool, preferably one designed for floor plans.

  • I use flash to build a floor plan Viewer and editor?

    I want to build a program that any floor plans and allows the user to place furniture in the space. The features will be quite simple, similar to a puzzle game. I have a menu on the side drop-down list with different categories such as chairs, sofas, beds, and then the user can place these objects in the scene and rotate and resize. Before making further research in actionscript, I thought that I would ask people with experience to see if it was possible. I could write this program and publish different versions so it could also be used on iphones and androids? I've been looking into Flash mobile development and I feel optimistic. I would love to get comments about people making applications mobile using flash and if there is any advice they could offer for someone begins, thank you.

    Yes, flash pro can be used for this.

  • Having problem adding to drag-and - drop operation to move the furniture on a floor plan

    I have the following code. I need to create floor plans where users can drag and drop the furniture on the floor plan.  I have three elements that work but when I convert all of the additional items to a symbol and select movie clip and then add several lines to the code, none work... How the code can determine that my clip I named 'couch' goes to clip 4.  Thanks if you can help, Frankie Foster

    Here is my code:

    var numObjects:uint = 3 / / assign the total number of movieclips that will be dragged

    for (var i: uint = 1; i < = numObjects; i ++) {}

    This ["movieClip_" + String (i)] .addEventListener (MouseEvent.MOUSE_DOWN, clickToDrag);
    This ["movieClip_" + String (i)] .addEventListener (MouseEvent.MOUSE_UP, releaseToDrop);

    }

    var selectedMC:MovieClip;

    movieClip_1.addEventListener (MouseEvent.MOUSE_DOWN, clickToDrag);
    movieClip_2.addEventListener (MouseEvent.MOUSE_DOWN, clickToDrag);
    movieClip_3.addEventListener (MouseEvent.MOUSE_DOWN, clickToDrag);
    movieClip_1.addEventListener (MouseEvent.MOUSE_UP, releaseToDrop);
    movieClip_2.addEventListener (MouseEvent.MOUSE_UP, releaseToDrop);
    movieClip_3.addEventListener (MouseEvent.MOUSE_UP, releaseToDrop);


    function clickToDrag(event:MouseEvent):void
    {
    selectedMC = MovieClip (event.currentTarget);
    selectedMC.startDrag ();
    }

    function releaseToDrop(event:MouseEvent):void
    {
    event.currentTarget.stopDrag ();
    }

    stage.addEventListener (KeyboardEvent.KEY_DOWN, nextQuestion);

    function nextQuestion(event:KeyboardEvent):void {}
    trace (Event.keycode);
    if(Event.keycode == Keyboard.Right)
    {
    selectedMC.rotation += 5;
    }

    if(Event.keycode == Keyboard.Left)
    {
    selectedMC.rotation-= 5;
    }
    }

    It is not a conflict, but it's a waste of code because they are both the same thing.  The first with the right loop is more effective in terms of coding and will make life easier for you because you only need to adjust the numObjects value to have it include more.

    You just need to assign instance names for the rest of your objects in the same way... movieClip_ # code as you (with loop version) should be enough.

  • Floor plan of Vista

    When you use a floor in Vista how plan make a wall exactly so many inches

    See the instructions that came with your floor of planning software.

  • Color transparency strobe is bogged down my computer CPU

    Good afternoon

    Recently, I have programmed an interactive floor plan that generates a transparent flashing color on top a png file imported. The flashing light is beautiful and exactly what I need, but I encountered some problems. I've referenced the thread 'color and transparent boolean' to help me with this program.

    When I run the program of the CPU on my computer goes up to about 97 percent. After messing around with the calendar of the loop and some of these color gradient options, I can get up to about 40-50% CPU usage, but the end result looks almost as good as before. Also, I intend to have several rooms simultaneously flashing in the future, and only an indicator of the single room is causing this problem.

    It is my goal to have the program running while using no more than 15-20% CPU. Is this possible?

    Someone has suggestions to help the program to run without hogging all the CPU?

    I'll post my program because I know this is helpful

    (Also, if anyone has any suggestions to get the flashing rect and the graphics of the circle on the same plan of the fair, which would be much appreciated)

    Thank you very much

    CAL

    CINC. CAL says:

    .. .suggestions for the flashing rect and the graphics of the circle on the same floor plan...

    Here's a very quick project.

  • A symbol... of different actions at different times

    Is it possible to assign an action to a symbol to a point in the timeline panel, and then a different action to the SAME symbol somewhere different in the timeline panel (as I usually do with Flash)?

    I have an interactive floor plan that I'm trying, and the same key that activates a function must also be able to disable.

    Thanks a lot for all help with that.

    Hi Jaceman2,

    the same key that activates a function must also be able to turn it off.

    Your main timeline will have different States. You can get the current with sym.getPosition (), which returns a position in ms (a feature of the getCurrentLabel() , as we are used to in Flash, would be useful here, but he is not on Board at the moment).

    Your button click event handler then has a conditional statement, as indicated by Resdesign, the condition being that position value.

    An example of such a conditional based on position here: http://forums.adobe.com/thread/1204999?tstart=0

    Gil

  • Internal matter on the placement of Vias on board four layers with TWO planes of Earth

    My design is a four-layer Board.  Surface upper and lower layers are for routing of traces and power.   Two interior floor plans (the preceding the other separated by an insulating layer) are for all ground connections.  Customer specifies that all ground connections to make for TWO inner floor plans.  When I try to place a via that will connect a trace on the outer surface to the ground, I'm not allowed to connect to more than one internal plan.

    I need to place vias completely through the Board of Directors and connect a trace in inner outer surface for TWO floor plans... Is it possible or assignment that will allow me to do?

    Ultiboard V10.0.144 running.

    Thank you

    Solved my problem.  Do inner Layer 2 the active layer, turn off all other layers.  Internal stressed Layer 2, r/c on the Properties tab copper box, click connected to the Net, drop-down list, choose DGND, apply, OK. Now place a via. R/c, choose Properties, tab, click on assume net, drop-down list, choose DGND, apply, OK.  via moment connects to the inner layer 1 so much inner Layer 2, b/c, the two are now associated with the net DGND.

    Beautiful - thank you...

  • What is the most modular method to create a 'plan' generated automatically?

    I have a 'plan' that I am currently building a test at the beginning. My "plan" consists of 3 levels of the Organization; the unit, the Group and the arrangement.

    There are a few types of units that I intend to create, but I'm looking for only a few basic methods; I can shake the details in regards to specific controls, resizing, positioning, etc.

    There may be<= 4="" units="" per="">

    There are 4 positions in each arrangement; one for each possible unit.

    There may be<=20 groups="" in="" the="">

    There is only a single arrangement; the arrangement is the entire floor plan.

    Each unit is composed of some Boolean LEDs, progress bars, graphs of waveform and digital indicators.

    Each group is simply an arrangement of units; with an indicator of string as a label.

    The arrangement (floorplan itself) is just an arrangement of groups.

    I considered simply create typedefs for each control so that I can change or resize each if necessary control and have the changes automatically cascading, but is there a way for me to create a typedef for each unit, although it contains several controls? Within the unit, all controls will have a size and position, so it would be nice to be able to resize and rearrange the controls in the unit and have all these changes cascade to all units. It would also avoid having to define the positions of each control for each unit (I could just define the position of each unit).

    I've attached a screenshot of the arrangement (floorplan) .jpg because it currently displays. You can see that inside, there are 8 groups (labeled SX #) and 4 groups of different type (labelled RC #). Within each group, SX, there are 3 units (with a color box gray placeholder where a 4th unit could display).

    I know my questions can be very basic and obvious to experts on this forum, but I have very little training LV, so I am left to my own here.

    Thank you for taking the time to read my message; I hope it is at least as clear as mud.

    You can create a definition of a cluster type and a cluster can contain several data types.  That answer your question?

  • Help! How to plan the small/medium business

    Hello

    I have the basic configuration is already done (staticly)

    Since the system (WCS) wireless controller, I can see the controller and the lwapp.

    We plan to add more APs in places diffrenet and control each device.

    in any case, now after the basic configuration what should I do?

    Add aps more? or download the plan or safety?

    Can you please give me an advice how to plan a small / medium business building of 3 floors

    BR

    Yamani

    I don't know how you have failed, but once you get the WLC and AP, test and make sure that it meets your requirements.  You don't need WCS right now.  Do all SSID, security stuff and try it again.  When you have this job, then you can move you.  Once you have a stable environment, then go ahead and add AP and ensure again that you have signal where you need signal and that everything works.  After that, then go ahead and add the floor plan for WC and access point to the map.  WCS is for management and does not need to be in place so that your wireless network is working.  I hope this helps.

  • Adobe muse interactivity

    Hello to all. I'm webmaster pour an assoc

    Union of the merchant.

    (1) I'm looking for a way to make interactive UN plan pour that visitors can see if a location is free or not.

    (2) that self same visitor will be redirected to an application form. (The basis of the form remains the same but must be add the implementation that the visitor wants to automatically)

    (3) the person who s in charge of these location must be able to display the real state of each of these locations through the excel file in time or are picked up the news of the form.

    This is not possible with Muse.

    You may be able to use a third party service such as Bookfresh and if they have an embed code to add to your game you can do. But with Muse, alone, you won't be able to do.

  • Perform actions on read only text fields

    I work on an inventory for a renovation of the building to come and hope to make an "interactive stop' of sorts on the PDF of the floorplan showing the hardware inventory for the rooms.

    My goal is that each room on the floor plan to have an invisible field that covers (I am currently using text fields), so that when the user's mouse is in this room on the floor plan, a 'Mouse enter' action is executed to display a second text box VISIBLE read-only containing notes and inventory relevant in this specific room. Conversely, when the user's mouse leaves this place on the floor plan, a 'Mouse exit' action is executed to hide this second text box.

    I have this feature works for the most part, with the exception that the text fields that I use to describe the rooms are still visible in an opaque blue tint when the PDF file is displayed. I would have preferred them to be completely invisible and cannot be changed by users.

    If I change the property of form field to 'Hidden', or tick the box 'Read only' property, entry and exit mouse mouse actions will not run.

    Anyone have any suggestions on the best way to achieve this?

    Thanks in advance!

    Instead of a text field, use a button for mouse input/output actions. They can be parameters to have no visible border or background, so will be invisible.

  • The entity 'nbsp' was referenced but not declared.

    I'm creating xml fron a database table.

    This is the code to create the xml file:

    < cfxml variable = "xPageContent" >
    < PageContent >
    < cfoutput query = "qStuff" >
    < page >
    #qStuff.PageContentID # < id > < /ID >
    < description > #qStuff.PageContentDesc # < / description >
    #qStuff.PageContentHeader # < header > < / header >
    < / print this page >
    < / cfoutput >
    < / PageContent >
    < / cfxml >

    If I take this line < header > #qStuff.PageContentHeader # < / header >

    It works very well.  The titles of the header in the database are paragraphs with HTML in here is one of them

    < p > < a href = "3d-floor - plans.html" > 3D floor plans < /a > < br / > < a href = "Interior - Stills.html" > inside Stills < /a > < br / > < a href = ' outside - Stills.html ' > outside Stills < /a > < br / > < a href = "Animation.html" > Animation < /a > < br / > < a href = "Interactive - 3D.html" > Interactive 3D < /a > < br / > < / p >

    a < cfdump > will display all entries in the table selected without problem.  It was only when trying to ESP the xml file I have a problem.

    I'm not sure that understand your question. You can use CDATA to pass some HTML that you want to pass in the value of an XML element.

    Dave Watts, CTO, Fig Leaf Software

    http://www.figleaf.com/

    http://training.figleaf.com/

    Fig Leaf Software is a small business Veteran - Owned (VOSB) on

    GSA Schedule and provides high caliber of the authorized seller

    instruction at our training centers, online, or on-site.

    Read this before posting:

    http://forums.Adobe.com/thread/607238

Maybe you are looking for