Login Register

GFX

dojox.gfx flash backend?

Hi,

GFX iPhone support

I'm running the latest iPhone firmware (2.x) which has - as far as I know - full SVG support. But my GFX app behaves very different on the iPhone compared with the desktop Safari (and other browsers). Does GFX have full iPhone support and/or does the iPhone have full SVG support? Here's the app:

http://activityradar.appspot.com

On the desktop, it looks like this:
http://www.evernote.com/pub/focusfriend/focusfriend#2c1f0c2c-45e6-496e-b8dd-c928f242716c

And on the iPhone like this:

Dynamically generating tooltip widgets

Hello, I am trying to dynamically generate a set of tooltip widgets, and I'm not sure why the tooltip isn't showing up. I know the tooltip won't work in firefox, but I have gotten it to work standalone in ie, safari, and opera. Right now each circle being drawn doesn't show the tooltip, I'm not sure if the variables that I am drawing aren't working or what. Here is a link to the code: http://pastebin.com/f7e8e5ab6

GFX: Creating surface from existing SVG markup

Is it possible to create a surface from an existing SVG markup received via AJAX from the server? I have no problem creating and initializing SVG document via .load() like it is described in http://www.quirksmode.org/dom/importxml.html, though the problem is to somehow display this document in client's browser. Ideally, on IE, that document should be interpreted as VML.

Dynamic scatter chart by gfx with events

I had developed a mashup web site using dojo.
Astray dotproject.
http://astraydot.com/srv/idx

Using dojox.gfx for dynamic scatter chart with events.
The site have simple 2 applications.

pororoca:Visualized amazon search
colloid:Yahoo vs Google. Search result comparator

Althogh it is natural, Ajax and dojox.gfx have high affinity.
I don't think Other visualization architecters without javascript (Flash, java applet...) could do that.

Dragging a rectangle or rounded rectangle makes the shape flash / blink or go blank, in IE 7

I remember I saw someone posted the similar question quite some time ago, but couldn't find that post - after 30 minutes searching, :( If anyone can point me to that post and if there is an answer, that would be great.

Everything seems fine in FF, but in IE 7(not sure IE 6), when I drag the rectangle or rounded rectangle, the shape kind of 'blink', sometimes, the shape becomes invisible, only the text annotation visible. The strange thing is that no problem with other shapes, such as circles, ellipses, triangles or path.

Hope I described the problem correctly. I use Dojo 1.1.1.

How can I connect a tooltip to a gfx image?

Hey, I looked at the demos on the nightly build, for the tooltip and the gfx images. I have the following code on my website. I pass in several variables, the myDetails, myDueDate, myProjectID, myLinkPage are what I want the text of the tooltip to be. I want the tooltip to appear when the user does a mouseover on the circle. I was wondering is there a way I can give an id to the circle to set this up. Also how would I set the text for the tooltips to be the vars that I am passing in? I couldn't find an example like that.

GFX dragging mouse on canvas works strangely on Firefox 2

Hi, I have a simple piece of code:

dojo.require("dojox.gfx");

var containerEl;
var dojoSurface;
var hMouseMoveConnection = null;

function init()
{
containerEl = dojo.byId("canvas");
dojoSurface = dojox.gfx.createSurface(containerEl, 800, 400);

//cancel text selection and text dragging:
//dojo.connect(containerEl, "ondragstart", dojo, "stopEvent");
//dojo.connect(containerEl, "onselectstart", dojo, "stopEvent");

dojo.connect(containerEl, "onmousedown", null, "myHandleCanvasMouseDown");

GFX image problems on IE7

Hello,

Has anyone ever encountered the following problem with GFX on IE7?

When I draw a regular vector shape (say, a line) in one part of the canvas and an image in another part of the canvas, then line becomes inaccessible to mouse events.

Example code:

var container = dojo.byId("canvas");
var dojoSurface = dojox.gfx.createSurface(container, 800, 400);

var dojoLine = dojoSurface.createLine({x1: 10, y1: 10, x2: 30, y2: 30}).setStroke({width: 5, color: "#0000ff"});
dojoLine.connect("onmousedown",function(){console.debug("line clicked");});

Syndicate content