Brilliant! You totally rock, Glen! Way above and beyond (but please,
keep going. ;-) )
Can't wait to see the demo.
--Karl
_________________
Karl Swedberg
www.englishrules.com
www.learningjquery.com
On Jul 15, 2007, at 11:31 PM, Glen Lipka wrote:
Starting to look at it now. I recently had to do some fancy png
shadows. (http://www.sparkt.com/testing.html)
I totally gave up on trying to make it a background. Luckily you
usually have a workaround.
Here is my plan, and Ill work on it now...
I am going to make 10 png files, 10x10 with 24-bit transparency.
Each one will be be a different opacity. 10%, 20%, etc. The
reason to make it 10x10 is to give the edges a fade, so the shadow
blurs.
Then I am going to try and make your clueTip html, except rather
than use the div as a background, I will create a layer div,
absolutely positioned underneath. Then offset it with left and top.
In fact, if this works, then you could allow the user to define the
opacity, and the shadow offset!
Ok, Im going to work on a demo. I think it will work though.
PNGs stretch nice with width/height attributes.
Glen
On 7/15/07, Karl Swedberg <[EMAIL PROTECTED]> wrote:
Hi all,
After I posted the clueTip beta, I realized that something had
regressed and the pngFix code wasn't working properly to get the
drop-shadow effect working in IE6.
I've worked that part out by, starting with the pngFix code in
Jörn's tooltip plugin (thanks!) and, among other things, changing
the "sizingMethod" attribute from "crop" to "scale." I also re-
worked and simplified the CSS for the clueTip quite a bit.
Nevertheless, it's still looking a little funky, depending on the
contents of the clueTip.
I was wondering if there are any CSS gurus out there who might be
able to look at this in IE6 and help me find a solution. I'm
usually able to tread fairly nimbly through CSS territory, but this
issue has me flummoxed.
here are thethe files I'm using to try to sort this out:
demo/test page: http://test.learningjquery.com/clue/demo/index.html
style sheet: http://test.learningjquery.com/clue/jquery.cluetip.css
cluetip plugin: http://test.learningjquery.com/clue/
jquery.cluetip.js
drop shadow image: http://test.learningjquery.com/clue/shadow.png
I made all the clueTips "sticky" for easier inspection/manipulation
in a DOM viewer.
Also, here is a zipped file of everything, including Dimensions,
jquery.js, images, and so on:
http://test.learningjquery.com/clue/ cluetip-test.zip
Any help at all would be greatly appreciated.
** One more thing. I just received a question from someone about
the IE <select> "punch-through" problem and whether the clueTip
plugin handles that.
I started writing a response that I'd like to share with the list,
in case anyone has any strong opinions that I should take into
consideration:
excellent question! The short answer is, no [I haven't accounted
for this IE problem]. But it should. Somehow. That was an
oversight on my part.
That said, I'm a bit torn about how best to go about doing it. Do
I bake it right in to the plugin itself? Do I put in yet another
option? If so, should the default be true (i.e. yes, add the
iframe hack with all corresponding css) or false?
I wonder if it might be best to leave that problem for the
bgIFrame plugin to solve. ( http://jqueryjs.googlecode.com/svn/
trunk/plugins/bgiframe/)
It does a great job of it, and I certainly couldn't do any better.
On the other hand, I understand the disadvantages of having to
include too many javascript file references on a single web page.
What are your thoughts?
Thanks so much,
--Karl
_________________
Karl Swedberg
www.englishrules.com
www.learningjquery.com