@@ -12,8 +12,8 @@ View a demo at: http://font-detect.s3.amazonaws.com/index.html
<script>
$(document).ready(function() {
- var fontDetect = newFontDetect("font-detect-swf", "flash/FontList.swf", function() {
- var fonts = fontDetect.fonts();
+ var fontDetect = newFontDetect("font-detect-swf", "flash/FontList.swf", function(fd) {
+ var fonts = fd.fonts();
// Do something with fonts, which look like: [ { fontName:'Arial', fontStyle:'regular' fontType:'device' }, .... ]
// for(var i = 0; i < fonts.length; i++) {
README
@@ -49,7 +49,7 @@
<script>
$(document).ready(function() {
- var editFontDetect = newEditFontDetect();
+ var editFontDetect = new EditFontDetect();
$("#font-text-set").bind("submit", function(e) {
newEditFontDetect().updateText($("#font-text").val(), $("#font-size").val());
@@ -59,9 +59,8 @@
$("#font-family-list").click(function(e) {
$("#status").html("Loading SWF...");
- var fontDetect = newFontDetect("font-detect-swf", "flash/FontList.swf", function() {
- var fonts = fontDetect.fonts();
-
+ var fontDetect = new FontDetect("font-detect-swf", "flash/FontList.swf", function(fd) {
+ var fonts = fd.fonts();
editFontDetect.setFonts(fonts);
editFontDetect.updateSelect(fonts);
});
edit.html
@@ -27,8 +27,8 @@
else
$("#status span").html("Loading... (this may beach ball your browser for ~10 seconds)")
- var fontDetect = newFontDetect("font-detect-swf", "flash/FontList.swf", function() {
- var fonts = fontDetect.fonts();
+ var fontDetect = new FontDetect("font-detect-swf", "flash/FontList.swf", function(fd) {
+ var fonts = fd.fonts();
$("#status span").html("Loaded " + fonts.length + " fonts");
index.html
@@ -1,60 +1,61 @@
-var newEditFontDetect = function() {
+var EditFontDetect = function() {
+ this._fonts = null;
+}
+
+EditFontDetect.prototype = {
+
+ setFonts: function(fonts) {
+ this._fonts = fonts;
+ },
+
+ addText: function(text, size, family, append) {
+ var wrapper = document.createElement("div");
- return {
+ var node = document.createElement("p");
+ $(node).css("font-family", "'" + family + "', Times New Roman");
+ $(node).css("font-size", size);
+ $(node).addClass("sample-text");
+ $(node).html(text);
+ $(wrapper).append(node);
+
+ var nameNode = document.createElement("p");
+ $(nameNode).addClass("sample-text-name");
+ $(nameNode).html("[" + family + "]");
+ $(wrapper).append(nameNode);
+
+ $(wrapper).click(function() { $(this).remove(); return false; });
+ if (append) $("#content").append(wrapper);
+ else $("#content").prepend(wrapper);
+ },
- addText: function(text, size, family, append) {
- var wrapper = document.createElement("div");
-
- var node = document.createElement("p");
- $(node).css("font-family", "'" + family + "', Times New Roman");
- $(node).css("font-size", size);
- $(node).addClass("sample-text");
- $(node).html(text);
- $(wrapper).append(node);
+ addAll: function(text, size) {
+ if (!this._fonts) return;
- var nameNode = document.createElement("p");
- $(nameNode).addClass("sample-text-name");
- $(nameNode).html("[" + family + "]");
- $(wrapper).append(nameNode);
-
- $(wrapper).click(function() { $(this).remove(); return false; });
- if (append) $("#content").append(wrapper);
- else $("#content").prepend(wrapper);
- },
-
- addAll: function(text, size) {
- if (this.fonts) {
- for(var i = 0; i < this.fonts.length; i++) {
- this.addText(text, size, this.fonts[i].fontName, true);
- }
- }
- },
+ for(var i = 0, length = this._fonts.length; i < length; i++) {
+ this.addText(text, size, this._fonts[i].fontName, true);
+ }
+ },
- updateText: function(text, size) {
- $("#content p.sample-text").each(function(i) {
- $(this).html(text);
- $(this).css("font-size", size);
- });
- },
+ updateText: function(text, size) {
+ $("#content p.sample-text").each(function(i) {
+ $(this).html(text);
+ $(this).css("font-size", size);
+ });
+ },
- clearText: function() {
- $("#content p").remove();
- },
-
- setFonts: function(fonts) {
- this.fonts = fonts;
- },
-
- updateSelect: function(fonts) {
- var options = [];
- for (var i = 0; i < fonts.length; i++) {
- var fontDesc = fonts[i].fontName;
- options.push('<option value="' + fonts[i].fontName + '">' + fontDesc + '</option>');
- }
- $("select#font-family").html(options.join());
- $("#status").html("Loaded " + fonts.length + " fonts");
+ clearText: function() {
+ $("#content p").remove();
+ },
+
+ updateSelect: function(fonts) {
+ var options = [];
+ for (var i = 0; i < this._fonts.length; i++) {
+ var fontDesc = this._fonts[i].fontName;
+ options.push('<option value="' + fontDesc + '">' + fontDesc + '</option>');
}
- };
+ $("select#font-family").html(options.join());
+ $("#status").html("Loaded " + fonts.length + " fonts");
+ }
};
javascripts/font-detect-edit.js
4d9ed7cbe41b04775bdd525f0dd505585d03e66c
Gabe
gabrielh@gmail.com
http://github.com/gabriel/font-detect-js/commit/51afbf717820f11966c1d2e9da33ed32b7220251
51afbf717820f11966c1d2e9da33ed32b7220251
2008-07-29T10:33:45-07:00
2008-07-29T10:33:45-07:00
using new constructor signature
37690ae40dfc4dbd85dc93566e654a506faa0d5f
Gabe
gabrielh@gmail.com