jqueryui button not displaying - javascript

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.

Related

Drop-down-menu not working on second page

I have to make a website for school and we have to make a drop-down-menu. I've made one and it works fine, but on my other pages the drop-down-menu won't open when I click on it.
Can somebody help me?
I'd recommend that you use the chrome developer tools to check and see what happens to the other pages when you click the button that's supposed to initiate the dropdown menu.
If nothing happens, right click the button and hit inspect in developer tools to verify that you're targeting the correct element, and to verify that the dropdown menu actually exists on all your pages.
Most likely you haven't linked the javascript file on the other pages. Can't say much without you showing what you've done first.

Accordion getting sporadically hidden in IE 7-8

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.

Javascript specific to Chrome

I have lots of rails and javascript code in one project. So far it works fine, but on one particular place Javascript is not working in Chrome, works in other browsers.
The form itself has a checkbox. Once it is selected it will enable textboxes on the form. On initial load, it is not enabling the fields. But as soon as I select "inspect elements" in Chrome, and close inspect elements window it starts working, javascript kicks in and works as it should.
There is so much code behind, that it would be really difficult to post it here. I am hoping there is some "magic" only specific to Chrome.
Did anyone ever had this kind of problem before?

Using a decoy breaks my upload on IE. Why?

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.

Why is this hidden div not showing in IE?

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!

Categories