I need to shed some light on browsercompatibilityon my website.here's the breakdown:
-website runs smoothly on Firefox and Opera
-website runs slugishly on Safari and Chrome
now I understand that my code is not squashed down and formated for browsersuccess, but Im so perplexed why some browsers run itawesomelywhile the others run it as if it was os9.Also, I havent had a chance to cross check this site on other systems and computers so I would like to hearperformanceresults from real people
My code runs great in every browser but IE6 IE7 and IE8. it breaks and causes all scripts to fail. i setup Visual Web Developer in my VM like a blog post told me, and when i load the page i get Microsoft JScript runtime error: Object doesn't support this property or method that seem to break on this line
I posted this problem in the old mailing list, but I thought Id try here with a larger set of eyes.
My issue seems to concern webkit browsers. I am sending information from a form with a jQuery click function. I am loading the response from one form that is a DIV called rightContent to the same DIV and passing the
I have a simple code to display div's depending on which option is selected from a dropdown.Everything works fine (even in IE), but I get the little yellow triangle on the buttom-left of the page in IE: "error on page"... I really can't see where the problem is, the script isn't that long [code]
We have one website [URL] it will open in only IE not in any other browsers. When it will open in other browsers it will shows source code. I have to make changes in it so that it will open in all the browsers.
I've been searching for a script that creates a desktop shortcut for a URL. The script must work for all versions of Windows and Mac. I haven't found anything useful in my research yet. I know it sounds pretty basic but I am not sure where the limitations are when jQuery and the clients' browser interact with the OS.
Does anybody know if there has been any groundbreaking on this subject with jQuery?
What I want to do is to have the div "test" to disappear with a fading effect and removed when the "CLOSE" link is clicked or when the user has viewed it for 8 seconds. I tried everything but my site just seems to hide and remove the div "test" instead of fading away. Is there a solution to this problem?
I'm having an odd issue that i can't recreate in jsbin.i have an anchor tag:
<a class="navigateToCategory" href="#523">Instruments</a> and the code below: $('.navigateToCategory').bind('click',function(e){ e.preventDefault(); alert($(this).attr('href')); });
IE will give me [URL] while all other browsers give me "#523". I tried to recreate this using a small test case, but i can't do it. IE always returns the "#523" just like all the other browsers. here's a jsbin of it workinghttp://jsbin.com/unowe3/13 why .attr('href') would be different in IE vs Other browsers on my page but not jsbin? i'm using the same doctype and version of jquery, and identical code. i can't think of any code that i could have written that would affect how .attr('href') works. Edit: i did build a "hacky" solution for it by using $.browser.msie and an if statement, but it doesn't make any sense to me why it would be different in my situation vs any other.(not to mention, if it for some reason starts working properly, the "hacky" solution will cause it to not work)
I'm trying to use the Cluetip plugin to display data on mouseover ofthe tr tag. The data displayed is stored in the title attribute. Itworks great in FireFox, but in IE7 the browsers default title displaysalong with the Cluetip. Am I missing an option that would allowCluetip to override the browsers default title display?
$('tr.toolTipTitle').cluetip({ cluetipClass: 'jtip', clickThrough: true, /* Set to true for allowing click to go through
Today I've tried to create simple hover effect on a <div>: if the cursor is over the box, the background-image css property of the div is modified. On the HTML side, a <div> with an id:
JQuery and have a problem with an expandable menu I have created for a new Wordpress theme.
With my expandable menu I am simply (slide)toggling the children <ul> by clicking the parent <li>. This should work fine but jQuery is overiding the default event for the anchors in the children resulting in me having a nice expandable menu that animates well but with its links disabled.
As far as I can tell this should work as I am targeting one level of anchor beneath the parent and not any other more deeply nested children.
The problem only applies to the followning browsers - Firefox 3.5, Safari 4, Chrome and ie 8.
It works fine in ie 6 and 7, Firefox 3 and Opera 9.
The jQuery is as follows:
The html structure is as follows:
I left the anchor details (href, title and so on) out just to make the html code a little easier to scan.
I am new to jQuery and would be glad if someone help me out with this. I want to insert content from external html files based on links clicked. I am using the following code
[Code]...
It works great with all the browsers except for chrome. In Chrome, the ajax-loader image displays.Then it disappears which means that the setTimeOut function has been implemented. But then it displays nothing. So I don't know whether the browser has even entered the 'go' function or not.
I have bashed up a very simple accordion mock type script (I do not want to use accordion, I don't like the effect). The problem is it's buggy in IE as you'll see if you try it - Link
I am new to jQuery but I have managed to get the awesome anythingSlider to work on other sites but I can't work out why this isn't working here: [URL]. On FF, Chrome and Safari on Mac some of the images appear with incorrect text: The slider is set up like so: <div class="anythingSlider"> <div class="wrapper"> <ul><li> image a text a </li> <li> image b text b </li> etc... </ul> </div> </div> However, inFF, Chrome and Safari on Mac the image a appears with text b, image b appears with text c, etc. I have gone through the code and I can't see what's wrong.
I have been spending my whole life on converting a flash version of a header/menu system to jQuery HTML. It is very nearly done in that it works nearly 100% perfectly in Firefox and IE8. [URL]. Unfortunately, in Chrome and Safari, my menu events of the top menu seem to fire inconsistently, and in the wrong order. It is easy to trigger a problem by simply circling your mouse over the top links. One of the menus will retract when it's already retracted, or the mouseover event for one or more of the links will seemingly detach, making the menu unusable.
The way it is supposed to work is as follows: Person hovers over link, causing menu to slide out and the mouseover event to be detached. This also triggers a 1 second timer that retracts the menuHovering over menu cancels 1 second timer.When the mouse leaves the menu, the menu is retracted and the original mouseover event is attached to the link. It's a bit hackish but it works and I've spent way too much time on this project as is. I have a lot of iphone detection checking to disable/enable some portions of the code if the browser is mobile safari. The site works fine in mobile safari as is.
Please do not take this the wrong way, but rather as a genuine question I have. I do not want to be negative, but the answer to our bug reporthttp[URL]... One of the main reasons we turned to a javascript framework (we used to use prototype before we - migrated to jQuery), is that we wouldn't need to worry about browsers and versions our users use.[URL].. I now notice that I can not rely on jQuery framework for making functions work cross-browser.
In my opinion, if there is an issue with this, shouldn't jQuery intercept and wrap the call to something that does work in Webkit? Again - this is not meant to be negative, but as an end-developer, I think I should be able to rely on same behaviour of all methods provided in the jQuery library, regardless of what browser/version is being used. (or perhaps at least document it in the api docs?)
Now that we're switching to feature detection rather than browser detection, how does/should one detect for a webkit browser?Is there a known feature that we can check for that would Identify Safari and Chrome?We're running into some (rather minor) layout issues with some jquery plug-in rendered content in Chrome and Safari and it'd be really easy to just do a 'if a webkit browser, tweak this' type of logic.
I am using Tablesorter to work with a simple table, but have comeacross an interesting difference in how it works between browsers.One of my columns looks like this:
How do you folks handle <select> lists with no default option selected? I have mocked up a simple sample but in reality I may have a dozen different categories. (Link:Do you disable all other hidden <select> elements so that their values are not sent in a POST request?
Here's my issue, hoping someone can help. I have a page with 5 roundabouts on it showing pictures depending on a button click. Buttons would look like: DOGS CATS BIRDS FISH REPTILES
So if you click Dogs, I want it to hide the roundabout for Cats, Birds, Fish, and Reptiles but show Dogs. This works perfectly in FF, Chrome, IE8, IE7, but if I view in compatibility mode or with an IE6/7 browser, all 5 roundabouts show and even if I hit the buttons, which fire the show/hide code, nothing gets hidden. Here's some code, I'm hoping someone has a tip on where I am going wrong in getting this simple show/hide of a div.
