diff options
| author | Neylor Ohmaly | 2014-02-05 22:37:07 -0200 |
|---|---|---|
| committer | Neylor Ohmaly | 2014-02-05 22:37:07 -0200 |
| commit | 39b3c016edeaccd315ba899dc413d1eab80d8a85 (patch) | |
| tree | 8996ce57bd8a77193a9bfb3302fdd5f19d21e268 /example/index.html | |
| parent | 42dc5c2042c4b9f6c0d707dde18ec5a2654017b4 (diff) | |
| download | nsPopover-39b3c016edeaccd315ba899dc413d1eab80d8a85.tar.bz2 | |
Refactoring of the popover hide method.0.5.1
Diffstat (limited to 'example/index.html')
| -rw-r--r-- | example/index.html | 19 |
1 files changed, 13 insertions, 6 deletions
diff --git a/example/index.html b/example/index.html index c9bd47e..00a815a 100644 --- a/example/index.html +++ b/example/index.html @@ -7,16 +7,23 @@ <link rel="stylesheet" href="../build/nsPopover.css">
<link rel="stylesheet" href="index.css">
- <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.9/angular.js"></script>
+ <script src="angular.js"></script>
<script src="../build/nsPopover.js"></script>
<script src="index.js"></script>
- <script type="text/ng-template" id="popover">
+ <script type="text/ng-template" id="menu">
<ul>
<li ng-repeat="item in items"><a>{{item.name}}</a></li>
</ul>
</script>
+ <script type="text/ng-template" id="tooltip">
+ <div class="right-triangle"></div>
+ <div class="tooltip">
+ Cool! The <b>nsPopover</b> could be used as a tooptip.
+ </div>
+ </script>
+
</head>
<body ng-controller="MainCtrl">
@@ -24,27 +31,27 @@ <h1> Popovers </h1>
<article>
<button ns-popover
- ns-popover-template="popover"
+ ns-popover-template="menu"
ns-popover-trigger="click">
Popover on bottom
</button>
<button ns-popover
- ns-popover-template="popover"
+ ns-popover-template="menu"
ns-popover-trigger="click"
ns-popover-placement="top|left">
Popover on top
</button>
<button ns-popover
- ns-popover-template="popover"
+ ns-popover-template="tooltip"
ns-popover-trigger="click"
ns-popover-placement="left">
Popover on left
</button>
<button ns-popover
- ns-popover-template="popover"
+ ns-popover-template="tooltip"
ns-popover-trigger="click"
ns-popover-placement="right">
Popover on right
|