Skip to content

make any element clickable based on an anchor tag within said element

Notifications You must be signed in to change notification settings

elidupuis/blockify

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

12 Commits
 
 
 
 
 
 

Repository files navigation

jQuery.blockify

This plugin can be used to make any element clickable based on a child anchor. It is, in essence, the same as HTML5’s ability to wrap anchor tags around block elements.

You can have multiple links inside the container element that will act as normal anchor tags as you can specify which links anchor is to be used when the parent is clicked. You can also easily ignore form elements (or anything else).

Options:

  • selector: ‘a:last’, // selector to specific anchor to be used when parent is clicked.
  • cursor: ‘pointer’, // sets css cursor value. set to false to do nothing.
  • hoverClass: ‘hover’, // class attached to element on hover for styling purposes.
  • externalClass: ‘ext’ // if target anchor has this class, link will be opened in a new window.
  • ignore: ‘a, input, textarea, label, button’ // clicking on these elements will not trigger the selected link.

Features

  • allows you to specify the dominant anchor within a block, in case there’s a conflict.
    • allows you to ignore any other elements, such of textareas or text inputs.
  • accounts for occasion of user selecting text and does not follow link in such a situation.
  • opens link with a (specified) ‘external’ class in a new window. equivalent to target=“_blank”.
  • adds class to element on hover allowing rollover styling.
  • option to use custom cursor on hover.

About

make any element clickable based on an anchor tag within said element

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published