From f9c667d0159a559966e7c97740ebd5154036a82c Mon Sep 17 00:00:00 2001 From: XhmikosR Date: Mon, 7 Apr 2014 10:16:55 +0300 Subject: [PATCH 1/3] Specify html lang. --- demos/CSSLintDemo.htm | 2 +- tests/testrunner.htm | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/demos/CSSLintDemo.htm b/demos/CSSLintDemo.htm index 15a771b1..32634251 100644 --- a/demos/CSSLintDemo.htm +++ b/demos/CSSLintDemo.htm @@ -1,5 +1,5 @@ - + CSSLint Demo diff --git a/tests/testrunner.htm b/tests/testrunner.htm index 37d598b8..8edc3830 100644 --- a/tests/testrunner.htm +++ b/tests/testrunner.htm @@ -1,5 +1,5 @@ - + YUI Test From 13314c8bda1fc219eae1a065b0206da0bbeba349 Mon Sep 17 00:00:00 2001 From: XhmikosR Date: Mon, 7 Apr 2014 13:48:23 +0300 Subject: [PATCH 2/3] Move demo JS to demo.js. Conflicts: demos/CSSLintDemo.htm --- Gruntfile.js | 3 +++ demos/CSSLintDemo.htm | 28 +--------------------------- demos/demo.js | 28 ++++++++++++++++++++++++++++ 3 files changed, 32 insertions(+), 27 deletions(-) create mode 100644 demos/demo.js diff --git a/Gruntfile.js b/Gruntfile.js index a59914c1..75078270 100644 --- a/Gruntfile.js +++ b/Gruntfile.js @@ -168,6 +168,9 @@ module.exports = function(grunt) { gruntfile: { src: "Gruntfile.js" }, + demo: { + src: "demos/*.js" + }, all: { src: ["src/**/*.js"] }, diff --git a/demos/CSSLintDemo.htm b/demos/CSSLintDemo.htm index 32634251..0c72b847 100644 --- a/demos/CSSLintDemo.htm +++ b/demos/CSSLintDemo.htm @@ -76,32 +76,6 @@

CSSLint Demo

(You may want to keep the CSS kinda small, this could take a while.)

- + diff --git a/demos/demo.js b/demos/demo.js new file mode 100644 index 00000000..ab0a623d --- /dev/null +++ b/demos/demo.js @@ -0,0 +1,28 @@ +/* jshint browser:true */ +(function() { + + document.body.onclick = function(event) { + event = event || window.event; + var target = event.target || event.srcElement, + results, + messages, + i, + len; + + + if (target.id == "lint-btn") { + document.getElementById("output").innerHTML = ""; + results = CSSLint.verify(document.getElementById("input").value); + messages = results.messages; + for (i=0, len=messages.length; i < len; i++) { + log(messages[i].message + " (line " + messages[i].line + ", col " + messages[i].col + ")", messages[i].type); + } + + } + }; + + function log(value, level) { + var output = document.getElementById("output"); + output.innerHTML += "" + value.replace(/ /g, " ") + "
"; + } +})(); From 7f50a8ea9e47b57a5fc348c36983869d94b39011 Mon Sep 17 00:00:00 2001 From: XhmikosR Date: Thu, 10 Apr 2014 09:37:33 +0300 Subject: [PATCH 3/3] Tweak CSSLintDemo. --- demos/CSSLintDemo.htm | 9 +++++---- demos/demo.js | 41 ++++++++++++++++++++++------------------- 2 files changed, 27 insertions(+), 23 deletions(-) diff --git a/demos/CSSLintDemo.htm b/demos/CSSLintDemo.htm index 0c72b847..89b5bd34 100644 --- a/demos/CSSLintDemo.htm +++ b/demos/CSSLintDemo.htm @@ -8,11 +8,12 @@ .error { color: #D9534F; font-weight: bold; } .warning { color: #F0AD4E; } - + +

CSSLint Demo

- - +
+

(You may want to keep the CSS kinda small, this could take a while.)

- diff --git a/demos/demo.js b/demos/demo.js index ab0a623d..51ac47b9 100644 --- a/demos/demo.js +++ b/demos/demo.js @@ -1,28 +1,31 @@ /* jshint browser:true */ (function() { + "use strict"; - document.body.onclick = function(event) { - event = event || window.event; - var target = event.target || event.srcElement, - results, - messages, - i, - len; + window.onload = function() { + document.body.onclick = function(event) { + event = event || window.event; + var target = event.target || event.srcElement, + results, + messages, + i, + len; + function log(value, level) { + var output = document.getElementById("output"); + output.innerHTML += "" + value.replace(/ /g, " ") + "
"; + } + + if (target.id === "lint-btn") { + document.getElementById("output").innerHTML = ""; + results = CSSLint.verify(document.getElementById("input").value); + messages = results.messages; + for (i=0, len=messages.length; i < len; i++) { + log(messages[i].message + " (line " + messages[i].line + ", col " + messages[i].col + ")", messages[i].type); + } - if (target.id == "lint-btn") { - document.getElementById("output").innerHTML = ""; - results = CSSLint.verify(document.getElementById("input").value); - messages = results.messages; - for (i=0, len=messages.length; i < len; i++) { - log(messages[i].message + " (line " + messages[i].line + ", col " + messages[i].col + ")", messages[i].type); } - } + }; }; - - function log(value, level) { - var output = document.getElementById("output"); - output.innerHTML += "" + value.replace(/ /g, " ") + "
"; - } })();