https://github.com/ghophp/bootstrap-popover-move

Extend the bootstrap popover and tooltip, to allow follow mouse and map area as selector
https://github.com/ghophp/bootstrap-popover-move

Last synced: 2 months ago
JSON representation

Extend the bootstrap popover and tooltip, to allow follow mouse and map area as selector

• Host: GitHub
• URL: https://github.com/ghophp/bootstrap-popover-move
• Owner: ghophp
• License: mit
• Created: 2014-03-06T23:16:45.000Z (almost 11 years ago)
• Default Branch: master
• Last Pushed: 2014-03-08T18:18:31.000Z (almost 11 years ago)
• Last Synced: 2023-03-23T07:58:56.801Z (almost 2 years ago)
• Language: JavaScript
• Homepage:
• Size: 344 KB
• Stars: 10
• Watchers: 2
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
bootstrap-popover-move

======================

Based on popover of bootstrap, but has mouseFollow, that allow the popover to follow the mouse movement.

###demo

http://ghophp.github.io/samples/bootstrap-popover-move/index.html

###usage

Just import the scripts above the bootstrap declaration:

``` html

```

And then:

``` javascript

$('.popover-area').popover({

	placement: 'auto left'

    container: 'body',

    mouseOffset: 20,

    followMouse: true,

    trigger: 'hover'

});

```

The conditions to use to movement are: 

* trigger on ```hover``` 

* keep a ```auto``` placement.

* container needs to be ```body```

Also, the project allow the use of map  ```area``` as a selector to popover, with the follow code:

``` javascript

$('area').popover({

    measure: 'img.image-map',

    mouseOffset: 20,

    container: 'body',

    followMouse: true

});

```

The conditions to use on area map are:

* give the image reference as ```measure``` options

* followMouse and his conditions above