cross-browser

Trying to provide a user with editable XML page in a browser. For example, the following is part of an XML. <Employee name="John Doe" type="contract" ID="1000"> <Salary>10000</Salary> <Email>johndoe@johndoe.com</Email> </Employee> When the above is presented to the user in a brower (either IE or FF), the user should be able to highlight an attribute or the value. When highlighted and the second mouse button is pressed, this would pop up a menu for editing. For attributes and tags, it could be something like ID-TEST-PRESENT or ID-TEST-OPTIONAL. Now instead of ID, the attribute should change to

I've made a very simple fiddle here , and you can check it out in different browsers. It only works in Firefox. In other words, seems that $('#select-tag-id option:visible') doesn't work in other browsers. What's wrong? Is it a jQuery bug? The code is: <select id='items'> <option value='1' style='display: none;'>One</option> <option value='1' style='display: block;'>Two</option> <option value='1' style='display: block;'>Three</option> <option value='1' style='display: none;'>Four</option> </select> and the JavaScript (jQuery code) is: $(function(){ alert($('#items option:visible').length); });

I’m having an issue where a drop down list in IE 6/7 is behaving as such: You can see that the drop down width is not wide enough to display the whole text without expanding the overall drop down list. However in Firefox, there is no issue as it expands the width accordingly. This is the behaviour we want in IE 6/7: We’ve looked at various ways to utilize the onfocus, onblur, onchange, keyboard and mouse events to attempt to solve the problem but still some issues. I was wondering if anyone has solved this issue in IE 6/7 without using any toolkits/frameworks (YUI, Ext-JS, jQuery, etc…). This

I'm using custom fonts on my webpage using the following code: @font-face { font-family: 'HelveticaNeueBold'; src: url('fonts/HelveticaNeueBold.eot'); src: url('fonts/HelveticaNeueBold.eot?#iefix') format('embedded-opentype'), url('fonts/HelveticaNeueBold.woff') format('woff'), url('fonts/HelveticaNeueBold.ttf') format('truetype'), url('fonts/HelveticaNeueBold.svg#HelveticaNeueBold') format('svg'); font-weight: normal; font-style: normal; } This works fine across all browsers on Mac but looking at it on PC on Chrome and Safari it appears jagged. Are there any fixes I could use to make it all

I distribute my desktop application on flash drives to thousands of users on Windows, Mac, and Linux. I have a HTML starter page that has links to the documentation, install guide, release notes, etc. which are all on the flash drive. I would love for the user to just install directly from the browser, but that's exactly what anti-virus programs are trying to prevent (and rightly so). Instead of trying to launch the installer, it's enough to locate the installer and let the user take the last step by themselves. Is it possible to cause the file system manager (Explorer, Finder, etc.) on the

I have some trouble with Internet Explorer's compatibility. I'm building an online tool with massive usage of HTML5 canvas, CSS3 and JavaScript. The program works fine in all major browsers, except for Internet Explorer. IE9 switched into compatibility mode, so I set <meta http-equiv="x-ua-compatible" content="IE=9"/> to force IE to process the page with IE9 standards. IE does no longer fall into compatibility mode, but the script does still not work properly. Some basic functionality as drawing or dragging objects works, but only "half". What does a programmer do in this case: He starts the