diff options
author | Valerio Virgillito | 2012-05-15 23:34:05 -0700 |
---|---|---|
committer | Valerio Virgillito | 2012-05-15 23:34:05 -0700 |
commit | 9db5c446337e266fd604eac79ec39c840ffebbbe (patch) | |
tree | 5ae1e660d0e307fda84c3be6a66c243904d75225 /js/document/templates/preview/banner.html | |
parent | 0eaa0be8e030a6bac5ab70af3c1044682d973366 (diff) | |
parent | 012a6e8fa8bfb56e1a50f3b2fc6058f3651701a2 (diff) | |
download | ninja-9db5c446337e266fd604eac79ec39c840ffebbbe.tar.gz |
Merge branch 'dom-architecture' of github.com:Motorola-Mobility/ninja-internal into dom-architecture
Diffstat (limited to 'js/document/templates/preview/banner.html')
-rwxr-xr-x | js/document/templates/preview/banner.html | 64 |
1 files changed, 64 insertions, 0 deletions
diff --git a/js/document/templates/preview/banner.html b/js/document/templates/preview/banner.html new file mode 100755 index 00000000..5838ec91 --- /dev/null +++ b/js/document/templates/preview/banner.html | |||
@@ -0,0 +1,64 @@ | |||
1 | <!DOCTYPE html> | ||
2 | <!-- <copyright> | ||
3 | This file contains proprietary software owned by Motorola Mobility, Inc.<br/> | ||
4 | No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/> | ||
5 | (c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved. | ||
6 | </copyright> --> | ||
7 | |||
8 | <html> | ||
9 | |||
10 | <head> | ||
11 | |||
12 | <style type="text/css"> | ||
13 | |||
14 | html, body { | ||
15 | width: 100%; | ||
16 | height: 100%; | ||
17 | margin: 0; | ||
18 | padding: 0; | ||
19 | background: #333; | ||
20 | } | ||
21 | |||
22 | .preview { | ||
23 | position: absolute; | ||
24 | top: 50%; | ||
25 | left: 50%; | ||
26 | margin: 0; | ||
27 | padding: 0; | ||
28 | border: 1px solid #000; | ||
29 | background: #FFF; | ||
30 | -webkit-box-shadow: 0 0 16px #000; | ||
31 | } | ||
32 | |||
33 | </style> | ||
34 | |||
35 | <script type="text/javascript"> | ||
36 | // | ||
37 | window.addEventListener('load', loadBanner, false); | ||
38 | // | ||
39 | function loadBanner (e) { | ||
40 | var iframe = document.getElementsByTagName('iframe')[0]; | ||
41 | iframe.src = qs('url'); | ||
42 | iframe.style.width = qs('width')+'px'; | ||
43 | iframe.style.height = qs('height')+'px'; | ||
44 | iframe.style.marginLeft = -1*qs('width')/2+'px'; | ||
45 | iframe.style.marginTop = -1*qs('height')/2+'px'; | ||
46 | } | ||
47 | /* | ||
48 | Taken from: | ||
49 | http://stackoverflow.com/questions/7731778/jquery-get-query-string-parameters | ||
50 | */ | ||
51 | function qs(key) { | ||
52 | key = key.replace(/[*+?^$.\[\]{}()|\\\/]/g, "\\$&"); // escape RegEx meta chars | ||
53 | var match = location.search.match(new RegExp("[?&]"+key+"=([^&]+)(&|$)")); | ||
54 | return match && decodeURIComponent(match[1]); | ||
55 | } | ||
56 | </script> | ||
57 | |||
58 | </head> | ||
59 | |||
60 | <body> | ||
61 | <iframe class="preview"></iframe> | ||
62 | </body> | ||
63 | |||
64 | </html> \ No newline at end of file | ||