cross-browser | 易学教程

Drop Down List Issue

阅读更多关于 Drop Down List Issue

问题 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

Top window's URL form inside of multiple nested cross-domain iFrames

阅读更多关于 Top window's URL form inside of multiple nested cross-domain iFrames

My content (including JS) is served in an iFrame that is then encapsulated in middleman's (distributor) iFrame that is then loaded by a publisher into his website. All 3 frames are served from different domains (cross-domain). I need to identify the URL of the top frame (URL of the website) from within my iFrame. But I can only execute my JS in my iFrame, the middle man or the website publisher are unaffiliated, I can not ask them to put any script or in any way modify the source code of the middle iFrame or the website. My question would be similar to this with the answer of: var parentUrl =

How to close the current tab in the server side button click?

阅读更多关于 How to close the current tab in the server side button click?

I try to close my current tab after confirm so i put the following code at the end of my confirm button , but the tab doesn't close ! string jScript = "<script>close_window();</script>"; ClientScript.RegisterClientScriptBlock(this.GetType(), "keyClientBlock", jScript); If you want to close the current window, you could try this: string jScript = "<script>window.close();</script>"; ClientScript.RegisterClientScriptBlock(this.GetType(), "keyClientBlock", jScript); This might help Response.Write("<script>parent.close_window();</script>"); I Just Add Following code on button. OnClientClick=

iframe sizing - cross browser issue

阅读更多关于 iframe sizing - cross browser issue

I am displaying pages from an external site (that I own) in an iframe in one of my pages. It's all fine except when viewed in Opera with the browser window size reduced (not widescreen), when the iframe shrinks and squashes the content. It works in widescreen (maximize browser window), and is OK in IE7, Firefox, Chrome and Safari in maximize and reduced window size. I have set the frame dimensions in the HTML and have nested the iframe in a div which is larger than the iframe via the css. Is this a peculiar bug to Opera or is there something I can do about it? rams We had a similar issue with

document.execCommand copy command does not work or other solution?

阅读更多关于 document.execCommand copy command does not work or other solution?

问题 What I am doing is programmatically select all text from a webpage and then copy it. The select all works with execCommand but copy doesn't. Here is my code: $.ajax({ url: $('#url').val(), type: 'GET', success: function(res) { $('#result').html(res.responseText); $('#result').fadeIn('fast'); $('#result').focus(); $('#result').select(); document.execCommand('selectall'); // copy does not work ? document.execCommand('copy'); } }); Here is Example on JsBin I also tried using flash solution such

Background color for drop down menu options is not working in Safari, Chrome + MAC

阅读更多关于 Background color for drop down menu options is not working in Safari, Chrome + MAC

I have a drop down box where I am setting background color of options as gray based on some conditions. The problem is its all work fine with almost browser on windows machine but its not working in Safari & Chrome on MAC OS. I used color as: Color name: Gray , hex color code: #CCCCCC and with rgb(204,204,204) but all of three isn't working. I done goggling and found that there is some problem with safari in MAC. I am not sure how to fix this. There is an open post at mac forums which didn't replied yet: http://www.mac-forums.com/forums/web-design-hosting/144101-drop-down-background-color-mac

Embedd .wav files in HTML page in all browsers (no controls)

阅读更多关于 Embedd .wav files in HTML page in all browsers (no controls)

问题 I need to play few wav files on button click. I found solution working in IE but it requires QickTime plugin for Firefox. Is there any other way? <html> <head> <script> function DHTMLSound(surl) { document.getElementById("dummyspan").innerHTML= "<embed src='"+surl+"' hidden=true autostart=true loop=false>"; } </script> </head> <body> <h1>test</h1> <span id=dummyspan></span> <input type="button" value="Play" onmouseover="DHTMLSound('1.wav')"> </body> </html> 回答1: Use one of these. I have only

Jagged font on Windows - Chrome & Safari

阅读更多关于 Jagged font on Windows - Chrome & Safari

问题 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

How do I align a div at the bottom right corner of a web page even if the content is less?

阅读更多关于 How do I align a div at the bottom right corner of a web page even if the content is less?

问题 I have this extremely simple splash page here: http://iph0wnz.com It has the main graphic in the middle, followed by my 'a.' logo at the bottom right. I want that logo to be aligned to the bottom right hand of the entire page , which means that if there is a lot of text content in the page, it appears after all that (i.e. it doesn't hover on top), but if there is less content -- like right now -- then it should get aligned to the very bottom of the screen, and not right after the content. I

Jquery Ajax doesn't work at Internet Explorer

阅读更多关于 Jquery Ajax doesn't work at Internet Explorer

问题 When I use jQuery ajax put at Internet Explorer 9, I am getting data at response body however it doesn't pass into success function. How can I make it work? example: ... $.ajax({ async : false, type: 'PUT', contentType: 'application/json', url: updateUrl, data: JSON.stringify(model), dataType: 'json', success: function(data) { console.log("Here!");//it comes here console.log(data);//it logs undefine at ie, firefox and etc is logging data r = resultResponse(data); }, error: function(data) {