How can I prevent a click on a ‘#’ link from jumping to top of page?
So this is old but… just in case someone finds this in a search. Just use “#/” instead of “#” and the page won’t jump.
jquery
jQuery’s ‘keypress’ doesn’t work for some keys in Chrome. How to work around?
Try handling keydown instead.
How to open a file / browse dialog using javascript?
Here is a non-jQuery solution. Note you can’t just use .click() as some browsers do not support it. <script type=”text/javascript”> function performClick(elemId) { var elem = document.getElementById(elemId); if(elem && document.createEvent) { var evt = document.createEvent(“MouseEvents”); evt.initEvent(“click”, true, false); elem.dispatchEvent(evt); } } </script> <a href=”#” onclick=”performClick(‘theFile’);”>Open file dialog</a> <input type=”file” id=”theFile” />
Detect fullscreen mode
As you have discovered, browser compatibility is a big drawback. After all, this is something very new. However, since you’re working in JavaScript, you have far more options available to you than if you were just using CSS. For example: if( window.innerHeight == screen.height) { // browser is fullscreen } You can also check for …
Select first TD in every row w/ jQuery
Use the :first-child pseudo class instead of :first. $(“#myTable tr td:first-child”).addClass(“black”); The :first pseudo class actually selects the first element that was returned in your list. For example, $(‘div span:first’) would return only the very first span under the first div that happened to be returned. The :first-child pseudo class selects the first element under …
How to change the content of the Span using jQuery?
You can do with either: $(‘.stbuttontext’).text(‘Share’); for textual content or $(‘.stbuttontext’).html(‘Share’); for html contents. In your case however, the first statement should be fine 🙂
iphone/ipad triggering unexpected resize events
Store the window width and check that it has actually changed before proceeding with your $(window).resize function: jQuery(document).ready(function($) { // Store the window width var windowWidth = $(window).width(); // Resize Event $(window).resize(function(){ // Check window width has actually changed and it’s not just iOS triggering a resize event on scroll if ($(window).width() != windowWidth) { …
Bootstrap 3 scrollable div for table
A scrolling comes from a box with class pre-scrollable <div class=”pre-scrollable”></div> There’s more examples: http://getbootstrap.com/css/#code-block Wish it helps.
Making radio buttons look like buttons instead
It can be done with CSS and without the need of a large framework. I have done this with checkboxes and radio buttons. This works without adding new HTML, or bringing in any JS libraries. => jsFiddle THE NEW ORDER OF THE HTML This is the ten minute hacky version, you can clean it up …
Is there a jQuery-like CSS/HTML selector that can be used in C#?
Update 10/18/2012 CsQuery is now in release 1.3. The latest release incorporates a C# port of the validator.nu HTML5 parser. As a result CsQuery will now produce a DOM that uses the HTML5 spec for invalid markup handling and is completely standards compliant. Original Answer Old question but new answer. I’ve recently released version 1.1 …