Skip to main content

All Questions

Tagged with
0 votes
2 answers
151 views

Change color on hover to a icon svg

I have a code with stars to vote contents. It was working fine until I change the icons to svg, it doesn't detect the hover or clicks in this type of icons, but before, using <i> icons, it did ...
chelssi's user avatar
  • 21
-1 votes
1 answer
2k views

when hover over svg map display a popup with details

I have designed a map on AI (adobe Illustrator) with sections and areas and exported the final map as SVG file to display on html page. Also I have the details for these sections in a separate excel ...
Ya Basha's user avatar
  • 1,942
3 votes
0 answers
370 views

Adding shadow to SVG on hover

I've been trying to add a shadow to an svg path when it is hovered. Here is a fiddle showing my attempt: https://jsfiddle.net/do6fk291/ I've tried adding filter: url(#blur-filter) on hover which sort ...
Sam Willis's user avatar
  • 4,141
0 votes
1 answer
314 views

Hover only triggers if mouse is on raphael path and not inside

I have three paths in raphael. I have combined them using set. I want to fill all the three paths with different colors on hover. However the trigger applies only if mouse arrow is above the path line ...
Thomas Sebastian's user avatar
0 votes
1 answer
248 views

Switch style property on element hover using JQuery/Reactjs

I made a mistake on my original question (my code was not working after I changed), so I changed this I create some radial-element dynamically at father component, always pairs (element, element-...
patricK's user avatar
  • 1,085
4 votes
3 answers
4k views

SVG hover with multiple elements

I've two svg elements on which I've applied a mouseover/mouseout event. The goal is to increase the radius of the mask on mouseover to a size specified by a variable (maxMaskRadius) and decrease it on ...
damian's user avatar
  • 5,414
-3 votes
3 answers
175 views

Get Javascript to work? $.ajax not working right?

So, the Javascript code which can be found below doesn't seem to be functioning properly. The goal is to get the text below the map to change on hover of the rooms. Map Page The JSON (zadias.me/SVG/...
user2533212's user avatar
2 votes
2 answers
2k views

Passing a function with a parameter to hover in jQuery

I am new to jQuery and I feel like I missing something very obvious and fundamental but I can't quite wrap my head around it. In any case I had a bit of code that would animate the stroke width to a ...
Quintin's user avatar
  • 311
1 vote
1 answer
2k views

Mouse pointer hover/jquery click event on SVG embedded in object element not working

I'm using jQuery to dynamically add an element to display an SVG using this code: someEl = ('#someElement'); cancelButton = $(document.createElement('object')).attr({ 'class': '...
dougalg's user avatar
  • 564
1 vote
2 answers
2k views

How to change embedded SVG file fill color on hover with JQuery?

I've got a big element, that includes SVG embed element (external file). I'd like to change its fill colour on a:hover. How would you approach it? It really drives me crazy :) What I thought should ...
notjust1233971's user avatar
1 vote
1 answer
5k views

jQuery SVG - hover element

I'm trying to use jQuery SVG plugin http://keith-wood.name/svg.html And in the very beginning I stucked. I've created a simple svg.circle and svg.text upon that circle. I want to give a little ...
David's user avatar
  • 1,953