Javascript :: Drawing An Interactive Diagram
May 26, 2009
My boss wants to draw the local network and then, if you click on one of the computers or roll the mouse over one, he wants to see stuff like RAM, CPU, OS, etc. This has to be done in a browser, more specifically, the intranet's wiki.One of my coworkers suggested using flash (I am a complete noob but I assume ActionScript is what would be used?) and I think it could also be done in javascript but I dunno.He wants it to be extensible if possible, so adding another computer later or editing values shouldn't be too hard, though the topology shouldn't change very often.
View 3 Replies
Similar Posts:
Dec 4, 2009
im developing a web based project management web site using phpi need charts for tasksabout the gant chart it is ok i found a javascript library which functions can take the tasks names , dates and durations then draw a gant chart.but my problem is about network diagram for the tasks , i need javascripts libraries or flash action script can make thi
View 3 Replies
Dec 9, 2009
I am currently creating a interactive flow chart in flash CS3 using action script 2.0, I have run into a few problems along the way though. My first problem is this:
They are four buttons to begin with, when you click on one of the four buttons the other shrink and the option you have selected displays its own options, but you can still click on the first three buttons that are first shown, so you can flick through the choices faster. This all works fine until certain selections are made and then the animation breaks and shows you two further options at the same time.
My second problem is:
Once you select your choice from the first four you can then click the same option again and it will replay the animation again. I don't want it to replay this but is they a way of using the "if" statement rather than creating another frame on every option.
View 1 Replies
Aug 10, 2010
I would like to create an interactive diagram and somebody said I should use Flash to do it.
The idea is to create an organisational chart (like the ones you can produce in MS Word 2010). Each position will have its own box or button. When a user clicks on that box or button, a Word document or internet link will be activated and take the user to this other resource.
The reason why I am choosing Flash is because I would like to make alot of these diagrams and they have to go into Moodle. Apparently Flash is the only program I should use to import the diagram into Moodle.
View 3 Replies
Feb 7, 2012
I have a floor plan of a building in PDF that I want to visualize as a map, using tools like MapBox, FusionMaps, or AmMap. I am willing to redraw the floor plan if needed. What format should the map data be in? What kind of tool can I use to create that data?
View 3 Replies
Sep 5, 2009
I am trying to make a tool for node network visualization and I am stuck with connections - they don't move when I move the nodes.[URL]
here is the code:
ActionScript Code:
var NodeArray:Array = new Array();
var NodeCounter:int = 0;
[code]....
View 0 Replies
Oct 31, 2011
I am making a flash app where I want to have a user defined viewport like the stage in the flash IDE which the user can use to define objects that have a starting postition somerwhere off or on the stage and an ending position either or on or off the stage with the object then tweening between the two points. My question is this: I want the user to be able to define a curved path for the object to tween along. Is there a library of code that I can use to define curved paths for the app?
Ideally I would like something similar to the functionality available in Flash, so a bezier curve sort of path that is subdivided into handles that can be dragged to define the path of the tween. If there isn't an existing library, then do you know of the functions that I would need to define (mathematical equations related to drawing curves etc)?
View 1 Replies
Apr 12, 2012
I have a conundrum with a design. Imagine the new Facebook timeline with lots of chronological posts attached to it. However instead of a straight line I need to make a randomized curved line with the content placed against it like so:
The complexity comes in because as the user scrolls more posts are loaded (facebook/google images style) so the line could almost be endless.
As far as I can tell my options are:
SVG - poor support in old browsers
Flash layer - embed will be huge and cause performance issues
Canvas - again the canvas will be huge and might cause performance issues
Question: Are there any cross browser gfx libraries which could do this, preferably with support for IE7/8? Or is there a smarter way to do this which I might be overlooking?
View 3 Replies
Mar 18, 2009
I want to make a circle/pie (2d) chart and use it like a timer, at first the circle shall be all black then every second it shall get more red(the pie pieces shall turn from black into red then) and after 60 seconds the whole circle shall be red, I have a few other things I want to do too
View 1 Replies
Nov 6, 2009
I am working on some dress pattern design tutorials. I would like to show patterns and fabric pieces flip over with a page turn type animation. I am looking for a simple method as it involves doing it to a lot of diagrams. I have been looking at After Effects as I know I can 'page turn' objects. This pretty well produces the effect I am looking for but I feel it should be easier in Flash (Shape tweening morphs the diagram and motion tweening doesn't help) or perhaps video in Photoshop. I don't mind what I use.
My patterns are drawn in Illustrator so importing them would be really convenient. Ideally I would like to fill the shapes with a textile pattern and have the reverse showing with a different texture but this is not essential - just getting the diagrams to turn over smoothly would be really nice.
I have even thought of screen recording the process of dragging the corner of the diagram and flipping it over in some way.
I am happy to experiment but if anyone can point me to the best way forward I would be very grateful. There is nothing worse than spending hours/days working on a way to do things only to find there is a preset somewhere that does it for you.
View 1 Replies
Dec 30, 2010
i have a bunch of diagrams that are exploded to show parts that we sell of athletic equipment. our company now has an online digital catalog that we want to put some flash into so when the user clicks on a part it will direct their browser to the webpage that they can order it from (hopefully in another window). i know there are plenty of ways to do this but i havent used flash in about a year and it was just one class and honestly i am a little fuzzy on what to do. i guess i would import the .ai files and make each part a button right? should i do these on different layers? some of the files are jpgs, so would i have to make an invisible button or something over the image?
View 6 Replies
Jan 4, 2011
My requirement goes like this.I need to create a venn diagram in flex or action script. I need to create 2 circles. Let's say two circles,circle A and circle B. Both circles should have different color and intersected(A^B). So, finally it should have three colors.circle A, circle B and the intersection part respectively. After that, when I click circle A, only circle A part (excluding intersection part) should be highlighted and remaining should be the same. When I click intersection part, only that intersection part(A^B) should be highlighted and circle A should get the initial color as it was. Similar case with tha circle B. I have done all trail n errors using sprite,bit map and degrafa swc also. But I am not able to meet the exact requirement.
View 2 Replies
May 19, 2009
I am working on creating a network diagram. I used the "Creating Connected Lines" tutorial to start off. I need to place the object equal distance from each other around a center object so they don't overlap. Is there a way to set the distance or maybe the line length so they don't end up on top of each other?
View 2 Replies
Nov 3, 2010
Is there anywhere available a software which allows to build UML diagram from AS3 code ?I found that someone started to implement that in ArgoUML, but with any results yet.Does anyone now if there is any software which can do that ?
View 4 Replies
Nov 8, 2011
a couple of month ago i saw a picture showing the responsibility of the different actors in the as3 robotlegs frameworks. The picture was great for beginners who didn't know which actor is responsible for what task. It was like: "Do you want to bind a button to an event -> use the mediator"[URL]...
View 1 Replies
Aug 6, 2011
Does anyone know of an automatic UML generator for AS3, that runs through the code automatically creating a UML diagram for the project?
View 1 Replies
Jun 26, 2009
we use all the time loader class with its loader.contentLoaderInfo and all listeners.Two question :1/ Is there a soft to make as3 class diagrams for soft design.2/ I would like to encapsulate loader class, the things which are not constant are urlmessages when load is complete objects to update when load is in progress (loadbar or textfield
View 3 Replies
Nov 24, 2011
im making a drag and drop diagram.when the user drags and drops the wrong amount of objects on the diagram i want it to say incorrect.
View 4 Replies
Dec 11, 2009
Is there a tool that can automatically generate class diagrams from Action Script code?
View 2 Replies
Sep 3, 2009
I've got a huge movieclip (2500px X 2500px) sat on a stage (950px X 600px). The movieclip is like a tree diagram and I'd like to be able to click on buttons within the movieclip which will reposition it and have the effect of panning to the next item in the tree.
View 2 Replies
May 31, 2010
I want to make a diagram with either flash CS4 or flex builder 3, don't know with one would be the best for the job.More about the task:I want to send in values external to the swf file.The swf-file takes the vaules and makes a diagram of it using x and y values.
View 1 Replies
Aug 30, 2011
I was wondering is it possible to create a simple flash file that allows users to make their own spider diagram and then print it.
Is it just a matter of letting them create their own boxes and labeling them?
View 3 Replies
Nov 9, 2010
i've tried to simulate a pencil tool, for drawing above a imagem, but the drawing is below the picture. How fix it?
[Code]....
View 3 Replies
Jul 22, 2009
Basically I've got a reasonably complex drawing object in a fla and I want to reproduce it in a class definition using the drawing api. However obviously this is a tedious task, so is there some trick or automated method of doing this?
Last time I needed to do this it was a drawing of an arrow and I ended up writing down x,y,width,height values for everything but this one has curves in it which I don't have experience with drawing anyway.
View 2 Replies
Sep 28, 2009
I cannot get this to work. Without the "var drawing", "var drawing being true or false" and the "if statement", it works fine. But I need to add the "var drawing" so that you can only draw if you turn it on by pressing the "draw_btn" button. Note, I do not get an error, the script "apparently" contains no errors. Here is the code:
ActionScript Code:
var drawing = false
_root.createEmptyMovieClip("myLine", 0);
[Code].....
View 3 Replies
Jan 13, 2012
I've created a drawing tool which allows the user to draw on the canvas, the problem is that if I try to draw over a movieclip nothing happens. Is there a way I can allow for the user to draw over movieclips? For example if I had a background of paper?
Here's the code I'm using for it:
// This code is for drawing the lines on the page
//1.
var drawingLine:MovieClip = new MovieClip();
addChildAt(drawingLine,0);
[code]....
View 8 Replies
Feb 18, 2009
I need to draw on stage about 40,000 4x4 squares each a different color. The color is determined by an xml file. I have this working in as2 and have converted it to as3 the problem is the amount of time it takes to draw is causing cs4 to time out. I have extended the script time out to 60 seconds. In cs3 as2 it would draw the squares in about 15 seconds. I was hoping as3 cs4 would improve performance but seems to be the opposite. I have tried several methods such as adding children and various drawing variations. the bellow seems to work the best, but is still causing flash to crash.
ActionScript Code:
import flash.display.DisplayObject;
import flash.display.Graphics;
import flash.display.Shape;
[Code]...
View 9 Replies
Jul 31, 2009
I have been creating a gallery for a client that changes preview images in response to thumbnail images being clicked, I have the basics working but now my client wants further interaction in some of the previews that include using buttons on the preview images that either open a web page in a new window or switch between more preview images. The problem is the new buttons that appear are embedded on the initial preview images (which are set as movies), and for some reason the interaction that has been added to these movies is stopped when run in another movie. Sorry if that sounds complicated!
[Code]....
View 3 Replies
May 2, 2011
The following doesn't work (although it gives no explicit error), but why not?nd... Is there really no way around it, strictly using the with statement? Forget using for / foreach.
with (object1, object2) {
attribute = value;
method();
}
Why the code above gives no syntax error, doesn't work but is accepted by with?If it's possible, how could we change multiple objects with same attribute using with?
var object1 = { attribute: 3 };
var object2 = { attribute: 2, method: function() { alert('blah'); } };
var object3 = { method: function() {alert('bleh'); } };
[code]....
View 2 Replies
Jan 29, 2012
I need to execute some javascript string code from flash swf file using actionscript 3.
I read that it could be done by passing the javascript code to the parent html document , using externalinterface.call function. Then I assume it will be faster if I can declare functions in the javascript code in the HTML document in the first use of externalinterface.call funtion ; if flash code calls the javascript code repeatedly. So let me ask you how to do that. For details , any javascript to be loaded is unknown in design time and I can not prepare a javascript file to be loaded.
View 2 Replies
