The canvas size in flash. I don't mean the movie size, I mean the grey space around it and the space you can work in when editing movieclips.How do you increase it? It's too small. I can't fit everything I want onto it. Lancaster PA Inn
Very informative post thanks for share this with us i highly appreciate you for this information thanks once again for sharing information like this! lilies flowers | lilies
when the parent page loads, the code inside iframe page not works. When i run the iframe page individually it works fine. I have this problem in IE only.
The problem is $(window).load(function(){ is not working in iframe page. How to fix this?
I am using the helper: prototype based and was wondering if you'd found any way of getting an objects "type". I've tried modifying the code to include a className method but whatever I do can't get it to return the constructor's name as the magic function always gets returned... any pointers would be excellent!
I spent a lot of time searching for a decent rounded borders utility for GWT. Your ShadedBorders js is way over-rated. I really wonder if you have much proper software engineering experience.
Right, let's spread the word. Why not prepare a nice short video about it. I've looked through different video websites and this is the only thing I've found Liquid Canvas . It is a funny thing to call to completely different objects or processes in the same way, isn't it?
This is definitely the cleanest example of classical inheritance in javascript I've seen. Below is the amended version that passes JSLint... all seems to function correctly however would love your feedback on it:
var Class;
(function(){
var isFn = function(fn) { return typeof fn == "function"; };
Class = function(){};
Class.extend = function(proto) {
var k = function(magic) { // call init only if there's no magic cookie
if (magic != isFn && isFn(this.init)) { this.init.apply(this, arguments); }
};
k.prototype = new this(isFn); // use our private method as magic cookie
var makeSuper = function(fn, sfn) {
return function() { this._super = sfn; return fn.apply(this, arguments); };
};
for (var key in proto) {
if (proto.hasOwnProperty(key)) {
var fn = proto[key], sfn = k.prototype[key];
k.prototype[key] = !isFn(fn) || !isFn(sfn) ? fn : makeSuper(fn, sfn); // add _super method
}
}
k.prototype.constructor = k;
k.extend = this.extend;
return k;
};
})();
In the first example is line 6 supposed to be just a.value without the alert as given in your example. I am asking because this is the second day of my study of Javascript. I loved the approach in your blog and just wondered if this was a minor detail. The code does run but produces an undefined. It seemed obvious that the code has a small problem and just wanted to know if I was right or wrong about this.
I appreciate this blog entry because it is how I wanted to learn Javascript, by starting with the basics.
[...] JavaScript Inheritance via Prototypes and Closures | ruzee.com 8 Dec 2008. There are two different concepts of doing inheritance in JavaScript. One is using the prototype property of a function as a mean to create JavaScript Inheritance via Prototypes and Closures | ruzee.com [...]
hi,
i am using shadow edge example it works fine in Mozilla and ie8. but, when compatibility view is on in IE shadow in not aligned properly.
i am using liquid-canvas.js,liquid-canvas-plugins.js with jquery.js to use jqgrid.
[...] JavaScript Inheritance via Prototypes and Closures | ruzee.com 8 Dec 2008. _super = k; var pubs = constructor.apply(this, arguments), self = this;. Pingback. Submitted by Twitter Trackbacks for JavaScript. Submitted by Dimitris Menounos (not verified) on Sun, 12/14/2008 - 11:40. JavaScript Inheritance via Prototypes and Closures | ruzee.com [...]
[...] JavaScript Inheritance via Prototypes and Closures | ruzee.com 8 Dec 2008. _super = k; var pubs = constructor.apply(this, arguments), self = this;. Pingback. Submitted by Twitter Trackbacks for JavaScript. Submitted by Dimitris Menounos (not verified) on Sun, 12/14/2008 - 11:40. JavaScript Inheritance via Prototypes and Closures | ruzee.com [...]
It helped me get my new Studio 15 upgraded to the latest BIOS. In a slight twist on yours, I added a clause to my Grub2 installation to boot FreeDOS there, rather than from a USB drive.
In /etc/grub.d/40_custom I added the following clause:
menuentry 'BIOS Flash 1558 A09' --class os {
set root='(hd0,msdos1)'
linux16 /boot/memdisk
initrd16 /boot/1558_A09.img
}
The memdisk image came from syslinux, and the 1558_A09.img came from adding the BIOS file & phlash16.exe into a copy of the base 8M FreeDOS image.
The canvas size in flash. I don't mean the movie size, I mean the grey space around it and the space you can work in when editing movieclips.How do you increase it? It's too small. I can't fit everything I want onto it.
Lancaster PA Inn
Very informative post thanks for share this with us i highly appreciate you for this information thanks once again for sharing information like this! lilies flowers | lilies
Thanks for the new version download. Really appreciated!
Dee - Free Woodworking Plans
I have the below code in my iframe page,
$(window).load(function() {
// No we can paint our canvas. Something rounded with a shadow ;-)
$("#main-outer").liquidCanvas(
"[shadow gradient{from:#000000; to:#ffffff;}] => roundedRect{radius:10}");
});
when the parent page loads, the code inside iframe page not works. When i run the iframe page individually it works fine. I have this problem in IE only.
The problem is $(window).load(function(){ is not working in iframe page. How to fix this?
especially if you use the google version which could easily be cached from some previous site
eg
about 29kb, not 118kb
[...] http://www.ruzee.com/blog/2007/05/align-list-items-horizontally-with-css [...]
Hi,
I am using the helper: prototype based and was wondering if you'd found any way of getting an objects "type". I've tried modifying the code to include a className method but whatever I do can't get it to return the constructor's name as the magic function always gets returned... any pointers would be excellent!
Kind regards,
Jamie
I got the problem to show pictures inside as well, but fixed it by adding an extra div block under the div container.
I spent a lot of time searching for a decent rounded borders utility for GWT. Your ShadedBorders js is way over-rated. I really wonder if you have much proper software engineering experience.
Right, let's spread the word. Why not prepare a nice short video about it. I've looked through different video websites and this is the only thing I've found Liquid Canvas . It is a funny thing to call to completely different objects or processes in the same way, isn't it?
var Class = function(){};
Class.extend = function(proto) {
var isFn = function(fn) { return typeof fn == "function"; };
var k = function(magic) { if (magic != isFn && isFn(this.initialize)) { this.initialize.apply(this, arguments); } };
k.prototype = new this(isFn);
var makeSuper = function(fn, sfn) { return function() { this._super = sfn; return fn.apply(this, arguments); }; };
for (var key in proto) { if (proto.hasOwnProperty(key)) {
var fn = proto[key], sfn = k.prototype[key];
k.prototype[key] = !isFn(fn) || !isFn(sfn) ? fn : makeSuper(fn, sfn);
} }
k.prototype.constructor = k;
k.extend = this.extend;
return k;
};
Hi Steffen,
This is definitely the cleanest example of classical inheritance in javascript I've seen. Below is the amended version that passes JSLint... all seems to function correctly however would love your feedback on it:
var Class;
(function(){
var isFn = function(fn) { return typeof fn == "function"; };
Class = function(){};
Class.extend = function(proto) {
var k = function(magic) { // call init only if there's no magic cookie
if (magic != isFn && isFn(this.init)) { this.init.apply(this, arguments); }
};
k.prototype = new this(isFn); // use our private method as magic cookie
var makeSuper = function(fn, sfn) {
return function() { this._super = sfn; return fn.apply(this, arguments); };
};
for (var key in proto) {
if (proto.hasOwnProperty(key)) {
var fn = proto[key], sfn = k.prototype[key];
k.prototype[key] = !isFn(fn) || !isFn(sfn) ? fn : makeSuper(fn, sfn); // add _super method
}
}
k.prototype.constructor = k;
k.extend = this.extend;
return k;
};
})();
In the first example is line 6 supposed to be just a.value without the alert as given in your example. I am asking because this is the second day of my study of Javascript. I loved the approach in your blog and just wondered if this was a minor detail. The code does run but produces an undefined. It seemed obvious that the code has a small problem and just wanted to know if I was right or wrong about this.
I appreciate this blog entry because it is how I wanted to learn Javascript, by starting with the basics.
[...] JavaScript Inheritance via Prototypes and Closures | ruzee.com 8 Dec 2008. There are two different concepts of doing inheritance in JavaScript. One is using the prototype property of a function as a mean to create JavaScript Inheritance via Prototypes and Closures | ruzee.com [...]
thanx, it works. but how to set the background color on classes?
i´ve tried something like:
.content_box .sb-inner { background: #ebff9c; }
.content_box .sb-shadow { background: #000000; }
.content_box .sb-border { background: #5d83a6; }
I have several fixing this problem in my blog, no matter how may times I insert your code I doesn't work, please help me.
Hey Arvid,
Did you ever get a fix to this?
Thanks,
Michael
I'm using an @font-face kit by Font Squirrel. It's CSS-only.
hi,
i am using shadow edge example it works fine in Mozilla and ie8. but, when compatibility view is on in IE shadow in not aligned properly.
i am using liquid-canvas.js,liquid-canvas-plugins.js with jquery.js to use jqgrid.
thanks in advance!!!
Thanks! I had this problem with corner setting 5. Changing it to 6 solved my problem.
Thanks for the tip!
thanks for the help everyone, l guess i will go elsewhere...
[...] JavaScript Inheritance via Prototypes and Closures | ruzee.com 8 Dec 2008. _super = k; var pubs = constructor.apply(this, arguments), self = this;. Pingback. Submitted by Twitter Trackbacks for JavaScript. Submitted by Dimitris Menounos (not verified) on Sun, 12/14/2008 - 11:40. JavaScript Inheritance via Prototypes and Closures | ruzee.com [...]
[...] JavaScript Inheritance via Prototypes and Closures | ruzee.com 8 Dec 2008. _super = k; var pubs = constructor.apply(this, arguments), self = this;. Pingback. Submitted by Twitter Trackbacks for JavaScript. Submitted by Dimitris Menounos (not verified) on Sun, 12/14/2008 - 11:40. JavaScript Inheritance via Prototypes and Closures | ruzee.com [...]
It helped me get my new Studio 15 upgraded to the latest BIOS. In a slight twist on yours, I added a clause to my Grub2 installation to boot FreeDOS there, rather than from a USB drive.
In /etc/grub.d/40_custom I added the following clause:
menuentry 'BIOS Flash 1558 A09' --class os {
set root='(hd0,msdos1)'
linux16 /boot/memdisk
initrd16 /boot/1558_A09.img
}
The memdisk image came from syslinux, and the 1558_A09.img came from adding the BIOS file & phlash16.exe into a copy of the base 8M FreeDOS image.
Regards,
Andrew McMillan.