3. JavaScript API

You can initialize OpenShare nodes in JavaScript like so...

new OpenShare.share(options, element)

You can use the last word from all data attributes in the data attributes API as options in the JS API as well as a few extras, like so...

new OpenShare.share({
    type: 'twitter',
    bindClick: true,
    innerHTML: 'Check it out!'
}, document.querySelector('[data-my-element]');

Property	Value
`type`	Name of the service. e.g. 'Twitter', 'Facebook', 'Github', etc..
`bindClick`	Boolean. Set true to allow Share Node to share when clicked.
`appendTo`	Element to append the Share Node to.
`innerHTML`	Sets a string as innerHtml to the Share Node.
`element`	Element to create the Share Node as. The element argument should be set as null
`classes`	An array of classes to be added to the Share Node.

You can use the last word from all the data attributes in the data attributes API as Share options in the JS API.

new OpenShare.count(options, element)

Property	Value
`type`	The service to get a count from.
`url`	URL to get a count from.
`element`	Element to create a count node of. (Default: `<span>`)
`classes`	Array of classes to give the count node.
`appendTo`	Element to append the count node to.

Navigation Menu