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); }) })
Category: jQuery & javascript
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 … Continue reading Scroll to top of page from within Facebook app
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)” … Continue reading Allow only numeric input or disallow spaces with Javascript
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 … Continue reading How to force plaintext insertion on paste in tiny_mce
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, ... });