mxgraph rubberband select above unselectable vertex - javascript

I have an image icon I am using as the background of the graph. (I am not using the graph background function because I need the background resize as I zoom and the background need to move back and front of the graph.) The image icon is set as not selectable and not movable
I want to use the mxRubberband for multiple select of the other icon. However, the mxRubberband is not working as I start selecting from above the background icon. (It works if I remove that.) How should I fix it?

I just found the solution. Simple press "Alt" button while selecting. Or initialize the graph mxGraph.prototype.isForceMarqueeEvent to return true.

Related

How to update css with jquery on not hovered hover elements

For example in a online website editor there is a color picker and you select a new color for the hover element. Then you go to the preview and the new hover color does not display because the mouse was not hovering on the element at the time of the setting/color change. So the preview can only be seen by saving and refreshing completely. How do you make the jquery do the css update for all elements that have the correct css/pointer to the element?

highlight an image except for a radius around mouse on hover

The effect I want to achieve is an image in a div that has a coloured highlight on top (with some opacity to see through it) and when you hover over that image a certain radius around the mouse will have the highlight removed (think of shining a torch over a greyed out image to reveal a brighter around around the torchlight)
I don't know where to start with this because I wasn't sure about dynamically styling a portion of a div without setting proportional properties in css. I know i can achieve a 'blocky' version of this with on hover and styling sections of a div on hover but that means i would have to constrain the styling to seperate div elements and it would not be 'fluid' so I'm looking for some pointers to a js solution I can write (possibly on mouseover call a function that gets mouse position and gets radius around it but then I wasn't sure how to dynamically style that radial area?)
Are there any functions that allow this type of styling within a dynamic area?
The solution you're looking for might be achieved through CSS but using JavaScript mouse events can also help.
Like discussed in the comments section, you can use help of the mousemove event to somehow achieve what you desire.
For other users reference, here is the link to the codepen https://codepen.io/edupoch/pen/GIhJq
In the codepen above, instead of the zoomin cursor image, you can use some gif image with the effect you want and apply it using the above code.

Create custom cursor that changes dependant on where the mouse is along a div

I looking for some help to create a series of custom cursor that changed dependant where the mouse is over a div and need some help.
In particular how to reference the number of the image in a slideshow being shown when H1 div is being hovered over.
See link below to my site
https://image-hover-effect-1.superhi.com/
and here's an example of what I am trying to achieve when hovering of the images on desktop
https://gt-walsheim.com/
Thanks!
S
This should help you on your way
TLDR:
Create an image or find a cursor you like
Add a hover selector in CSS like this
.elm:hover{
cursor:pointer
}

Display background in Div and fill it with clickable items using javascript

i am currently looking for a possible solution to draw i.e. 200 clickable items on a background image and save those to a database.
Each item could be draggable and might need to be shift around the background picture, i am thinking about a EDIT Modus.
Note sure this is achievable in a very light way?

imagemap multiple tooltip reference

Hi I made an imagemap with area polygons which has tooltips over each polygon whilst the mouse is hovering over it.
I've also got a legend at the bottom of the image map, what I'd like to achieve is to whilst having the mouse over the specific item in the legend showing the tooltip on the specific polygon area.
Thanks in advance
While its not possible to force the same behavior as the title attribute gives you can use either http://jqueryui.com/tooltip/ or a css based tooltip http://www.webdesignerdepot.com/2012/11/how-to-create-a-simple-css3-tooltip/ to react to an onmouseover/onmouseleave event on your legend elements

Categories

Resources