javascript - Draggable from HTML droppable on SVG -

-

I am using jquery draggable on some pins ... I should leave them on the paths on a SVG map that The path id I cant seem to work for it.

Here is a piece of my code. Ideally if I drag the sign-drag on this path, then I have to return the 'Map_1' by ID, but I do not have such a code like normal form Works with non SVG from 

  & lt; Div class = "signal s 1 dragable" & gt; & Lt; / Div & gt; & Lt; Svg version = "1.1" id = "map" xmlns = "http://www.w3.org/2000/svg" xmlns: xlink = "http://www.w3.org/1999/xlink" x = " 0px "y =" 0px "visible box =" 0 0 540 360 "xml: space =" protected "& gt; & Lt ;! - areas - & gt; & Lt; G id = "state" & gt; & Lt; Ch & gt; & Lt ;! - AL - & gt; & Lt; Path class = "droppable al" id = "map_1" fill = "# EBECED" stroke = "#FFFFFF" stroke-width = "1" d = "m336.6199.5l-0.199,0.4 l 0.0.1.1 lb-3.301 , 32.399l0.9,17.5c1.6-0.399,2.4-0.699,2.4-1C-0.301-0.6-0.4-1.1-0.301-1.5 c0.101-1.5,0.5-1.899,1.101-1.3 c6, 0.5,1,1.4,1.399,2.7 c 0.301,1.3,0.801,1.9,1,5,1.6 c0301-0.199,1-0.5,1.9-0.8c 0.6-0.8,0.8-1.399,0.6-1.8 C-0.3-0.5-0.3-1.1,0-1.7 c0.301-0.7,0-1.2-0.8-1.5C -0.899-0.399-1.2-1.2-0.6-2.3h22.5c-0.4-1.6-0.601- 2.7 -0.3-3.3c0.199-0.7,0.199-2-0.301-3.8c-0.199-0.801-0.199-1.2-0.3-1.301c0-0.1,0.101-0.6,0.3-1.6c0.101-0.6,0.4 -1.2, 0.9-2c0.4-0.5,0.6-1.1.0.4-1.8 C-0.101-0.7-0.5-1.5-0.9-2.4 C-0.0-0.899-0.8-1.7-0.9-2.2 L-3.8-25.399 H 336.6z "/ & gt; & Lt; / G> & Lt; / G> & Lt; / Svg & gt;   
 JS  
  $ ('draggable'). Draggable (); $ ('Svg path.droppable'). Droppable ({Accept: '.draggable', drop: function (event, UI) {console.log ('event'); console.log (event); console.log ('Ui'); console.log (ui );}});    
 
 
  
 Use this example ...  
  var dropTargets = canvas.selectAll ("rect") data (type) .enter () .andend ("g") dropTargets.append ("rect") .attr ({width: 180 returns : (I * 110) + .5}, rx: 20, ry: 20, class: function (D, i) {return "color", height: 100, x: 10.5, y: function (D, I) + (I + 1)}} dropTargets.append ("text") .text (function (d) {return d}) .attr ({x: 25.5, dy: 30, y: function (d, i) {return ( I * 110) + .5}});   
 Add SVG dynamically to use this way ...

Comments

Post a Comment

Popular posts from this blog

ios - Adding an SKSpriteNode to SKScene from a child SKSpriteNode -

-
I have a SKScene where I am adding an SKSpriteNode I have subclassed the SKSpriteNode class to create this node. In the subclass I am defining some SKActions on Sprite. What do I want to do when the end of this phantom ends the SKAction sequence, then I add a new Prayer node to this scene. How is this possible. The following code is mine: The code for the sequence is that I'm running on the Scansprinitode subclass (TEMissileNode): - SKAction * moveDown = [SKAction moveToY: Self.position.y - 20 Duration: 0.2]; SKAction * animation = [SKAction animateWithTextures: textures timePerFrame: time / 7]; SKAction * moveMissileProjectile = [SKAction Moving: Pointoffscreen Term: Time]; SKAction * group = [SKAction group: @ [animation, movement projectile]]; SKAction * Sequence = [SKAction Sequence: @ [Hilldown, Group, [SKAction removalFromParent]]]; [Self run action: sequence]; From the main scene, I call those actions that execute these tasks TEMissileNode * missile = [tmissil...
Read more

Matlab transpose a table vector -

-
An embarrassing simple question seems to be, but how can I move a Matlab table vector? aTableT = aTable '; I tried a standard syntax for the simple interaction of a line vector to a line vector aTable : ATableT = reshape (aTable, 1, Height (aTable)); and aTableT = rot90 (aTable); According to the head, the last time table should work for table, see. However, I get this error code: Error type in using table / permit (line 396) Undefined function 'permute' for the input arguments. Error in rot 90 (line 29) b = magnitude (b, [2 1 3: ndims (a)]); NB: fliplr is not useful either pretty sure I have covered clear angles - any ideas? Thanks! Try changing your table into an array, move it, then back to a table In other words, try doing this: aTableArray = table2array (aTable); ATableT = array 2table (aTableArray. '); I have also read the document for rot90 , and it says that rot90 is definitely working for tables Do, and I find you...
Read more

c# - Textbox not clickable but editable -

-
I have a small form with 10 text boxes, I have set them in the correct tab order. I want them on my tab service I was wondering if there is a way to set the text box so that they can be selected for editing until they are tabbed. That is ... I do not want the end user to edit the text box to click on them, I just want to make them editable through tabu. this should do the trick public partial category poor text box: Text Box {Safe Override Zero WndProc (Ref: Message Message) {if (m.msg == (Int) WM.LBUTTONDOWN) {Return; // mount down events} base.WndProc (ref m); }} Window message enum can be found. How to do this without anherizing: text box : class EatMouseDown: netwindows {safe override zero WndProc (ref message message) {if (m.msg == (int) WM.LBUTTONDOWN) {return; } Base.WandProc (Ref M); }} Safe Override Zero Onload (EventEurge E) {base.OnLoad (e); How to do this without any part: left a clean part, whatever is important, this can be a buggy but it works R...
Read more