Skip to main content

Posts

Showing posts with the label internet-explorer-8

Dialog Click listener not triggering in IE8 or Firefox with jQuery

I have this click listener and for some reason it's not triggering in IE8 or Firefox: console.log("listener attached"); jQuery(".ui-button-text").click(function() { console.log("this should have triggered"); var ajaxUrl = '/ajax.php?popup=true'; var dataString = "param="+param+"&param2="+param2; // contruct the ajax request jQuery.ajax({ url: ajaxUrl, dataType: 'json', data: dataString, beforeSend: function() { jQuery(".ui-button-text").html("Saving..."); }, complete: function() { jQuery(".ui-dialog-content").dialog("close"); }, success:function(response){ } }); }); So I can see the "listener attached" in the console, but I don't see the click trigger, this works in

How to Freeze Pane/Fix Website Header and Horizontal Nav Bar

I currently have a banner/header as well as a horizontal navigation menu below this header that I would like to freeze pane/fix, so that any content below this header/nav just scrolls beneath it, always. FYI, need it to work in IE8. I have setup the following skeleton structure of this as follows: <div id="banner-nav"> <div id="banner"> <div id="nav"> </div> </div> </div> <div id="content"> </div> Would appreciate your help on this. If it cannot be done on the above fashion, any other alternatives that would accomplish my requirement, would be great. Thanks.

IE8 - button background Image not showing?

I have a submit button which has the following CSS: .button{ border:1px solid #015691; background-image:url('http://boundsblazer.com/pkg/pics/ buttons/small-button.png'); color:#ffffff; height:18px; font-size:8pt; font-family:sans-serif, verdana; cursor:pointer; line-height:14px; margin-bottom:-5px; border-bottom-color:#222222; -webkit-border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; behavior: url("http://boundsblazer.com/pkg/plugins/PIE.htc"); } and my JQuery... $(".button").mousedown(function(){ $(this).css('border-bottom-width', '0px'); $(this).css('background-image', 'url(\'http://boundsblazer.com/pkg/pics/buttons/small-button-pressed.png\')'); $(this).mouseout(function(){ $(this).css('border-bottom-width', '1px'); $(this).css('background-imag

communication between an iframe and the page its part of through javascript in ie8

I have seen many questions like this but have not found anything that seems to help with my specific situation so I apologize if this question seems repetitive. I have a site www.foo.com and have an iframe in it. When information I click on an a tag in foo.com a javascript function is called that passes a new image to the iframe to show the user. The communication between iframe and its "parent" seems to work fine on all browsers EXCEPT RANDOM IE8 PAGES. I get the following error message "access is denied" and the browser points to the function that has been activated. Following is a piece of code from the site to see how it works. the iframe: <iframe scrolling="no" src="foo.com/bar" id="ifram" name="ifram"></iframe> the a tag: The javascript: if($(this).val() == '242'){ document.getElementById('ifram').style.border='0px'; document.getElementById('ifram').style.back