Yii Framework Forum: add on hover event yii2 - Yii Framework Forum

Jump to content

Page 1 of 1
  • You cannot start a new topic
  • You cannot reply to this topic

add on hover event yii2

#1 User is offline   lordcroci 

  • Newbie
  • Yii
  • Group: Members
  • Posts: 2
  • Joined: 08-March 18

Posted 08 March 2018 - 10:41 AM

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

Attached File(s)


0

#2 User is offline   Arockia Johnson SR 

  • Standard Member
  • PipPip
  • Yii
  • Group: Members
  • Posts: 204
  • Joined: 25-June 13
  • Location:Singapore

Posted 03 April 2018 - 12:34 AM

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();
});

மகிழ்ச்சியாக குறியிடுங்கள்!..... Happy Coding!.....


Thanks & Regards,
ஜான்சன் ( Arockia Johnson SR )
www.arojohnson.tk

Hit (+) button If my replies really helped you!
0

Share this topic:


Page 1 of 1
  • You cannot start a new topic
  • You cannot reply to this topic

1 User(s) are reading this topic
0 members, 1 guests, 0 anonymous users