I've made a page which should show a div when the user clicks on a input text box. The div will contain more information about the required input, etc. The page works fine on FireFox and the div shows, but when using IE the div just doesn't show. It seems like I've tried everything and nothing has worked so far. This is the page. Maybe you could look at the source and see what I'm doing wrong? If you need me to upload the source as a text file, I can do that.
Tried on IE 8 and it works fine - what version of IE are you using? Try clearing your cache and restarting the browser!
Related
I have some code that detects when a radio button is clicked in a form and then clicks a "Next" button. The form is multi-page wizard style.
It works fine in Chrome and Firefox but it causes IE to time out with a Not Responding error when I click the radio button there.
Here's the code:
jQuery(function($) {
$('#UL_24').on('click', function() {
var $form = $(this).closest('form');
$form.find('.gform_next_button').click();
});
});
Here's a JSFiddle of the HTML and JS together: http://jsfiddle.net/zpjyndd6/1/
Note that the redirect upon click works in this JSFiddle. It just goes to a page not found because I'm using a relative URL within the form action.
I just tested this JSFiddle in IE and the redirect actually works in this. So I'm guessing there is something outside of this code that is blocking it within IE. Not sure why it still works in Chrome and Firefox though.
Any ideas would be much appreciated.
The code in the JSFiddle might look a little off because I used a Chrome Extension to grab the block of HTML and related CSS from within a larger page. It changed the names of some of the IDs automatically and did some other strange things. It shouldn't impact this question though.
The way I read your code, looks like you have messed up little with HTML. Anyway that is a different problem.
Try using .trigger('click') instead of .click().
My website uses several input text elements and they are defined in HTML like:
<input type='text' style='width:200px;'/>
However if I open my webpage and I click on these inputs, they look like this:
So they display with no cursor and no blue border when they are selected.
But if I click outside the chrome browser, for example if I click on my desktop and then back to chrome, the inputs work and look like following:
So after this step, they look how they are supposed to.
This only happens in chrome and only on the server, all works fine on localhost.
I have no blur functions or anything else. What causes this issue?
Do anyone have any ideas about this?
Thank you very much!
I am using jQuery accordion on a web page. In IE 8, it gets hidden sporadically sometimes when user clicks on some other window. I am not able to get why is it behaving like this. When I inspect element in HTML developer tool I could see accordion and if I change some value in that, accordion gets visible again. Can somebody please help me to identify what is the problem? If I use debugger mode everything works correctly.
I looked at code carefully and observed that accordion code was added in one extra tag but strange that only IE was not able to run it properly. So I removed that extra wrapper and its running properly now.
I just created a theme using the jquery ui theme roller. I just downloaded it then opened up the index.html that it comes with to display all the content. Everything displays except for the buttons and radio buttons. This is the only part I really care about. Which is kind of funny that this is the only part that doesn't work. I tested it in IE, Chrome, and Firefox and none of them display the buttons. Am I missing something?
Nevermind. They do not actually include the code for the button but for everything else.
I'm using Valums AJAX Uploader and it works just fine, even in IE.
The problem appears when i try to use a decoy to hide Valums markup.
$('.control.addphoto:not(.controlactive)').live('click', function(){
$('#upload input[type=file]').click();
});
so, the real input is hidden but clicking my control activates it. The "choosing file" dialog gets displayed just fine in IE but once i click OK the file upload fails (it doesn't even get to the server). When I doesn't use the decoy (i.e. when i click in the input directly) it works just fine.
Everything works fine in Chrome and Firefox.
Why is this happening? I couldn't understand since it's just a decoy and it's calling the actual input. Any clue? Any way to make the decoy more "transparent"?
obs: just found out that the decoy isn't working on Opera (doesn't opens the dialog). Again, clicking directly on the input works fine. Shouldn't this be working since i'm using jquery (wich is suposed to be crossbrowser)?
EDIT
Opera actually doesn't allow triggering the input behavior through a decoy by nature.
Using Kevin B's alternative i've been able to solve my problem. On the other hand i still don't know why that happened with IE and will keep this question opened for the sake of knowledge.
One solution to this is to make the trigger element invisible, but not hidden, such as giving it the same background color as the element behind it. You can then place it on top of the "decoy" so that it will look like you are clicking on the decoy, while you are actually clicking on the file input.