for me setting the visibility of the canvas-object to none did work (Tested only for Firefox 3.5. IE, ... not tested yet). Possibly not the best solution, maybe someone has a better one...
Well, it is a hack. If you have a "pattern" JPG (I'm using a JPG to make a DIV look like it has the texture of construction paper), the four corners of the JPG look weird, and do not blend in with the rest of the DIV if you use curvycorners. :/
Thanks! That did make the LiquidCanvas elements render, albeit they we not aligned correctly. But, at least I have a better place to debug from.
Fyi (for anyone), the full JS embed markup needs to be used as well:
<!--[if IE]>
<script src="js/excanvas.js" type="text/javascript" charset="utf-8"></script>
<![endif]-->
Rather than:
<!--[if IE]>
<script src="js/excanvas.js"><!/script>
<![endif]-->
Answering my own question .. by a very dirty workaround that I can not explain .. it just works
in liquid-canvas.js (~220)
function checkResize(container, force) {
var $container = $(container);
var data = $container.data('liquid-canvas');
if (!data) return;
var canvas = data.canvas;
var $canvas = $(canvas);
var w = $container.outerWidth();
var h = $container.outerHeight();
if (force ||
canvas.width != w || canvas.height != h ||
canvas.offsetTop != container.offsetTop || canvas.offsetLeft != container.offsetLeft) {
pollCounter = 100;
You can take SQL dump and commit that to the repository. You may want to exclude at least cache_*, watchdog, and sessions tables from the dump.
BTW, there's a typo in the Apache config section. It says AuthUserFile /var/git/sever-repo.gitusers
when it should be AuthUserFile /var/git/server-repo.gitusers
Yes, just form a closure around an anonymous hash. That will give you properly scoped class statics. Consider enclosing the constructor using the "with" statement... "with ({})"
I wouldn¡¯t comment on posts but I felt that I had to as your writing style is really good. You have broken down a difficult area so that it easy to understand. I think that you would enjoy reading what another good blogger has to say on the subject.
This now at least fulfills the "flag" function that the variable had, in order to let the cached version of the feed be shown. The results of this -- the feed, can be seen in the right side-bar of my site that I mentioned above.
I had this problem, or at least one that sounds similar: in ie7 my corners would render, but not the straight parts of the borders. They were fine in firefox, safari, and chrome.
I noticed that I had put the border-rendering script inside the div it was trying to border. On a whim, I moved the script outside the div (beneath it). Bingo, problem disappeared. I'm far too lazy to figure out why.
Do you know how could I explicit expire this cache?
There are some situations that I cant wait for it timeout.
Im trying expiring it from another controller using the expire_fragment :key, but it isn't working.
I have a div element with a gradient background and am trying to add a button (also with a gradient background) into the div. Using FireFox and Safari, I have no problem, but when using IE 8, nested elements do not render correctly. I have included excanvas but IE is still a problem. Any fixes?
you could create a inner div and give that the 1px border line.
jQuerys $(document).ready() somehow messes up Liquid Canvas on Internet Explorer 6 and 7. Use $(window).load() as a workaround on these browsers.
> http://www.ruzee.com/content/liquid-canvas
>> Under: Known issues
Hello! dgcedec interesting dgcedec site!
Hi,
for me setting the visibility of the canvas-object to none did work (Tested only for Firefox 3.5. IE, ... not tested yet). Possibly not the best solution, maybe someone has a better one...
Greets, Olli
Hi,
Try replacing the commas between the corner attributes with semi-colons.
Tim
how can i use it ? I tried to put it into $(document).ready() but still cant call => partialRoundedRect:
$("#cont2RightCal").liquidCanvas("[border {color:#d2e6f6;width:1;} fill{color:#fff;}] => partialRoundedRect{radius:10, tl:"yes", tr:"yes", bl:"no", br:"no" }");
Well, it is a hack. If you have a "pattern" JPG (I'm using a JPG to make a DIV look like it has the texture of construction paper), the four corners of the JPG look weird, and do not blend in with the rest of the DIV if you use curvycorners. :/
Also change about line 162
' top:' + (th+bh) + 'px; height:2048px; padding:0; margin:0;';
to
' top:' + (th+bh) + 'px; height: 100%; padding:0; margin:0;';
It worked to me changing all the 2048px values to 100%.
My problem was at firefox, not IE, now it works for both...
Thanks! That did make the LiquidCanvas elements render, albeit they we not aligned correctly. But, at least I have a better place to debug from.
Fyi (for anyone), the full JS embed markup needs to be used as well:
<!--[if IE]>
<script src="js/excanvas.js" type="text/javascript" charset="utf-8"></script>
<![endif]-->
Rather than:
<!--[if IE]>
<script src="js/excanvas.js"><!/script>
<![endif]-->
Tim
I beleive the excanvas.js statement needs to be before the other liquid canvas statements.
Thanks!
I did this by changing numerical values in the original roundedRect code, but this is simpler than my method.
Tim
Look at your DOCTYPE and DOCTYPE of test page....
$.registerLiquidCanvasPlugin({
name: "gradient",
defaultOpts: { from: "#fff", to:"#666", direction:"v" },
paint: function(area) {
var grad;
if (this.opts.direction == "h") {
grad = area.ctx.createLinearGradient(0, 0, area.width, 0);
}
else if (this.opts.direction == "d") {
grad = area.ctx.createLinearGradient(0, 0, area.width, area.height);
}
else {
grad = area.ctx.createLinearGradient(0, 0, 0, area.height);
}
grad.addColorStop(0, this.opts.from);
grad.addColorStop(1, this.opts.to);
area.ctx.fillStyle = grad;
this.action.paint(area);
area.ctx.fill();
}
});
Answering my own question .. by a very dirty workaround that I can not explain .. it just works
in liquid-canvas.js (~220)
function checkResize(container, force) {
var $container = $(container);
var data = $container.data('liquid-canvas');
if (!data) return;
var canvas = data.canvas;
var $canvas = $(canvas);
var w = $container.outerWidth();
var h = $container.outerHeight();
if (force ||
canvas.width != w || canvas.height != h ||
canvas.offsetTop != container.offsetTop || canvas.offsetLeft != container.offsetLeft) {
pollCounter = 100;
nl= container.offsetLeft-2*w;
if (!(/MSIE 6/.test(navigator.userAgent)))
$canvas.css({ left: container.offsetLeft + "px", top: container.offsetTop + "px" });
else
$canvas.css({ left: nl + "px", top: container.offsetTop + "px",width:2*w+"px" });
}
if (!(/MSIE 6/.test(navigator.userAgent)))
canvas.width = w;
else
canvas.width = 2*w;
canvas.height = h;
var area = new Area(canvas);
area.save();
data.paint(area);
area.restore();
}
You can take SQL dump and commit that to the repository. You may want to exclude at least cache_*, watchdog, and sessions tables from the dump.
BTW, there's a typo in the Apache config section. It says
AuthUserFile /var/git/sever-repo.gituserswhen it should be
AuthUserFile /var/git/server-repo.gitusersYes, just form a closure around an anonymous hash. That will give you properly scoped class statics. Consider enclosing the constructor using the "with" statement... "with ({})"
Thank you very much for the excellent and useful subject.
Thank you for another great article. Where else could anyone get that kind of information in such a perfect way of presentation.
Thank you very much. Exactly I needed this information.
I wouldn¡¯t comment on posts but I felt that I had to as your writing style is really good. You have broken down a difficult area so that it easy to understand. I think that you would enjoy reading what another good blogger has to say on the subject.
This now at least fulfills the "flag" function that the variable had, in order to let the cached version of the feed be shown. The results of this -- the feed, can be seen in the right side-bar of my site that I mentioned above.
I had this problem, or at least one that sounds similar: in ie7 my corners would render, but not the straight parts of the borders. They were fine in firefox, safari, and chrome.
I noticed that I had put the border-rendering script inside the div it was trying to border. On a whim, I moved the script outside the div (beneath it). Bingo, problem disappeared. I'm far too lazy to figure out why.
Do you know how could I explicit expire this cache?
There are some situations that I cant wait for it timeout.
Im trying expiring it from another controller using the expire_fragment :key, but it isn't working.
Thanks
I have the same problem, but no one on this side seems to have an answer ....
I have a div element with a gradient background and am trying to add a button (also with a gradient background) into the div. Using FireFox and Safari, I have no problem, but when using IE 8, nested elements do not render correctly. I have included excanvas but IE is still a problem. Any fixes?