Edge Animate CC :: File Desktop To Browser - Drag Drop / Input Upload
Jul 22, 2013
I'm working on a project with drag and drop and im using jqeuryui for that.but i want the user to be able to drag a photo to the page and that it apears on the page in the browser ( no fancy upload but just client data)and also a button to "upload it" but just also using data ( i dont want to use node.js or any database for this project.)
Â
so just a dragged photo from desktop to browser and let that attend a div, and a input button to upload a photo and let that attend a div.all simple local.
Drag & Drop with validation.What I need to do and would like to learn is:I have 4 buttons that I can drag and a box that I drag the right choice. If the option is correct stays, it is if it was incorrect is returned to its place of origin.
I could always drag an image from a browser window onto photoshop and work further with it. But now this trick doesn't work anymore. When I drag now onto PS, PS show a dialog box with sizes and stuff and when I click 'ok', I only get a white canvas with the wrong sizes and when I paste (maybe the image 'hangs' in the clipboard) it pastes nothing..
I made a web browser based model library for our assets for internal use. Ppl could "upload" their stuff to this site, add categories, tags, etc... and it worked very well. Since we moved to 2013 dragging and dropping from the web browser into max is not possible anymore. The files that were cataloged in the system had a local file link to the file on our server. So you saw the image of a model, and it was hyperlinked to the file like "file://///sever/library/maxfile.max", and if you dragged and dropped that image onto the MAX viewport, it brought up the import/merge file dialog. Not anymore.
I have everything running in admin mode, and I can drag and drop files from windows explorer, but that`s a big setback compared to the browser based system.
I have a task to control sym timeline with a browser scrolled. If my animation "enclosed" and I use "overflow: scroll" it works - the Stage.scroll works. But I need to to have my animation not enclosed and with overflow:hidden, this means that my Stage don't have own scrolled bar and my browser scroller is not trigger this action. Â I think that usage of JS API can solve my task - window.onScroll starts the calculation function and move results "inside" my animation as sym.stop(xx).
I'm new to the Edge Animate and I have been working on a project that requires text input. The code does not 'recognise' the value entered into the input field. The action is quite straight forward, Correct Answer (360) play label 02, Wrong Answer play label 03. Ideally I would like allow three attempts.Â
I have an animation that shows a briefcase with a combination lock as shown. I created a vertical png graphic of the numbers 0 thru 9. I then attached two more copies of the graphic end to end to each other to make one long strip of repeating numbers 0 thru 9. I then grouped the graphic as a single object and named it NumFirst and positioned it for the first tumbler of the lock. I did this two more times (NumSecond, NumThird) for the other two tumblers. I then created a graphic mask and positioned it so only three of the numbers are visible (as shown) giving the illusion of the tumblers. Using jquery draggable and restricting the drag along the y-axis, I can drag the individual tumblers up and down as though I was setting the combination. I did this in Edge Animate and the interactive animation looks great! However, I'm limited to how far I can drag the graphic because eventually I reach the end of it. My coding skills with jquery and javascript are growing, but I have hit a snag. How can I get the number graphic to repeat itself (either up or down) after it is dragged for a certain length, giving the illusion that the tumbler is going around and around. Here is my code so far which is in the creationComplete of my edge file: Â yepnope({nope:['js/jquery-ui.min.js','js/jquery.ui.touch-punch.min.js' ], complete: init}); Â function init(){ Â Â Â sym.$('NumFirst').draggable({ axis: "y" });[code].......
I created a simple banner with a couple of basic animations. I never even touched any code. Only basic images are used, no triggers, no symbols.If I preview within Animate, everything works fine. Â As soon as I hit ctrl+enter to preview in my browser, everything just stays blank. I checked in multiple browsers, all have the same result with no errors in console.Autoplay is turned on.
I have an animation for a banner on a web page that is set to 100% width and 350px high. When i publish my animation the height in the browser is 316px high? I've attached a couple of images to show my issue..How do I make sure my animation is fixed to 350pixel high?
I'm trying to center the preloader in the browser. this is a single full page animation. I'm currently centering the stage using..  document.compositionReady... sym.$("#Stage").css({"margin": "auto"})
which is working find for the stage but it doesn't cover the preloader. my preloader elements are "loaderbar" and "loading". URL... I tried....  <!-- <style> #loader-bar { margin: auto; } #loading { margin: auto; } </style> --> (without the comment tag)
in the header but it doesn't work for me. the loader is loading on the left of the browser window (full screen width is 1920) while the stage is loading in the center of the browser window. My stage size is 800x600. I tried including that in the css above but that didn't work either.
I had a animation built in animate and i would preview from start to finish in web browser and now it doesnt play at all? Â Im not sure what I did to break it. But I have old and new test files that work just fine.
So I have created 2 text fields via composition ready   $("<input type='text' value='' name='input1' id='input1' size='5'>").appendTo("#Stage"); sym.$("#input1").css({"position":"absolute","top":"70px", "left":"52px"}); $("<input type='text' value='' name='input2' id='input2' size='5'>").appendTo("#Stage"); sym.$("#input2").css({"position":"absolute","top":"90px", "left":"52px"});   input1 AND input2.  The user then puts a number in each field.  I have a 3rd field created to hold the answer. I also made a text field with the name "scorefield" to see if that would work, either will do.  Then on a button on the stage, the user clicks on it to add those first two numbers together and have the sum appear in the 3rd field or the text field that has the symbol name "scorefield".  However I can not seem to be able to add the 2 values of the text fields. On the submit button I have:  var number1 = $("#input1").val(); var number2 = $("#input2").val(); var additionresult = number1 + number2; sym.$('scorefield').html(additionresult); answer1.value = additionresult;  The problem is that it is NOT adding number1 and number2 together!  If I substitute + for - or / or * it works using those symbols, but if I try to use the plus sign and add the two, it does not work and instead physically adds the numbers next to eachtoher.  So If I were to put a 5 in field one, and a 2 in field 2, the result comes out to be 52...instead of adding the two values, it places them next to eachother.  I know those ARE numeric values because any other mathamatical sign works. I can multiplay, subtract and divide those two numbers. I can even check to se if its higher or lower of a value using > or <.  But when I use the + sign, it breaks.  Is there some other sign I must use to add two values?
i'm working on a site that i'd like to automatically scale to fit the browser window, without any scrolling and while preserving its aspect ratio. Â my client is very particular about the design & does not want the width & height of the images & text to change like they do in a responsive site- he just wants the site to scale to fit in a browser window.
uick response as I have to present this work tomorrow. I have been working with the "preview in browser" to view an animation which is a simple matrix of drag and drop. It works perfectly in the preview, but when I publish it either to .oam (bringing it into muse) or directly to html it loses all of its functionality. I am pretty new to this, but I have been using the same methodology for all my other animations and they work fine.
What I want to do is insert this link into a blog post (that's not a problem), but I want it to open in a new window AND I want that window to be of a custom size (the size of the stage of my annimation). The best way I can describe this, would be like a pop-up window.
I'm trying to figure out how to have the code use touchstart only if the user is using a touch device. Mousedown & Mouseover would be used if the user is on a desktop.
I have made an animation that after it completes, it displays an iFrame which has some input fields. The input fields behave great on a laptop pc or mac but when I use an Apple iPad, the cursor positions are way off outside of the input fields as I type.  Here is the website page: URL...Here I have the same iframe, one inside of edge and the other outside of edge. Both work fine on a pc or mac but if you try to use an Ipad, you will see that the edge one shows the input field cursor down and outside of the input field.  You can see for yourself,  I have set this up for you to test and see this error.The animate oam file is: URL....  Here is a link to the edge files, the .an and java files files: URL.....
I'm trying to make an interactive animation where when the user clicks and moves the mouse around an area, the opacity of that part of the layer decreases and the user gets to see the background layer. It's similar to the idea of using a brush to clean a dirty window.
I have created the project at this link: Â https:[URL]..... Â and it works perfectly in a web browser with click and drag functionality but I am stuck with adding touch /drag functionality via an IPAD, especially when inserted into a DPS InDesign file.
I have a Symbol that i would like to stay centered on the browser window when i scroll my time line. is this possible? Â My stage is 2000px wide and 100% tall
I have an svg layer in the shape of a bird and a background sky. I want my animation to load and then the user be able to drag the bird around the touch screen on a defined but hidden path.
I want to drag and drop a csv file containing some coordinates into autocad and the result to be dbpoints objects.
I know how to create a command to point to the file and to do this but I would like the command to be called when I drag and drop the file into autocad.
I don't know what made it stop but at this point it's beginning to bug me to no end. I can no longer simply drag a file into Photoshop. I now have to go to "file --> open" in order to get anything into. Is there anything I can do to restore the ability to drag and drop? Just to let you know I reset the preferences already and that did nothing. The other thing is I'm running Windows 7, however I've never had an issue with PS on it. I'm using CS4.
I'm working on a memory experiment and I want to create a file with a drag and drop feature. I set an image as layer 1, and several images as layer 2. I would like to create a file where people can drag and drop on of the images from layer two onto a slot in layer one. Ideally I would like it to remain stable if the place an image in the slot (meaning if they try to place one of the images from layer 2 into layer 1, I want it to align perfectly).
I've created an input text inside a symbol called "Asks" in a timeline triger i use: Â message = sym.$("texto");Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â // texto is a textfield message.html("Write here: ");Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â inputMessage = $('<textarea />').attr({'type':'textarea','value':'', 'id':'message'}); inputMessage .css ('font-size', 18); inputMessage .css ('box-shadow', '#0a81fb');
