"
Team:Freiburg/Templates/html/js.html
From 2014.igem.org
(Difference between revisions)
| Line 1: | Line 1: | ||
<html> | <html> | ||
| + | <svg xmlns="http://www.w3.org/1999/xhtml" | ||
| + | xmlns:svg="http://www.w3.org/2000/svg"> | ||
| + | <filter id="invertfilter"> | ||
| + | <feColorMatrix values="-1 0 0 0 1 | ||
| + | 0 -1 0 0 1 | ||
| + | 0 0 -1 0 1 | ||
| + | 0 0 0 1 0" style="color-interpolation-filters:sRGB"/> | ||
| + | </filter> | ||
| + | </svg> | ||
<button class="invertbutton" onclick="invertColors();">Inv.</button> | <button class="invertbutton" onclick="invertColors();">Inv.</button> | ||
<script> | <script> | ||
| - | function invertColors() { | + | var inverted = false; |
| - | + | function invertColors() { | |
| - | }; | + | var $html = $('html'); |
| + | $html.toggleClass('inverted-colors'); | ||
| + | var $uninvert = $html.find('.content img, .slideshow,.invertbutton'); | ||
| + | inverted = !inverted; | ||
| + | if (inverted) { | ||
| + | $html.css('filter', 'url(#invertfilter)'); | ||
| + | $uninvert.css('filter', 'url(#invertfilter)'); | ||
| + | } else { | ||
| + | $html.css('filter', 'none'); | ||
| + | $uninvert.css('filter', 'none'); | ||
| + | } | ||
| + | }; | ||
(function(){ | (function(){ | ||
var DEBUG = false; | var DEBUG = false; | ||
Revision as of 19:22, 14 October 2014
