cross-browser

How reliable is using contenteditable on a div for a WYSIWYG editor?

有些话、适合烂在心里 提交于 2019-12-21 16:24:43
问题 I believe the title is pretty self-explanatory but still, maybe, I should ask in detail. I'm building a WYSIWYG editor and I'm really at the beginning of it. So, I realized that maybe knowing the pros and cons would enlighten me. Basically, my question is, since I want an editor that would work at least with 90% in all major browsers, how further I can go using contenteditable within a div and what are the cons and pros of using contenteditable when compared with designMode and iframe? Also,

css button active state causing text to move?

别来无恙 提交于 2019-12-21 09:34:41
问题 I'm just working on some rough examples for a new site i'm working on. for some reason the later 2 of these buttons in firefox(latest) will move the text slightly as if implementing a click animation as they enter the active state. why would the first button not also be experiencing this issue? code below <fieldset style="width:320px; float:left;"> <legend>Pink Button</legend> <button class="pinkbutton"><span>MESSAGE HERE</span></button> <button class="pinkbuttondisabled" disabled="disabled">

Javascript disabled best practices? [closed]

白昼怎懂夜的黑 提交于 2019-12-21 09:23:24
问题 Closed . This question needs to be more focused. It is not currently accepting answers. Want to improve this question? Update the question so it focuses on one problem only by editing this post. Closed 5 years ago . I would like to know if anyone optimizes their web pages to have some friendly behavior if the user has Javascript disabled. Are there any tricks to provide some pseudo-scripting behavior in such instances? I'm talking basic things like opening links in new windows. I would

How to cache an HTTP POST response?

限于喜欢 提交于 2019-12-21 07:57:24
问题 I would like to create a cacheable HTTP response for a POST request. My actual implementation responses the following for the POST request: HTTP/1.1 201 Created Expires: Sat, 03 Oct 2020 15:33:00 GMT Cache-Control: private,max-age=315360000,no-transform Content-Type: application/x-www-form-urlencoded; charset=UTF-8 Content-Length: 9 ETag: 2120507660800737950 Last-Modified: Wed, 06 Oct 2010 15:33:00 GMT ......... But it looks like that the browsers (Safari, Firefox tested) are not cacheing the

Is position 'initial' cross-browser - css

谁都会走 提交于 2019-12-21 06:47:05
问题 I have a css conflict, so I have to go against an absolute positioning property that deals with some class .myclass . But in one case, I want a div with .myclass class to have a no absolute positioning. So I put position: initial , which works in Chrome, but is it cross-browser? I googled it and found nothing really precise. 回答1: The default for position is position: static; 回答2: The initial keyword was introduced in 2011 in the Cascading and Inheritance Module -- it's supported in FF 19 + ,

Angular 4 app is not working on first load in microsoft edge and ie11

岁酱吖の 提交于 2019-12-21 06:01:15
问题 I have been working on an angular 4 app. It is working fine on Mozilla and chrome but when we access it on the Microsoft edge browser, on the first load, it is not working and there is no error in the console. But when I refresh the page then it works fine. I don't understand the problem. If anybody knows about this please let me know. I have used the following dependencies in my app: "dependencies": { "@agm/core": "1.0.0-beta.0", "@angular/animations": "^4.3.2", "@angular/common": "^4.2.2",

Generate sine wave and play it in the browser [closed]

ぃ、小莉子 提交于 2019-12-21 05:21:34
问题 Closed . This question needs to be more focused. It is not currently accepting answers. Want to improve this question? Update the question so it focuses on one problem only by editing this post. Closed 3 years ago . I need a sample code that could: generate sine wave (an array of samples) and then play it . All done in browser using some HTML5 API in JavaScript. (I am tagging this web-audio, although I am not 100% sure it is applicable) 回答1: This is how to play 441 Hertz sine wave tone in the

Difference between .click() and creating a mouse event?

☆樱花仙子☆ 提交于 2019-12-21 04:49:12
问题 So I am trying to work out the differences between link.click() and var event = document.createEvent("MouseEvents"); event.initEvent("click", true, false); link.dispatchEvent(event); As far as I can tell these should be the same things (however working with my jsfiddle example of exporting a csv from a URI this is not the case as they perform differently from browser to browser) Using .click() with firefox the popup to download the csv will not show (it will in chrome) see example -> http:/

How do I test multiple browsers with selenium and a single NUnit suite and keep it DRY?

岁酱吖の 提交于 2019-12-21 04:09:18
问题 I'm looking for a way to reuse one NUnit test suite without duplicating the entire suite for each browser. It seems like I would need a new fixture for each browser. Can I send some sort of environment variable or configuration setting from the NUnit gui to switch the browser? see below: [TestFixture] public class User { private ISelenium selenium; private StringBuilder verificationErrors; [SetUp] public void SetupTest() { // TheBrowser = How do I populate this variable from the NUnit gui?

Is querySelector supported by all browsers?

我的梦境 提交于 2019-12-21 03:49:28
问题 I would like to know is querySelector supported by all browsers? is not what's alternate for it to use? I have tested it with IE8, FF3, Chrome 4. Its fine for me. I do not have old browsers. So i would like to know if old browsers will give problem to me or not? 回答1: IE7< don't support it and IIRC IE8 has issues with namespaces. There's at least one more esoteric browser out there with major issues but I don't recall which it is. Basically there is no unified expression-based DOM method, and