is(:hover) alternative for ie & firefox
The following code gives you 200 ms timeout (hide_to
) to leave the menu and enter your panel before hiding it. Works the other way too. If you mouseenter the menuitem or the panel the timeout for the hiding is cancelled, and restarted when the mouse leaves any of them.
$("#nav .with_panel").each(function() {
var id = $(this).find("span").attr("id"),
$panel = $("#" + id + "_panel"),
$img = $(this).find("span img"),
hide_to = null;
var hide = function() {
// start hide timeout
hide_to = window.setTimeout(function () {
$img.removeClass("on");
$panel.removeClass("open");
},200);
};
var show = function() {
// clear hide timeout
window.clearTimeout(hide_to);
if (!$panel.is(".open"))
{
// open panel, only if it is not open already
$(".panel").removeClass("open");
$panel.addClass("open");
$img.addClass("on");
}
};
$(this).mouseenter(function() {
show();
}).mouseleave(function() {
hide();
});
$panel.mouseenter(function() {
show();
}).mouseleave(function() {
hide();
});
});
What is the alternative to WebSocket for Firefox (and IE)
Check out Socket.IO and Faye for portable implementations.
Firefox profile preferences vs Chrome options vs IE desired capabilities
To highlight what I mean will crunch down Wikipedia article to 1 sentence :
Selenium WebDriver ... is implemented through a
browser-specific browser driver, which ... aims to provide a basic set of building blocks from which developers can create their own Domain Specific Language.
What is a preferred and most efficient strategy to find browser-specific solutions for a particular problem?
Rather try to think it this way: If particular browser implements a feature then there is a good chance that selenium driver exposes it. You know if feature is implemented if you can solve it manually.
I decently effective problem solving algorithm for you: CS || RTM || UTSL
- [CS] Can you solve problem manually? Try to use same steps.
- [RTM] Can you find the manual or example? Chances are that others have solved you problem.
- [UTSL] If common sense and RTM did not work, then
- Manual can tell you how stuff should work.
- Source can tell you how stuff does work.
Image is from Jeff Atwood blog post.
Is there a mapping between preferences across major browsers?
No, preferences are not consolidated across drivers. Drivers have their specifics and tradeoffs.
Different browsers or even browser versions support different sets of capabilities. Some of them lack even common things. Some of those features are covered by selenium in order for it to provide basic functionality that it has. Example of this would be older IE does not support xPath and Selenium has to simulate this behavior. You can not make assumption it adds behavior to take account for every quirk in every browser to create a common platform (that would be a wicked problem).
I suggest you read Wicked problem : Strategies to tackle wicked problems.
Knowing how to disable cache in Firefox, how can I know how to do the same in ...?
To do same in chrome you could run chrome driver with --disable-application-cache
argument. To see what flags your current Chrome can set you can browse to chrome://flags/
inside chrome. Alternative way would be to look up available source.
Alternative name for IE would be mother lode of quirks. This is where you need to do research. One way would be to call RunDll32.exe InetCpl.cpl,ClearMyTracksByProcess nr
Where nr is flag field:
- 255 (Deletes ALL History)
- 1 (Deletes History Only)
- 2 (Deletes Cookies Only)
- 8 (Deletes Temporary Internet
Files Only) - 16 (Deletes Form Data Only)
- 32 (Deletes Password History Only)
This source claims that as of May 2013 IE might have desiredCapabilities.ensureCleanSession to clear cache, however I have not tested it.
Alternative to Webbrowser control
Give a look to the GeckoFX Project, an open-source component for embedding Mozilla Gecko (Firefox) in .NET applications.
Written in clean, fully commented C#,
GeckoFX is the perfect replacement for
the default Internet Explorer-based
WebBrowser control.
(source: googlecode.com)
CSS blur filter not working in Firefox and IE 10, any alternatives?
CSS3 filters are not supported in IE10 or Firefox (v.23), and support is unknown for those browsers in the near future.
Have a look: http://caniuse.com/#feat=css-filters
You could use Modernizr to check for CSS filter support and fallback to a background image if not supported.
What's the CSS Filter alternative for Firefox?
Please check the Nihilogic Javascript Image Effect Library:
- supports IE and Fx pretty well
- has a lot of effects
You can find many other effects in the CVI Projects:
- they are also JS based
- there's a Lab to experiment
Good Luck
Related Topics
Style the First <Td> Column of a Table Differently
How to Use Calc() in Tailwind CSS
Including Margin for Width and Height
What Is the Purpose of Using Font: Inherit
Changing the Order of Grid Item Stacking in Material-Ui
How to Use CSS to Vertically Center the Text in an Anchor, Within a Li
Css3 Scale Transform on Parent Div But Keeping Constant Size in Some of the Associated Divs
How to Add Padding or Border to a Div and Keep Width and Height
CSS Relative + Right (Or Bottom) Almost Never Work
Why Do I Get the Error Message "Element 'Style' Cannot Be Nested Within Element 'Style'"
Css3 Animation - Smooth Infinite Cycle
CSS Issue on iPad with Table Border
How to Align Jsf Components to Center