{"_id":"outdated-browser","_rev":"6-7eb924f0103748e7240a6d658a87e9ea","name":"outdated-browser","time":{"modified":"2022-06-23T04:29:33.711Z","created":"2015-08-20T17:01:08.836Z","1.0.0":"2015-08-20T17:01:08.836Z","1.0.1":"2015-08-21T06:22:20.960Z","1.0.2":"2015-08-21T07:13:54.167Z"},"maintainers":[{"name":"rolandsusans","email":"rolands.usans@gmail.com"}],"dist-tags":{"latest":"1.0.2"},"description":"A time saving tool for developers. It detects outdated browsers and advises users to upgrade to a new version.","readme":"# Outdated Browser v1.1.0\n\n### A time saving tool for developers. It detects outdated browsers and advises users to upgrade to a new version.\n\nSo, you're tired of people visiting your modern website with an outdated browser and not doing anything about it.\nMaybe they aren't \"power\" users, maybe it's your auntie running a last century browser trying to see awesome CSS3 animations and transforms. Let the user know that’s an outdated browser, and advise them on a better one.\n\nWith this solution you can check if the user’s browser can handle your website. If not, it will show a cool [looking notice](http://buro.pt/Wis6) advising the user to update the browser. It’ll be up to the user to upgrade or not. Don't force the user!\n\nThat's it! As simple as it can get.\n\n\n## How to use it\nImportant: Because of old browsers (e.g. IE6, IE7), we recommend to implement this plugin before any other javascripts (plugins or your own scripts) — these browsers have \"strange\" js errors and the plugin may not be working as intended.\n\n1. Include the CSS located in the HTML head:\n\n    ```html\n    <link rel=\"stylesheet\" href=\"your_path/outdatedbrowser/outdatedbrowser.min.css\">\n    ```\n\n2. Include plugin's script at the bottom of the HTML body:\n\n    ```html\n    <script src=\"your_path/outdatedbrowser/outdatedbrowser.min.js\"></script>\n    ```\n\n3. Paste the required HTML at the end of your document (see demo examples):\n\n    ```html\n    <div id=\"outdated\"></div>\n    ```\n\n\n4. Call the plugin by placing the following at the bottom of the HTML body:\n<br><br>\n— Plain Javascript <br>\n    ```javascript\n    //event listener: DOM ready\n    function addLoadEvent(func) {\n        var oldonload = window.onload;\n        if (typeof window.onload != 'function') {\n            window.onload = func;\n        } else {\n            window.onload = function() {\n                if (oldonload) {\n                \toldonload();\n                }\n                func();\n            }\n        }\n    }\n    //call plugin function after DOM ready\n    addLoadEvent(function(){\n        outdatedBrowser({\n            bgColor: '#f25648',\n            color: '#ffffff',\n            lowerThan: 'transform',\n            languagePath: 'your_path/outdatedbrowser/lang/en.html'\n        })\n    });\n    ```\n<br>\n— Using jQuery (version that supports IE&lt;9) <br>\n    ```javascript\n    $( document ).ready(function() {\n        outdatedBrowser({\n            bgColor: '#f25648',\n            color: '#ffffff',\n            lowerThan: 'transform',\n            languagePath: 'your_path/outdatedbrowser/lang/en.html'\n        })\n    })\n    ```\n\n6. Using the plugin without AJAX calls:\n\n    — Paste the required HTML at the end of your document (see demo examples):\n    ```html\n    <div id=\"outdated\">\n         <h6>Your browser is out-of-date!</h6>\n         <p>Update your browser to view this website correctly. <a id=\"btnUpdateBrowser\" href=\"http://outdatedbrowser.com/\">Update my browser now </a></p>\n         <p class=\"last\"><a href=\"#\" id=\"btnCloseUpdateBrowser\" title=\"Close\">&times;</a></p>\n    </div>\n    ```\n    <br>\n    — Call the plugin (see 4.) but with the variable languagePath empty:\n     ```javascript\n    //DOM ready or jQuery\n        outdatedBrowser({\n            bgColor: '#f25648',\n            color: '#ffffff',\n            lowerThan: 'transform',\n            languagePath: ''\n        })\n    ```\n\n\n\n6. Targeting browsers:\n\n    You can do it in one of two ways: using Internet Explorer browsers as reference or specifying a CSS property. The outcome is the same, choose what is easier for you.\n\n\n    Lower Than (<):\n    * \"IE11\",\"borderImage\"\n    * \"IE10\", \"transform\" (Default property)\n    * \"IE9\", \"boxShadow\"\n    * \"IE8\", \"borderSpacing\"\n\n7. Choose the language:\n\n\tDownload the “lang\" folder: If you have the language you want, just write the correct path for the language file in your project; If you don’t have your language, you can write your own html file, and please share it with us.\n\nAnd you're done!\n<br>PS: check the \"demo\" folder, it may help you.\n***\n\n## FAQ\n\nBefore opening a new issue please check our [FAQ page](https://github.com/burocratik/outdated-browser/wiki/FAQ)\n\n\n## Contributing\n\nFork the project.\n<br>Read through the issues or report new ones.\n<br>Write some tests to make sure we don't accidentally break each other's code.\n<br>Send a pull request.\n\n**TRANSLATIONS** <br>\nRename with a proper language abbreviation: it — italian , de — german, fr — french, nl — dutch , br — brazilian portuguese, etc. <br>\nNOTE: we are using a two letter code for the language. If you have variations of the same language use URL country code, e.g.: br—brazilian portuguese; us—american english\n\n## CMS, Frameworks, etc\n— [Wordpress Plugin](https://github.com/deblynprado/wp-outdated-browser) by Deblyn Prado<br>\n— [Ruby Gem](https://github.com/luisalima/outdatedbrowser_rails) by Luisa Lima <br>\n— [Yii2 widget](http://www.yiiframework.com/extension/yii2-outdated-browser) <br>\n— [Drupal Plugin](https://www.drupal.org/sandbox/agoradesign/2369737) by Mag. Andreas Mayr <br>\n— [Magento Extension](https://github.com/gaugeinteractive/magento-outdated-browser) by Joey Hoer\n\n## Team\n\nMade with love at [Bürocratik](http://burocratik.com)\n\n\n## License\n\n[MIT License](http://zenorocha.mit-license.org/)\n","versions":{"1.0.1":{"name":"outdated-browser","version":"1.0.1","description":"A time saving tool for developers. It detects outdated browsers and advises users to upgrade to a new version.","main":"index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git+https://github.com/rolandsusans/outdated-browser.git"},"keywords":["outdated-browser","update","browser","browser","latest","versinons"],"author":{"name":"Rolands Usāns","email":"rolands.usans@gmail.com","url":"github.com/rolandsusans"},"license":"ISC","bugs":{"url":"https://github.com/rolandsusans/outdated-browser/issues"},"homepage":"https://github.com/rolandsusans/outdated-browser#readme","gitHead":"12f23def5c0eb06555ff5dd3a69b583df690d354","_id":"outdated-browser@1.0.1","_shasum":"6acef3f9275ef70b48df4255f15daef66b6e0b42","_from":".","_npmVersion":"2.13.3","_nodeVersion":"0.12.0","_npmUser":{"name":"rolandsusans","email":"rolands.usans@gmail.com"},"dist":{"shasum":"6acef3f9275ef70b48df4255f15daef66b6e0b42","tarball":"https://registry.npmjs.org/outdated-browser/-/outdated-browser-1.0.1.tgz","integrity":"sha512-9tybNHiKmr4smbMjvKQFDyqZCwChEs5bDkUkWRdLJcGJzQSvZI9ln8Yh+UgR9PIn7g9Zs15KIIolev5/13dyVQ==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICtceZk0bj2loTiMOwKiKRJ5NMzt7vxBfinRf83nsIS5AiBNKiVKwBYOMYg+c3T2RhPsDedFNDhTQnx64L4l0cM7qw=="}]},"maintainers":[{"name":"rolandsusans","email":"rolands.usans@gmail.com"}]},"1.0.2":{"name":"outdated-browser","version":"1.0.2","description":"A time saving tool for developers. It detects outdated browsers and advises users to upgrade to a new version.","main":"index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git+https://github.com/burocratik/outdated-browser.git"},"keywords":["outdated","browser"],"author":{"name":"Rolands Usāns","email":"rolands.usans@gmail.com","url":"github.com/rolandsusans"},"license":"ISC","bugs":{"url":"https://github.com/burocratik/outdated-browser/issues"},"homepage":"https://github.com/burocratik/outdated-browser#readme","gitHead":"8d11f8f88b29c12fb4dd646dcc747741e7bf69df","_id":"outdated-browser@1.0.2","_shasum":"623bbeb927c1f08090b1747692d3436c4b3c0672","_from":".","_npmVersion":"2.13.3","_nodeVersion":"0.12.0","_npmUser":{"name":"rolandsusans","email":"rolands.usans@gmail.com"},"dist":{"shasum":"623bbeb927c1f08090b1747692d3436c4b3c0672","tarball":"https://registry.npmjs.org/outdated-browser/-/outdated-browser-1.0.2.tgz","integrity":"sha512-C2Z/LNrmqMry7tz0ZhFj8F/56vf6rgu4uyiwfY0mph4atPbBL13Zm1i/jKhBLx5/4FDze0TVafl90vOZb/TTUw==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDJPmXeMDnAFZ/TKyHcexBzoaKKd6KoT/lLqkMRaZtdggIgGLat6qr0S6tzMARuob90CL4VPSEiQ8lv3h62Wj0+cwE="}]},"maintainers":[{"name":"rolandsusans","email":"rolands.usans@gmail.com"}]}},"homepage":"https://github.com/burocratik/outdated-browser#readme","keywords":["outdated","browser"],"repository":{"type":"git","url":"git+https://github.com/burocratik/outdated-browser.git"},"author":{"name":"Rolands Usāns","email":"rolands.usans@gmail.com","url":"github.com/rolandsusans"},"bugs":{"url":"https://github.com/burocratik/outdated-browser/issues"},"license":"ISC","readmeFilename":"README.md"}