yui

Does jQuery - or one of it's plugins - have equivalent functionality to the YUI StyleSheet Utility? "The StyleSheet Utility is capable of creating new stylesheets from scratch as well as modifying the existing stylesheets held as properties of elements sourced from the same domain or any inline elements." This (I'm fairly sure) is creating and modifying CSS stylesheets themselves not looping through the DOM and changing element's style property (as the jQuery.css() method does). I think this technique has the potential to significantly change the way a lot user interface related Javascript is

On my HTML page, when the user clicks / presses F5 button the page refreshes, but before it refreshes I want to execute a function or a simple alert. User can click on refresh button, press F5 or Ctrl + R . Using core JavaScript, jQuery or YUI. window.onbeforeunload = function(event) { return confirm("Confirm refresh"); }; $(window).bind('beforeunload', function(){ return '>>>>>Before You Go<<<<<<<< \n Your custom message go here'; }); Source: http://www.mkyong.com/jquery/how-to-stop-a-page-from-exit-or-unload-with-jquery/ Demo: http://www.mkyong.com/wp-content/uploads/jQuery/jQuery-stop-page

I have a page that references a couple of externally hosted javascript files - namely, jQuery on Google and YUI using YUI Loader . The trouble is when I access the page via HTTPS the browser complains of mixed insecure content, since the external javascript files are being accessed using http instead of https. What's a good way to deal with this, accessing the external jQuery and YUI Loader objects with HTTPS? Assuming the CDN provider has an https version, you can use protocol-relative URLs. For example, instead of: http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js ...you can use:

I'm trying to get the child span that has a class = 4. Here is an example element: <div id="test"> <span class="one"></span> <span class="two"></span> <span class="three"></span> <span class="four"></span> </div> The tools I have available are JS and YUI2. I can do something like this: doc = document.getElementById('test'); notes = doc.getElementsByClassName('four'); //or doc = YAHOO.util.Dom.get('#test'); notes = doc.getElementsByClassName('four'); These do not work in IE. I get an error that the object (doc) doesn't support this method or property (getElementsByClassName). I've tried a few

I developed some javascript enhanced pages that run fine on recent Firefox and Safari. I missed to check in Internet Explorer, and now I find the pages don't work on IE 6 and 7 (so far). The scripts are somehow not executed, the pages show as if javascript wasn't there, although some javascript is executed. I am using own libraries with dom manipulation, from YUI 2 I use YUI-Loader and the XML-Http-Request, and on one page I use "psupload", which depends on JQuery. I am installing Microsoft Script Editor from Office XP and will now debug. I will also write specific tests now. What are the

I need to measure the offsetHeight of a div that is inside of a hidden element. <div id="parent" style="display: none;"> <div id="child">Lorem Ipsum dolor sit amet.</div> </div> The parent div must be set to " display:none ". I have no control over that. I realize that the offsetHeight of the child div is going to be 0. I need to find a workaround. Something I've toyed with is when the page loads, I copy the childnodes of parent, inject in a div on the page that is set to " visiblity:hidden ". Then I measure the height of those elements, and remove the nodes when done. Any other thoughts?