Cheers folk,
By default, the drag and drop of text works as expected in the web viewer of the HTML editor. However, if I want to move the position of an image that is embedded with HTML code, it converts the image to the URL...
Do I really need to implement or modify the 6 drag listeners (for example OnDragDetected, OnDragDone ...) of the webview or is there a more comfortable way?
Thanks for any help
Related
I'm implementing some drag/drop functionality from a button onto a canvas on my html5 site. When the drag operation is over the canvas, I start drawing custom shapes under the cursor. However, by default the button's image is included in the drag process thereby overlaying my canvas drawings. Is there any way to hide the default drag image? It seems that one can call setDragImage but that's not supported in IE9 and calling setDragImage(null, 0, 0) doesn't work in Chrome either. What are my options?
edit: to be clear, I'd like to hide the ghost image that is created with native drag/drop
I'm currently testing drag & drop. Drag & dropping an image from my desktop works fine, but I'm facing a problem : when I drag & drop an "online" image (from another website, or even from the same webpage using a , the variable e.dataTransfer.files is empty.
To sum up what I'm trying to do : You drag an image from your desktop to my page (inside a special zone), then it displays the image inside a <canvas>. I'd like to be able to drag an image from my page also, to say something like "Hey, you can first try with these images !".
For the basics of drag & drop, I got inspiration from this tutorial : http://www.html5rocks.com/en/tutorials/dnd/basics/
Because drag&drop online is interpreted as link, not as file transfer. You must first save the picture on your desktop and it will then be intepreted as real drag&drop.
But, since you already have the pictures on your page, you could reach your goal by filling your canvas with your existing images (e.g. using javascript).
P.S.: Drag&Drop works the way you want only if you use 2 different browsers, for example drag a picture from IE into FF. For that you need load your page in 2 different browsers.
i have develop a MVC3 application in that i want capture the Image, that image i have set a table td baground. When i click the Button then i want capture that image .Is it possible in MVC3 ? If possible please help me .
td's are html. They are rendered by a browser, not the server.
Browsers do not have facilities to save the content they render as images. The server doesn't know anything about how it's rendered. It just sends text to the browser.
There is no way, short of an activex control of some sort (which won't work in FF, Chrome, Safari, Opera, etc..) to render the iamge people see.
You could render an image on the server side.. but it would not, necessarily, be identical to what the end users sees because each browser reders html a little differently. It would be hackish, and would require that you dig into the guts of the framework. In any event, it would be a lot of work. So, ask yourself, is months of coding really worth it for this feature?
Is there any way convert My Mvc Viepage in to Image when click on button it needs to convert entire Mymvc view page to imge and save it .
I have a web app I'm building in Dashcode, currently every thing is working as advertised. I'm using the browser template and was able to modify it a bit, got the xml working to connect images and their description. Now I want to add a simple OnClick event that sends the image to fullscreen but I can't find any documentation for that. I'm pretty sure this is easily done so I'm missing something here? Any help greatly appreciated.
Tom
Taking over the screen is a bit complicated (if your talking about a full screen experience like youtube), but full screen in the browser window is defiantly possible. The simplest method is to have the click event open a link to the image location. This would load the image in full resolution in the browser window. A more elegant approach would be to load the image url into the source of a image dashcode object. and have that objects visibility only appear overs the whole web app when the Oncick event occurs. If you are talking about a built in function in dashcode to achieve a full screen/browser image, your out of luck.
This feels like a dumb newbie question. I'm attempting to follow the Palm's online tutorial for developing a webOS app. I ran palm-generate and tried updating the generated index.html file to have a body with a bunch of content (the word "HELLO" repeated 400 times).
When I attempt to load that document in the emulator, I find that I'm unable to scroll the screen to read the rest of the text. I drag the screen, but nothing happens. The page scrolls just fine in the Palm web browser.
Is there a setting to allow users to drag my app to scroll it? I see documentation for a Mojo.Widget.Scroller, but that seems like it shouldn't be necessary for a simple web page with a bunch of text on it.
Thanks to arthurthornton:
You can take anything that would normally be inside the tags and put that inside the scene HTML file.
OR you could just make a basic scene with a webview widget inside it that has your site as the source.
Unfortunately, the Scroller widget is needed for scrolling. The standard WebKit view that's shown in a card has no native scrolling ability, so the Mojo scroller widget implements the logic for displaying more content that can fit.
You can try this out by making a new project in the Ares IDE. Just add a Scroller and use the Maximize button to make it fill the scene. Then, add a HTML object to it, and add your HTML content to that object. You'll then have a nice scene which allows you to scroll through a lot of content.