Blog
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:
|
1 2 3 4 5 6 |
<p><a href="" id="btn">go to form</a></p> <form id="form"> </form> |
jQuery:
|
1 2 3 4 5 6 7 8 |
$(document).ready(function(){ $("#btn").click(function(e){ e.preventDefault(); $('html, body').animate({ scrollTop: $("#form").offset().top }, 1000); }) }) |
Vagrant up errors on install on Mac OS X
Instead of MAMP I use Vagrant to set up my virtualhosts locally. That way you can emulate your webserver’s setup. To configure my Vagrant virtual machine I use PuPHPet. You need to have VirtualBox installed for this. After downloading the PuPHPet configuration manifest you need to start up the virtual box. You do this by executing this command:
|
1 |
vagrant up |
Sometimes I…
Tabindex problems with Gravity forms in WordPress
Sometimes there are problems with the tabindex when you use the Gravity forms plugin in WordPress. You can fix this by adding this to your theme’s functions.php file
|
1 2 3 4 5 6 7 8 |
//############################################################################### // Fix Gravity Form Tabindex Conflicts //############################################################################### add_filter("gform_tabindex", "gform_tabindexer"); function gform_tabindexer() { $starting_index = 1000; // if you need a higher tabindex, update this number return GFCommon::$tab_index >= $starting_index ? GFCommon::$tab_index : $starting_index; } |
This will set the start index from gravity forms to a higher number.
Change the amount of tags in tagcloud in WordPress
Add this piece of code to your theme’s function.php file.
|
1 2 3 4 5 |
add_filter('widget_tag_cloud_args','set_number_tags'); function set_number_tags($args) { $args = array('number' => 20); return $args; } |
Set the number of the amount of tags you want to display on your page. Or you can just use the parameters for the wp_tag_cloud function.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 |
<?php $args = array( 'smallest' => 8, 'largest' => 22, 'unit' => 'pt', 'number' => 45, 'format' => 'flat', 'separator' => \\"\n\\", 'orderby' => 'name', 'order' => 'ASC', 'exclude' => null, 'include' => null, 'topic_count_text_callback' => default_topic_count_text, 'link' => 'view', 'taxonomy' => 'post_tag', 'echo' => true, 'child_of' => null(see Note!) ); ?> |
|
1 |
<?php wp_tag_cloud( $args ); ?> |
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:
|
1 |
FB.Canvas.scrollTo(0,0); |
This will only work when your canvas height is set to “Settable”. By default 800px. You can make in settable in the app Dashboard…
How to make a custom protected page in WordPress
The default password form uses this message: “This post is password protected. To view it please enter your password below:”. You can use a custom text to display on a protected page by using a filter in WordPress. Add this code to your theme’s functions.php file:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 |
<?php function custom_password_form() { global $post; $label = 'protected-page-'.( empty( $post->ID ) ? rand() : $post->ID ); $o = '<form action="' . esc_url( site_url( 'wp-login.php?action=postpass', 'login_post' ) ) . '" method="post"> ' . __( "Enter the password to see the protected page:" ) . ' <label for="' . $label . '">' . __( "Password:" ) . ' </label><input name="post_password" id="' . $label . '" type="password" size="20" /><input type="submit" name="Submit" value="' . esc_attr__( "Submit" ) . '" /> </form> '; return $o; } add_filter( 'the_password_form', 'custom_password_form' ); ?> |
Disable remember open files in Sublime text 2
I recently did a find and replace over a whole project where every file had to be edited. There were about 2000 files that had to be edited. My Sublime text was crashing after a while. Problem was that, after I closed Sublime text and reopened it, the 2000 files reopened automatically, which meant my Sublime Text kept crashing. You…
Get the depth of the current page in WordPress
If you want to get the level of the current page in WordPress you can use this
|
1 2 3 4 5 6 7 8 9 10 11 12 |
// gets the depth of the current page global $wp_query; $object = $wp_query->get_queried_object(); $parent_id = $object->post_parent; $depth = 0; while ($parent_id > 0) { $page = get_page($parent_id); $parent_id = $page->post_parent; $depth++; } echo $depth; |
This function will echo the depth of the current page. If the depth returned is zero then you’re on a parent page.
jQuery HTML5 Twitter plugin for iPad using Localstorage
I wrote a small jQuery plugin that gets it’s parameters from html 5 data attributes, so configuration is simple. It needs some cleanup but I’ll do that later You can download a zip of the files You can add 3 html5 data attributes to configure the plugin: data-twitter-username (required / used to set the username) data-twitter-tweet-count (optional / the amount…
Email harvesting of a domain using Linux Backtrack
A while ago I wanted to scan which email addresses can be found by spambots because that domain received a lot of spam. You can prevent users from capturing your email addresses from your website by encrypting the characters with html or javascript. This tools can encrypt your email address with javascript http://hivelogic.com/enkoder/ and this website http://www.wbwip.com/wbw/emailencoder.html does this through using character entities. To…
