add on hover event yii2

Yii 2.0 General Discussions
1

Hello everybody,

I need a big help here… Need to implement three buttons that show up ONLY when mouse=hover on grid row and when the browser’s window is resized.

Basically when you resize the window and the slide "scrolling" bar at the bottom of the grid appears, there i need to show these "view, upload, delete" buttons… Something similar is this:

where those view, edit, remove buttons are “floating” when window’s resized.

I searched everywhere online and using search on the forum… but seems nobodyelse was looking for it!

Thanks a lot guys!

looking forward to hear from u.

Loris

2

Hi,

Please find below JS event sample codes for mouse (over, out ), this may help you.





$(document).on('mouseover','#YourGridViewID',function(e){

	$(".YOUR_BUTTONS_CLASS").show();

}).on('mouseout','#YourGridViewID',function(e){

	$(".YOUR_BUTTONS_CLASS").hide();

});
1 Like