yetangitu/canvas-based-HTML5-Comic-Book-Reader
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

more css namespacing

Browse source
This commit is contained in:
Bala Clark 2011-08-31 23:10:47 +02:00
parent 70099534e7
commit 7dec54b89d
1 changed files with 9 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

17
lib/ComicBook.js
View file

@ -182,7 +182,7 @@ function ComicBook(id, srcs, opts) {
* TODO: split out brightness / contrast controls? * TODO: split out brightness / contrast controls?
*/ */
color: $(document.createElement("div")) color: $(document.createElement("div"))
.attr("id", "cb-control-color") .attr("id", "cb-color")
.addClass("cb-control floating") .addClass("cb-control floating")
.append("<label>brightness</label>") .append("<label>brightness</label>")
.append($("<div id='brightness'></div>").slider({ .append($("<div id='brightness'></div>").slider({
@ -195,7 +195,7 @@ function ComicBook(id, srcs, opts) {
} }
})) }))
.append("<label>contrast</label>") .append("<label>contrast</label>")
.append($("<div id='contrast'></div>").slider({ .append($("<div id='cb-contrast'></div>").slider({
value: 0, value: 0,
step: 0.1, step: 0.1,
min: 0, min: 0,
@ -205,7 +205,7 @@ function ComicBook(id, srcs, opts) {
} }
})) }))
.append("<label>sharpen</label>") .append("<label>sharpen</label>")
.append($("<div id='sharpen'></div>").slider({ .append($("<div id='cb-sharpen'></div>").slider({
value: 0, value: 0,
step: 0.1, step: 0.1,
min: 0, min: 0,
@ -214,7 +214,7 @@ function ComicBook(id, srcs, opts) {
ComicBook.prototype.enhance.sharpen({ amount: ui.value }); ComicBook.prototype.enhance.sharpen({ amount: ui.value });
} }
})) }))
.append("<input type='checkbox' id='desaturate' /> <label for='desaturate'>Desaturate</label>") .append("<input type='checkbox' id='cb-desaturate' /> <label for='desaturate'>Desaturate</label>")
.append("<button id='reset' style='display:block'>reset</button>") .append("<button id='reset' style='display:block'>reset</button>")
.css({ .css({
position: "absolute", position: "absolute",
@ -248,6 +248,7 @@ function ComicBook(id, srcs, opts) {
ComicBook.prototype.renderControls = function() { ComicBook.prototype.renderControls = function() {
$(canvas) $(canvas)
.after(this.getControl("toolbar"))
.after(this.getControl("navigation").left) .after(this.getControl("navigation").left)
.after(this.getControl("navigation").right) .after(this.getControl("navigation").right)
.after(this.getControl("color").hide()); .after(this.getControl("color").hide());
@ -262,10 +263,10 @@ function ComicBook(id, srcs, opts) {
$("#reset").click(function(e){ $("#reset").click(function(e){
// TODO: improve performance here. // TODO: improve performance here.
$("#brightness").slider("value", 0) $("#cb-brightness").slider("value", 0)
$("#saturation").slider("value", 0); $("#cb-saturation").slider("value", 0);
$("#sharpen").slider("value", 0); $("#cb-sharpen").slider("value", 0);
var desaturate = $("#desaturate"); var desaturate = $("#cb-desaturate");
desaturate.attr("checked", !desaturate.attr("checked")); desaturate.attr("checked", !desaturate.attr("checked"));
ComicBook.prototype.enhance.reset(); ComicBook.prototype.enhance.reset();
}); });