JQuery :: .hide Doesn't Work On Ie9?
Dec 1, 2011I have a problem with hide() method on ie9: if I put this command after a flag, it (hide) doesn't work anymore.Obviously the same code works pertefect on firefox.[code]
View 3 RepliesI have a problem with hide() method on ie9: if I put this command after a flag, it (hide) doesn't work anymore.Obviously the same code works pertefect on firefox.[code]
View 3 RepliesI'm trying to hide a few options in a dropdown box using .hide(). This works perfectly fine in firefox and chrome, but it doesn't work in IE and Safari. My original code is more complex but I've narrowed it down to this.I've tried several combinations and nothing has worked.hide() works, but not for things within option tags for some reason.[code]
View 1 Replies View RelatedThis is the site: [URL] And the attached javascript: [URL]
Now Begin and Contact are fine, but as you can see, the Einde part isn't sliding in. I'm hiding my "Second" div at the end of the transformation to avoid horizontal scrollbars. But after I show it again, to slide it back to the left, the transformation somehow doesn't work.
If I comment out the slide-to-left transformation, the Second div shows on the right, with horizontal scrollbar. So it does actually do the transformation, but doesn't seem to do the slide. I've also tried re-setting the -webkit-transition property again after I show() the Second div, to set a delay on it again. However, this had no effect either.
I have a website at: [URL] The page works on Google Chrome, Mozilla Firefox, and IE-9. It sort-of works on IE-8, however, the problem is that on IE-8, there is about 2 seconds where everything is shown on top of everything else in a mess. This is bad.
The website is unusual in that it uses a menu to slide screens from right to left. This has implications. For instance, I need the menu to appear on all screens, so I use absolute positioning, and then use javascript to calculate the center position. The same goes for a logo image. And on top of that, some screens (which are really DIVs) have items positioned by absolute and relative positioning within them, and those positions are often calculated via javascript (and then set).
On IE-8, the result is not good. I think what is happening is that the browser first shows everything as it appears before javascript is run, and then slowly the javascript is run, which puts everything in the correct position. So initially, not only is everything in the wrong position, but different DIVs appear on top of each other.
I've this script:
When I press again the "a.item_add" link it doesn't work (doesn't fadein the div again). how can I "restart" the script ?
This is a makeshift sort function for a table. I want to replace a div contents with a javascript function call. It works fine if I define the individual case, but the general case doesn't work. The problem lies with the +divHold+ part. It never converges to the passed value on the 2nd iteration. This is my Div:
[Code]...
The "Permission denied" cross site issue.
I have to check from my external domain if a service is running on localhost:8080 of a local machine.
I'm using XMLHttpRequest to do it.
I'm checking a local-web-server, not a file.
Every browser doesn't work, but Firefox. So I'm looking for a work-aorund.
An iframe? a flash swf? an applet java? HTA applications?
A side question is, why does FF work? Because it's a local-web-server?
Why doesnt the following code work in IE. There is an error on the same row as fillText. It says object doesnt support this property or method.
<html>
<head>
<title></title>
<script type="text/javascript" src="excanvas.js"></script>
</head>
<body>
<canvas id='chart' width='500' height='200'>
[Code]...
I tried to use fade in the code below, it works in firefox but not ie7.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
[code]....
I've just tried the JQuery fadeIn effect and it works in FF, Opera and Chrome. But it doesn't in IE.
This is the JQuery code
//contact click, load data
$('#contact').click(function() {
$('#contentFill').fadeIn(1200, function() {
$.ajax({
[Code]......
My on() function doesn't work. This is my code:
$(document).ready(function(){
$('button').on('click',function(){});
});
[Code]....
I am using latest jQuery 1.7, and it is loaded correctly.
I'm using the Jquery Autocomplete Plugin with jquery.1.4.4. I tried to use a new version of jquery, like 1.5.1 but doesn't work.
I'm asking if there is a way to work with the new version of jquery or i must change my autocomplete and use the jquery ui autocomplete.
here is my site: [URL] tabs don't work under IE - all div's are visible. I should add some code? I thought that jquery works under all browsers...
View 2 Replies View RelatedFor my work i need to make a form. At some points you have to choose an option from a dropdown select box. After you have chosen one of those some other field appear under the dropdown thing. I use the slideToggle event for this effect. In firefox its all working fine, but in ie 6.0 and 7.0 it doesnt work. What do need:A dropdown menu with a few options in it. You can choose one of those and after you select it a few other options apear under the dropdown menu.
[Code]...
I have a problem with a jQuery selector that works in both Firefox and Chrome but refuses to in Internet Explorer.
The jQuery line looks like
$('a[id*="show_ingredients_link"]').click(function(){
var id = this.id.replace("show_ingredients_link", "");
(".ingredient_row" + id).toggle(); return false;
});
Which is trying to select a click on the following bit of HTML (this is a Django template)
<a href="#" id="show_ingredients_link{{ i.id }}">
(Customise)
</a>
The intent is to toggle the visibility of some table rows that exist just below the (Customise) link.
I can tell this is a selector problem by adding an alert(); in the click function which isn't fired in IE.
<div class="c"></div>
I do $(".c:not(:last)").css({borderColor:"#0f0"}) This is OK in Firefox, but in IE all columns get this color. The :not selector doesn't work in IE. Why not?
I implemented a great photo gallery into a site I'm working on, but it will not work in any version of IE.
here is the page:[URL]
It works flawlessly on webkit, and works almost flawlessly on gecko... but no dice when it comes to the worst browser in the world.
I try to navigate through the cycle slideshow with a select box. This works fine in FF and IE9. But when I open the page in IE8 nothing happens when I click the select box.
This is my code:
$(function () {
$('.slideshow').cycle({
fx: 'fade',
timeout: 0,
[Code]....
$("#username").bind('blur',function(){
val = $(this).val();
if(val == ""){
alert("Username is a required field, please fill it in!");
$("#username-div").css("background-color", "#eeccdd");
$("#username-error").html("Please fill this");
$(this).focus();
}
});
this code doesnt seem to focus. i have also tried Javascript and even that isnt working? Basically i would like that input box with id username to be focused if user leaves it empty and moves to next form field?
I'm trying to combine two different jQuery scripts on my webpage. The one is showing flashvideos in a lightbox and the other one is displaying thumbnails in a slideshow.The problem is that only one script is working. I have searched the web and forums and found that several people have had this problem before and I have truly tried to fix it with noConflict(). The problem is that I have very little experience in Javascript so I haven't got it working.So, here are the lines in the code:
<!-- Video lightbox -->
<script type="text/javascript" src="/js/videolightbox/mootools.js"></script>
<script type="text/javascript" src="/js/videolightbox/swfobject.js"></script>
[code]....
I haven't coded any of these myself (of course), so I am not familiar with the variables in the files. So my target is to find a way to to use these scripts simultaneously.
I don't understand why on earth with this
Code JavaScript:
$('a[@rel*=lightbox]').lightBox();
[Code]....
I have a set of select fields, which when selected, send a value via ajax, to return a sub-selection for further choice. I have 3 levels of sub-categories like this.
View 6 Replies View RelatedUsing: JQuery 1.4.2. Creating .Net app. Apparently it errors if i don't set the contentType. So I tried to set it in the ajaxSetup function, but it seems to reset it. The type and dataType attributes seem to work fine, though, just not the contentType.
[Code]...
the working code is : $(document).keydown(function(event)and I found out that it's not working on Firefox only on IE and Google Chrome...
View 3 Replies View RelatedI upgraded to latest jquery version and now in IE my click event doesn't fire
Specifically I am trying to click a button like this, when some condition is true
$('input[id*=btn_ShowReport]').click();
I have problem with this code:
jQuery('.container').on('click', '.item a', function(event){
showContent(jQuery(this).attr('href'), event);
});
[code]....