Scrollto element with an id selector using jQuery

For example, if I have a button with an id "btn" and a form with the id "form" and I want to scrollto the form when I click on the button HTML: <p><a href="" id="btn">go to form</a></p> <form id="form"> </form>     jQuery: $(document).ready(function(){ $("#btn").click(function(e){ e.preventDefault(); $('html, body').animate({ scrollTop: $("#form").offset().top }, 1000); }) })  

Scroll to top of page from within Facebook app

When within a facebook app you sometimes want to scroll to the top of the page but outside of the iframe which contains your app. To do that you use the following code in javascript: FB.Canvas.scrollTo(0,0);  This will only work when your canvas height is set to "Settable". By default 800px. You can make in …

visible area within the iPhone and iPad browser

visible area in the browser on iPhone portrait320*356 visible area in the browser on iPhone landscape480*208  visible area in the browser on iPad portrait 931*768  visible area in the browser on iPad landscape1024*675

Get the value from radiobuttons with jquery

$('input:radio[name=answer]:checked').val();  

Allow only numeric input or disallow spaces with Javascript

This is a very easy way to restrict users from inputting any characters other then numbers or restrict users from entering spaces in e.g. login and password fields. You can restrict other characters by adding the charcodes to the function. You can check the charcodes at cambiaresearch.com Usage: Load in the javascript file and add onkeypress=“return isNumberKey(event)” …

How to hide the facebook Like count

What I do, is put a div on top of the like count which is absolutely positioned The css .facebook_like{ position: relative; float:left; } .facebook_like_hide_count{ width: 50px; height: 20px; background: white; position: absolute; left: 50px; top: 0; }  The HTML <div class="facebook_like"> <fb:like href="http://yoururl.com/" send="false" layout="button_count" width="20" show_faces="true" font=""></fb:like> <div class="facebook_like_hide_count"> </div> </div>  

Deselect all options in dropdown with jQuery

Here's how you deselect all the values in a dropdown with jQuery ("#dropdown option").removeAttr('selected');  

How to force plaintext insertion on paste in tiny_mce

A lot of client of mine seem to first type the text for their websites in a Word document and copy them afterwards in tiny_mce. Apparently tiny_mce copies the layout from Word or any other program. This causes the layout in the website to get messed up. I found a solution for this. You have to …

Force break instead of paragraph on new lines in Tiny_mce

Normally tiny_mce inserts a new paragraph when you hit return. You can make tiny_mce force a BR element on newlines instead of inserting a new paragraph. Normally you should utilize P tags instead of BR, so only use this when you have to! Usage: tinyMCE.init({ force_br_newlines : true, ... });