cross-browser

2 iframes with the same display even if the src are different

非 Y 不嫁゛ 提交于 2019-12-11 06:25:29
问题 I am using this code: <div class="infobox-pair"> <div class="ibp-left"> <iframe width="105" height="350" frameborder="0" scrolling="no" style="width: 311px; height: 105px;" marginwidth="0" marginheight="0" name="infobox_flight" id="ibp-left-iframe" src="http://mywebpage.com/paris"></iframe> </div> <div class="ibp-right"> <iframe width="105" height="350" frameborder="0" scrolling="no" style="width: 311px; height: 105px;" marginwidth="0" marginheight="0" name="infobox_package" id="ibp-right

regarding security concerns, are browser providers excusable for allowing cross site cookies?

我的未来我决定 提交于 2019-12-11 06:02:01
问题 Regarding security concerns, are browser-providers excusable for allowing cross-site cookies ? Does any important use of it do justify the existance of this dangerous mechanism? See this reference 回答1: No. Webmasters can ask (modern) browser to only sent cookies when first-party with the SameSite attribute: Set-Cookie: key=value; HttpOnly; SameSite=strict https://www.sjoerdlangkemper.nl/2016/04/14/preventing-csrf-with-samesite-cookie-attribute/ Beware, it's possible that when arriving on the

Check if background-color is undefined?

给你一囗甜甜゛ 提交于 2019-12-11 05:47:07
问题 In the following situation: var bgCol = $(selector).css('backgroundColor'); I'm saving the backgroundColor of html elements to a variable. How can I query if bgCol is not set? Various elements on my page do not even have a bgColor so I get errors. If i check for if ( bgCol != "rgba(0, 0, 0, 0)" ) everything works fine. I just wonder if this is the right thing to check for? Shouldn't it be something like != "undefined" or != 0 I'm testing for "rgba(0, 0, 0, 0)" because my console told me to...

Is IE the only web browser that requires <script></script> and hates <script/>?

心不动则不痛 提交于 2019-12-11 05:45:00
问题 How awful is that, after an hour of hunting and pecking, I figured I might as well contribute to the world the awful truth that the only reason your javascript failed to work in IE is because you thought you could pull a fast one on it and use your fancy xHTML shortcut. I've read the dtd and I can't really find any basis for IE being so persnickity. 回答1: You're not using xhtml, you're using html, and html does not support the self closing tag syntax of xml -- in html using the self closing

How to design a browser extension/add-on compatible with multiple browsers

拥有回忆 提交于 2019-12-11 05:06:56
问题 I want to develop an browser extension/add-on which keeps track of the url value in the address bar. The add-on could either be downloaded to local file system or it could be integrated within the browser. Also, i'm curious to know how browser extensions like Toolyo are programmed. (It's a demo link of the Toolyo tool. Sorry, I didn't find a better example than this whic is much similar to my requirement). Can someone please throw light on the languages/methods used to develop extensions that

Is there a cross-browser solution to height: calc(100%-70px)

戏子无情 提交于 2019-12-11 05:04:44
问题 Is it ok yet to use this? How do I bullet proof it for older browsers? height: -moz-calc(100% - 70px); height: -webkit-calc(100% - 70px); height: calc(100% - 70px); Here is specifically what I'm trying to accomplish. A Full Width / Fixed Height Header A Slider that stretches full width and full height - minus the height of the header . A headline block that is centered vertically and horizontally in the slider A Controls block that is always a fixed height from the bottom of the slider Here's

Transformed child clipped by parent background in Safari, irrespective of z-index. Why?

泄露秘密 提交于 2019-12-11 04:52:52
问题 I've got this loader, rendering fine in everything, but Safari: .pageLoader { min-height: 100vh; min-width: 100vw; background-color: white; z-index: 2; position: fixed; opacity: .9; top: 0; left: 0; transition: opacity .6s linear; display: flex; justify-content: center; align-items: center; } .pageSpinner { border-radius: 5%; width: 80px; height: 80px; background-color: #f50; animation: a 1.5s infinite cubic-bezier(.4,0,.2,1); } @keyframes a { 0% { transform: perspective(300px) rotateX(0deg)

undefined index for cookie in some browsers

一笑奈何 提交于 2019-12-11 04:48:23
问题 I am using a log in script that I found on experts exchange to make a cookie when a user logs on. The login page processes like this: function process_login() { var username = $.trim($('#input_username').val()); var password = $.trim($('#input_password').val()); username = $.trim(username); password = $.trim(password); var remember = document.getElementById("remember_user_checkbox").checked; if (!username || !password) { return false; } remember == true ? remember = "true" : remember = "false

HTML Table: THEAD width depending on TBODY in Chrome

烂漫一生 提交于 2019-12-11 04:47:08
问题 After some testing i've found that Chrome doesn't calculate the THEAD column width depending on the TBODY elements, as Opera does. Is there a way to avoid specifying this in the thead? Example: <!DOCTYPE html> <html> <head> <style type="text/css" media="all"> table{ width:800px; border:1px solid #CCCCCC; table-layout: fixed; border-spacing:0px; box-sizing: border-box; } table td.option{ width:100px; } table td { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; border:1px solid

Javascript not working on PS3 Browser

瘦欲@ 提交于 2019-12-11 04:35:21
问题 I have recently put an advertising box that overlays the embedded videos on my website. Users are forced to click the "CLOSE TO PLAY" button in order to close the advertisement overlay and play the video. See it in action here: http://www.animefushigi.com/ao-no-exorcist-17/4 The problem: I have been getting complaints from PS3 users that the Close to Play button is not working on the PS3 browser, thus they are stuck with the ad overlay. The button's javascript is as follows: $(document).ready