Wrapping a function between parenthesis ensures this function to be evaluated as a function expression. That happens because the Grouping Operator (the parentheses), can only evaluate expressions. If no parenthesis are used, it will be interpreted as a function declaration, and it will cause a syntax error, since the function name is not optional for … Read more
The trick is to show the element (display:block) but also hide it (visibility:hidden) and to set it’s position to absolute so that it doesn’t affect the page flow. The MooTools Element.Measure class does this, as Oscar mentioned.
getBoundingClientRect() returns the correct values for me. jsFiddle.
function has_scrollbar(elem_id) { const elem = document.getElementById(elem_id); if (elem.clientHeight < elem.scrollHeight) alert(“The element has a vertical scrollbar!”); else alert(“The element doesn’t have a vertical scrollbar.”); } See this jsFiddle http://jsfiddle.net/qKNXH/
jQuery seems to be nicely backward compatible. I have been using it for more than a couple of years now through several versions of the core and have not had issues when upgrading except a few minor ones with some plugins. I would say that the core seems to be fine but if you’re using … Read more
ul > li only does the immediate children. So, for example, to do only the top level list elements you could use: #parent > li Note: this isn’t supported on IE6. The common workaround for backwards compatibility is to do something like this: #parent li { /* style appropriately */ } #parent li li { … Read more
When you have jQuery specific code that is using $, the simplest way is to wrap the code with the following: // Disable the $ global alias completely jQuery.noConflict(); // For jQuery scripts (function($){ // set a local $ variable only available in this block as an alias to jQuery … here is your jQuery … Read more
If you don’t have control over the framed site, you cannot circumvent the cross-domain policy. If you have control over both sites, you can use the postMessage method to transfer data across different domains. A very basic example: // framed.htm: window.onmessage = function(event) { event.source.postMessage(document.body.innerHTML, event.origin); }; // Main page: window.onmessage = function(event) { alert(event.data); … Read more
Seeing red errors Uncaught SyntaxError: Unexpected token < in your Chrome developer’s console tab is an indication of HTML in the response body. What you’re actually seeing is your browser’s reaction to the unexpected top line <!DOCTYPE html> from the server.
I’m still learning JavaScript, and the only way that I’ve found which works for me to compare two dates without the time is to use the setHours method of the Date object and set the hours, minutes, seconds and milliseconds to zero. Then compare the two dates. For example, date1 = new Date() date2 = … Read more