JARVIS-AI · March 15, 2021 09:48 · Jun 19, 2012 · Jun 19, 2012 · Jun 19, 2012 · Jun 19, 2012
diff --git a/important.css b/important.css
@@ -0,0 +1,4 @@
+.test {
+	height: 139px;
+	width: 96px
+}
diff --git a/index.html b/index.html
@@ -1,11 +1,12 @@
 <!DOCTYPE html>
 <html>
 	<head>
-		<title>How to set an !important css property in javascript</title>
 		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+		<title>How to set an !important css property in javascript</title>
+		<link href="important.css" media="screen" rel="stylesheet" type="text/css" />
 	</head>
 	<body>
-		<div>Miaaou</div>
+		<div class="test">Miaaou</div>
 		<script type="text/javascript" src="important.js"></script>
 	<body>
 </html>
diff --git a/readme.md b/readme.md
@@ -1,4 +1,5 @@
 If you want to try it, go [here](http://bl.ocks.org/2953155)
 
-To set a CSS rule as an !important one in javascript, you have to use the element.setAttribute() method.
+To set a CSS inline style as an !important one in javascript, you have to use the element.setAttribute() method.
+
 But you can't use this one in old IE to set style. There is a specific syntax ;)
diff --git a/readme.md b/readme.md
@@ -0,0 +1,4 @@
+If you want to try it, go [here](http://bl.ocks.org/2953155)
+
+To set a CSS rule as an !important one in javascript, you have to use the element.setAttribute() method.
+But you can't use this one in old IE to set style. There is a specific syntax ;)
diff --git a/important.js b/important.js
@@ -1,5 +1,13 @@
 (function(){
 	var elements = document.getElementsByTagName( 'div' );
 	element = elements[ 0 ];
-	element.setAttribute( 'style', 'background-image: url( "http://placekitten.com.s3.amazonaws.com/homepage-samples/96/139.jpg" )' );
+
+	// Specific old IE
+	if ( document.all ) {
+		element.style.setAttribute( 'cssText', 'background-image: url( "http://placekitten.com.s3.amazonaws.com/homepage-samples/96/139.jpg" ) !important' );
+
+	// Modern browser
+	} else {
+		element.setAttribute( 'style', 'background-image: url( "http://placekitten.com.s3.amazonaws.com/homepage-samples/96/139.jpg" ) !important' );
+	}
 })();
diff --git a/important.js b/important.js
@@ -1,5 +1,5 @@
 (function(){
 	var elements = document.getElementsByTagName( 'div' );
 	element = elements[ 0 ];
-	element.setAttribute( 'style', 'background-image: url( "http://placekitten.com.s3.amazonaws.com/homepage-samples/96/139.jpg" ) !important' );
+	element.setAttribute( 'style', 'background-image: url( "http://placekitten.com.s3.amazonaws.com/homepage-samples/96/139.jpg" )' );
 })();
diff --git a/important.js b/important.js
@@ -1,4 +1,5 @@
 (function(){
-	var target = createElement( '<a class="target" href="javascript:;" title="Share this at Diaspora*">Miaaou</a>' );
-	target.setAttribute( 'style', 'background-image: url( "http://placekitten.com.s3.amazonaws.com/homepage-samples/96/139.jpg" ) !important' );
+	var elements = document.getElementsByTagName( 'div' );
+	element = elements[ 0 ];
+	element.setAttribute( 'style', 'background-image: url( "http://placekitten.com.s3.amazonaws.com/homepage-samples/96/139.jpg" ) !important' );
 })();
diff --git a/index.html b/index.html
@@ -5,6 +5,7 @@
 		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 	</head>
 	<body>
+		<div>Miaaou</div>
 		<script type="text/javascript" src="important.js"></script>
 	<body>
 </html>
diff --git a/important.js b/important.js
@@ -1,4 +1,4 @@
 (function(){
-	var target = createElement( '<a class="target" href="javascript:;" title="Share this at Diaspora*">How to set a background image (important) in javascript</a>' );
+	var target = createElement( '<a class="target" href="javascript:;" title="Share this at Diaspora*">Miaaou</a>' );
 	target.setAttribute( 'style', 'background-image: url( "http://placekitten.com.s3.amazonaws.com/homepage-samples/96/139.jpg" ) !important' );
-}
+})();
diff --git a/index.html b/index.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
 	<head>
-		<title>Test navigator</title>
+		<title>How to set an !important css property in javascript</title>
 		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 	</head>
 	<body>

diff --git a/bg-image.js b/bg-image.js
@@ -1,5 +0,0 @@
-(function()
-var target = createElement( '<a class="target" href="javascript:;" title="Share this at Diaspora*">Diaspora Share Button</a>' );;
-    if (noDataURI == 1) {
-        target.setAttribute( 'background-image', 'url( ' + imagesPath + 'diaspora-share-button.png ) !important' );
-    }

diff --git a/important.js b/important.js
@@ -0,0 +1,4 @@
+(function(){
+	var target = createElement( '<a class="target" href="javascript:;" title="Share this at Diaspora*">How to set a background image (important) in javascript</a>' );
+	target.setAttribute( 'style', 'background-image: url( "http://placekitten.com.s3.amazonaws.com/homepage-samples/96/139.jpg" ) !important' );
+}
diff --git a/index.html b/index.html
@@ -5,6 +5,6 @@
 		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 	</head>
 	<body>
-		<script type="text/javascript" src="bg-image.js"></script>
+		<script type="text/javascript" src="important.js"></script>
 	<body>
 </html>
diff --git a/bg-image.js b/bg-image.js
@@ -0,0 +1,5 @@
+(function()
+var target = createElement( '<a class="target" href="javascript:;" title="Share this at Diaspora*">Diaspora Share Button</a>' );;
+    if (noDataURI == 1) {
+        target.setAttribute( 'background-image', 'url( ' + imagesPath + 'diaspora-share-button.png ) !important' );
+    }
diff --git a/index.html b/index.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<title>Test navigator</title>
+		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+	</head>
+	<body>
+		<script type="text/javascript" src="bg-image.js"></script>
+	<body>
+</html>