Thread

I’ve added a jquery display function to the top of my main page.

When you visit the site it shows a featured article. There’s a toggle i added to open and close the text box.

Everything works, but there’s a problem. In IE the font looks terrible. Somehow the script is making the text lose the ‘clear type’ attribute and the fonts look REALLY blocky.

In FF this doesn’t happen.

Anyone got a suggestion before I spent a week searching for a resolution in the jquery docs?
View Site

Hi JT, did you resolve the issue on this one? I don’t see any issues with the text, guessing maybe you did then?

I’m a big jquery fan boy, not because I’m a js guru or anything, in fact exactly the opposite.
IT just makes sense to me in that you paste in stuff and it works.
Love the politics on this site, at first I thought it was a Hillary supporter site, lol.

I was curious about where to place a js folder, searching the eeCore existing folder there is only one javascript file, and I don’t know what it is used for?
root\system\lib\wz_dragdrop.js
(drag and drop huh cool! but what’s it for… hmmmm)

This is what it is though, wondering if you had any ideas on the best place for scripts, usually I put a js folder right at the root, but thinking maybe it’s not a good idea with EE.
Thanks for any suggestions. Sorry… I didn’t mean to hijack your thread here.

Hello,

yes I was able to resolve my issue. The problem is a transparency issue with IE.

I changed from using the fade method to the slide method in jquery. that fixed the problem because there’s no trasparency in the slide function.

As far as where to put the files? ther’s a couple ways to look at this. If you’re going to use jquery all over the site, you may want to template it. You can create a blank template, then paste the jquery file into it. Just make sure you choose ‘javascript’ as the template type

More so, you can create a template group called ‘javascript’ or something else easy to remember and put everything in there.

This isn’t required of course, I haven’t templated the js yet but my site is in a complete rebuild state. the new site is a news page layout and won’t use anything I’m using currently. But I do intend on using jquery there too.

The other thing you can remember is that it might depend on where you’re going to use it. If you’re going to use jquery in one theme only, create a folder in /themes/site_themes/yourtheme/scr/ or something like that. then you can call the files using the dynamic path statements in EE.

Myself? i’m lazy. I just stuck the scripts in a folder off the root and call them there. There’s nothing wrong with doing it this way, but it’s cleaner and probably more effficient to template them.

Here’s how I call the jquery stuff in my header:

<!-- JQUERY DESIGN LIBRARY -->
<scropt src="/scripts/jquery.js" type="text/javascript"></scropt>
<!-- DIV SCROLLER. TEMPLATE NAME IS SCSTATS -->
<scropt src="/scripts/stats.js" type="text/javascript"></scropt>
<!-- DIV SLIDER -->
<scropt src="/scripts/slickbox.js" type="text/javascript"></scropt>

I do it that way with the comments so I know exactly what is what. it’s pretty easy to forget what a script is being called for.

FYI I replaced ‘script’ with ‘scropt’ so it wouldn’t be stripped here by the forum

A fix from the Mootools Forum.

“IE will mess up fonts when you use opacity effects unless the element being faded has a background color”

That did not fix the problem (i tried this after researching during my initial question) and based on the Googlegroups that jquery uses for support it’s been established that this is not fixable as exists and it’s not being directly addressed.

I found the same response on another forum somewhere and we addressed it. It has no affect.

but really, at least in this case, simply using the slide effect eliminates it anyway.

I do have an example of another site that i haven’t fixed yet. it uses the same feature.

Ok, I just wanted you to know that according to the Mootools devs it _is_ fixable.

You already found a workaround, problem solved.

Yeah I spent almost 3 days trying to figure it out.

This URL shows the problem. I haven’t addressed it yet on my beta site.

http://new.3gals.com/pgm/filtergroups.php

Click the second tab ‘create basic filter’ and look at the text there. see how it loses all it’s clear type?  Now look at it in FF and it’s perfect.

Anyway, I appreciate the suggestion.

FYI that site is not functional yet, the backend is not complete. Also to note 3gals is just a dead domain i used for the project. the existing site is at www.ereferrer.com