Mawhorter.net Forums
Home of the facelift image replacement forums
You are not logged in.
Announcement
It looks like recaptcha is easily thwarted either by cheap labor or some other means, because I am still getting tons of spam signups.
I'm closing registrations again, if you would like to register, please email me at cory.mawhorter@ephective.com and use the subject line "Forum Registration". Give me your name and all the standard stuff in that email.
I will just have to do manual registrations until I have more time to spend on this problem.
-Cory, 2010-03-15
#1 2008-10-25 10:19:05
- oscar
- Steve
- Registered: 2008-10-25
- Posts: 7
cSize and IE7
I'm using jQuery together with FLIR like this:
Code:
<script type="text/javascript">
$(function(){
FLIR.init({ path: '/js/facelift/' });
$('h1').each( function() { FLIR.replace(this, new FLIRStyle({ cSize:'*1.5', mode:'wrap' }) ); } );
});Works fine, but the problem is that IE7 doesn't respect the specified cSize for some reason. When using FireFox, the url is like this:
text=Lisas%20t%C3%A4vling&h=28&w=828&fstyle={%22mode%22%3A%22wrap%22%2C%22output%22%3A%22auto%22%2C%22cSize%22%3A%2236%22%2C%22cColor%22%3A%22rgb(0%2C%200%2C%200)%22%2C%22cFont%22%3A%22arial%22%2C%22realFontHeight%22%3A%22false%22%2C%22dpi%22%3A%2296%22%2C%22cBackground%22%3A%22transparent%22%2C%22cSpacing%22%3A%22%22%2C%22cLine%22%3A%220.7778%22%2C%22cAlign%22%3A%22start%22%2C%22cTransform%22%3A%22none%22}
But with FireFox, like this:
text=Lisas%20t%C3%A4vling&h=29&w=828&fstyle={%22mode%22%3A%22wrap%22%2C%22output%22%3A%22auto%22%2C%22cSize%22%3A%22*1.5%22%2C%22cColor%22%3A%22000000%22%2C%22cFont%22%3A%22arial%22%2C%22realFontHeight%22%3A%22false%22%2C%22dpi%22%3A%2296%22%2C%22cBackground%22%3A%22transparent%22%2C%22cSpacing%22%3A%22%22%2C%22cLine%22%3A%22NaN%22%2C%22cAlign%22%3A%22left%22%2C%22cTransform%22%3A%22none%22}
Anyone got any clue as to why?
Offline
#2 2008-10-25 17:19:32
Re: cSize and IE7
I think your query strings are backwards. There seems to be a bug somewhere with the way the default style is inherited and used... I'm getting similar behavior but only with certain elements--usually the ones that are using the default style, though.
Do you have a URL I can see in action?
Check out Facelift v2.0 beta 3. The best version yet.
Offline
#3 2008-10-25 18:00:21
- oscar
- Steve
- Registered: 2008-10-25
- Posts: 7
Re: cSize and IE7
Sent you a link with the e-mail form.
Offline
#4 2008-10-26 12:18:45
- oscar
- Steve
- Registered: 2008-10-25
- Posts: 7
Re: cSize and IE7
Did you get my e-mail with the link? Could you figure anything out?
Thanks for the help!
Offline
#5 2008-10-26 17:12:26
Re: cSize and IE7
Try changing your FLIR JS to:
Code:
FLIR.init({ path: '/js/facelift/' }, new FLIRStyle({ cSize:'*1.5' }) );
$('h1').each( function() { FLIR.replace(this, new FLIRStyle({ cSize:'*1.5', mode:'wrap' }) ); } );
$('h2').each( function() { FLIR.replace(this, new FLIRStyle({ cSize:'*1.5', mode:'wrap' }) ); } );
$('h3').each( function() { FLIR.replace(this, new FLIRStyle({ cSize:'*1.5', mode:'wrap' }) ); } );
$('legend').each( function() { FLIR.replace(this); } ); // will use the default style set with initThere is a bug that I haven't tracked down yet and I'm still trying to find a good workaround. I think this should work for you.
Check out Facelift v2.0 beta 3. The best version yet.
Offline
#6 2008-10-26 17:47:11
- oscar
- Steve
- Registered: 2008-10-25
- Posts: 7
Re: cSize and IE7
Updated the site now with your suggestion, but it didn't seem to make any difference :/
Is it because of the way I invoke FLIR from jQuery?
Offline
#7 2008-10-26 23:40:44
Re: cSize and IE7
No. jQuery is a perfectly acceptable way of using FLIR. The problem lies with a bug with the way FLIRStyles are inherited etc. Right now, though, this bug is like dark matter -- I know the bug is there cause I see the effects, but I can't track it down.
I had a spare moment, so I'm working on that and more right now and hopefully I'll be able to put out v1.2.1 with a fix.
Check out Facelift v2.0 beta 3. The best version yet.
Offline
#8 2008-10-29 20:30:06
- oscar
- Steve
- Registered: 2008-10-25
- Posts: 7
Re: cSize and IE7
Any progress? Does it only affect IE7?
Offline
#10 2008-11-09 18:15:05
- oscar
- Steve
- Registered: 2008-10-25
- Posts: 7
Re: cSize and IE7
Had an idea.. What if we set the headers normal sizes to much bigger, then a cSize of like 0.7.. Then IE would give me larger headers (and ignore cSize) but real browsers will give me normal sizes taking the cSize into account.. As a workaround for now, that should work, right? (Too late to try it now, but needed to write it down so I didn't forget hehe)
Offline
#11 2008-11-10 02:10:41
- oscar
- Steve
- Registered: 2008-10-25
- Posts: 7
Re: cSize and IE7
Or I just skip using cSize at all at the moment, people without js will see very large headers, but that's all.. Not that common anyway.
Offline
#12 2009-03-17 00:29:09
- lukeinjax
- Smurf
- Registered: 2009-03-16
- Posts: 1
Re: cSize and IE7
I just used FLIR for the first time today and I had this problem too, but found a solution. See here... http://borloz.com/problem-with-flir-csi … r-solved/. Other than this minor problem, great work Cory! Thanks!
Last edited by lukeinjax (2009-03-17 00:31:37)
Offline