... | ... |
@@ -1,49 +1,2 @@ |
1 | 1 |
|
2 |
-<script src="<?php echo PATH_URL; ?>js/jquery-3.3.1.js"></script> |
|
3 |
-<script src="<?php echo PATH_URL; ?>js/bootstrap.bundle.js"></script> |
|
4 |
-<script src="<?php echo PATH_URL; ?>js/bootstrap.js"></script> |
|
5 |
-<script src="<?php echo PATH_URL; ?>js/meny.js"></script> |
|
6 |
-<script> |
|
7 |
- // Create an instance of Meny |
|
8 |
- var meny = Meny.create({ |
|
9 |
- // The element that will be animated in from off screen |
|
10 |
- menuElement: document.querySelector( '.meny' ), |
|
11 |
- |
|
12 |
- // The contents that gets pushed aside while Meny is active |
|
13 |
- contentsElement: document.querySelector( '.contents' ), |
|
14 |
- |
|
15 |
- // [optional] The alignment of the menu (top/right/bottom/left) |
|
16 |
- position: Meny.getQuery().p || 'left', |
|
17 |
- |
|
18 |
- // [optional] The height of the menu (when using top/bottom position) |
|
19 |
- height: 200, |
|
20 |
- |
|
21 |
- // [optional] The width of the menu (when using left/right position) |
|
22 |
- width: 400, |
|
23 |
- |
|
24 |
- // [optional] Distance from mouse (in pixels) when menu should open |
|
25 |
- threshold: 40, |
|
26 |
- |
|
27 |
- // [optional] Use mouse movement to automatically open/close |
|
28 |
- mouse: true, |
|
29 |
- |
|
30 |
- // [optional] Use touch swipe events to open/close |
|
31 |
- touch: true |
|
32 |
- }); |
|
33 |
- |
|
34 |
- // API Methods: |
|
35 |
- // meny.open(); |
|
36 |
- // meny.close(); |
|
37 |
- // meny.isOpen(); |
|
38 |
- |
|
39 |
- // Events: |
|
40 |
- // meny.addEventListener( 'open', function(){ console.log( 'open' ); } ); |
|
41 |
- // meny.addEventListener( 'close', function(){ console.log( 'close' ); } ); |
|
42 |
- |
|
43 |
- // Embed an iframe if a URL is passed in |
|
44 |
- if( Meny.getQuery().u && Meny.getQuery().u.match( /^http/gi ) ) { |
|
45 |
- var contents = document.querySelector( '.contents' ); |
|
46 |
- contents.style.padding = '0px'; |
|
47 |
- contents.innerHTML = '<div class="cover"></div><iframe src="'+ Meny.getQuery().u +'" style="width: 100%; height: 100%; border: 0; position: absolute;"></iframe>'; |
|
48 |
- } |
|
49 |
-</script> |
|
50 | 2 |
\ No newline at end of file |
3 |
+<script src="<?php echo PATH_URL; ?>js/script.js"></script> |
|
51 | 4 |
\ No newline at end of file |
... | ... |
@@ -1,8 +1,8 @@ |
1 | 1 |
|
2 |
-<script src="/js/jquery-3.3.1.js"></script> |
|
3 |
-<script src="/js/bootstrap.bundle.js"></script> |
|
4 |
-<script src="/js/bootstrap.js"></script> |
|
5 |
-<script src="/js/meny.js"></script> |
|
2 |
+<script src="<?php echo PATH_URL; ?>js/jquery-3.3.1.js"></script> |
|
3 |
+<script src="<?php echo PATH_URL; ?>js/bootstrap.bundle.js"></script> |
|
4 |
+<script src="<?php echo PATH_URL; ?>js/bootstrap.js"></script> |
|
5 |
+<script src="<?php echo PATH_URL; ?>js/meny.js"></script> |
|
6 | 6 |
<script> |
7 | 7 |
// Create an instance of Meny |
8 | 8 |
var meny = Meny.create({ |
... | ... |
@@ -1,6 +1,8 @@ |
1 | 1 |
|
2 |
-<script src="js/meny.js"></script> |
|
3 |
-<script src="js/bootstrap.js"></script> |
|
2 |
+<script src="/js/jquery-3.3.1.js"></script> |
|
3 |
+<script src="/js/bootstrap.bundle.js"></script> |
|
4 |
+<script src="/js/bootstrap.js"></script> |
|
5 |
+<script src="/js/meny.js"></script> |
|
4 | 6 |
<script> |
5 | 7 |
// Create an instance of Meny |
6 | 8 |
var meny = Meny.create({ |
... | ... |
@@ -17,7 +19,7 @@ |
17 | 19 |
height: 200, |
18 | 20 |
|
19 | 21 |
// [optional] The width of the menu (when using left/right position) |
20 |
- width: 260, |
|
22 |
+ width: 400, |
|
21 | 23 |
|
22 | 24 |
// [optional] Distance from mouse (in pixels) when menu should open |
23 | 25 |
threshold: 40, |
1 | 1 |
new file mode 100644 |
... | ... |
@@ -0,0 +1,47 @@ |
1 |
+ |
|
2 |
+<script src="js/meny.js"></script> |
|
3 |
+<script src="js/bootstrap.js"></script> |
|
4 |
+<script> |
|
5 |
+ // Create an instance of Meny |
|
6 |
+ var meny = Meny.create({ |
|
7 |
+ // The element that will be animated in from off screen |
|
8 |
+ menuElement: document.querySelector( '.meny' ), |
|
9 |
+ |
|
10 |
+ // The contents that gets pushed aside while Meny is active |
|
11 |
+ contentsElement: document.querySelector( '.contents' ), |
|
12 |
+ |
|
13 |
+ // [optional] The alignment of the menu (top/right/bottom/left) |
|
14 |
+ position: Meny.getQuery().p || 'left', |
|
15 |
+ |
|
16 |
+ // [optional] The height of the menu (when using top/bottom position) |
|
17 |
+ height: 200, |
|
18 |
+ |
|
19 |
+ // [optional] The width of the menu (when using left/right position) |
|
20 |
+ width: 260, |
|
21 |
+ |
|
22 |
+ // [optional] Distance from mouse (in pixels) when menu should open |
|
23 |
+ threshold: 40, |
|
24 |
+ |
|
25 |
+ // [optional] Use mouse movement to automatically open/close |
|
26 |
+ mouse: true, |
|
27 |
+ |
|
28 |
+ // [optional] Use touch swipe events to open/close |
|
29 |
+ touch: true |
|
30 |
+ }); |
|
31 |
+ |
|
32 |
+ // API Methods: |
|
33 |
+ // meny.open(); |
|
34 |
+ // meny.close(); |
|
35 |
+ // meny.isOpen(); |
|
36 |
+ |
|
37 |
+ // Events: |
|
38 |
+ // meny.addEventListener( 'open', function(){ console.log( 'open' ); } ); |
|
39 |
+ // meny.addEventListener( 'close', function(){ console.log( 'close' ); } ); |
|
40 |
+ |
|
41 |
+ // Embed an iframe if a URL is passed in |
|
42 |
+ if( Meny.getQuery().u && Meny.getQuery().u.match( /^http/gi ) ) { |
|
43 |
+ var contents = document.querySelector( '.contents' ); |
|
44 |
+ contents.style.padding = '0px'; |
|
45 |
+ contents.innerHTML = '<div class="cover"></div><iframe src="'+ Meny.getQuery().u +'" style="width: 100%; height: 100%; border: 0; position: absolute;"></iframe>'; |
|
46 |
+ } |
|
47 |
+</script> |
|
0 | 48 |
\ No newline at end of file |