1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950 |
- <!-- This Source Code Form is subject to the terms of the Mozilla Public
- - License, v. 2.0. If a copy of the MPL was not distributed with this
- - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
- <html>
- <head>
- <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
- <title>Library detector</title>
- <style type="text/css" media="all">
- img {
- display: inline;
- width: 16px;
- height: 16px;
- }
- </style>
- <script type="text/javascript">
- var icons = {
- 'jQuery' : 'jquery.ico',
- 'jQuery UI' : 'jquery_ui.ico',
- 'MooTools' : 'mootools.png',
- 'YUI' : 'yui.ico',
- 'Closure' : 'closure.ico',
- 'Modernizr': 'modernizr.ico',
- };
- // Listen for mouse events over icons, in order to send a message up to
- // the panel and update its content with library name and version
- window.addEventListener('mouseover', function (event) {
- if (event.target.tagName == 'IMG') {
- addon.port.emit('setLibraryInfo', event.target.title);
- }
- }, false);
- addon.port.on('update', function (libraries) {
- // Cleanup previous content
- document.body.innerHTML = '';
- // Create new updated list of icons
- libraries.forEach(function(library) {
- var img = document.createElement('img');
- img.setAttribute('src', 'icons/' + icons[library.name]);
- img.setAttribute('title', library.name + "<br>Version: " +
- library.version);
- document.body.appendChild(img);
- });
- });
- </script>
- </head>
- <body></body>
- </html>
|