Menu

Snippets

Yet another programmer blogging about code

Posts Tagged ‘javascript’

Set the tab size on GitHub, Gist, and Bitbucket

Wednesday, September 3rd, 2014

I indent with tabs. There, I said it. Viewing my code (and that of other tab indenters) on GitHub, Gist, or Bitbucket can be annoying because the default tab size in the browser is equivalent to 8 spaces. Modern browsers let you change that through CSS, and here’s some bookmarklets that do just that. (more…)

Stop CloudFlare Rocketscript breaking WordPress plugin scripts

Friday, February 28th, 2014

CloudFlare offers a service called Rocketscript, which compresses, concatenates, and defers any JavaScript on your web pages. On some websites, it can make a significant difference to the apparent page load time, because it waits until the web browser has loaded the page before it loads and executes scripts. Of course, that sometimes means it breaks things! Fortunately, CloudFlare offers a way to avoid that, and it’s possible to use it on your WordPress plugin scripts. (more…)

sessionStorage with expiry time

Saturday, November 16th, 2013

Session storage is a very handy tool for caching content fragments retrieved via AJAX. Once we’ve pulled the content once, and stuffed it into session storage, we can access it again quickly without the overhead of a round trip to the server. But what if we want to limit the age of that content, so that it expires before it gets too stale? (more…)

Add custom JavaScript actions to WP e-Commerce cart updates, again

Saturday, September 14th, 2013

I previously wrote about adding your own custom JavaScript actions to the WP e-Commerce cart update event. Of course, things change, people change, hairstyles change, interest rates fluctuate,¬†WP e-Commerce moves goalposts, so there is a new way to do this since version 3.8.11 came out. (more…)

Stop users from submitting Gravity Forms form twice

Friday, May 3rd, 2013

A common problem with input forms is that users get impatient and click the submit button twice. This can lead to double (or triple, or quadruple!) form submissions, which can really mess things up (especially if you’ve added a billing step to your form!) Stopping it can be surprisingly complex, but here’s a simple piece of browser script that will prevent most users from making multiple submissions with Gravity Forms. (more…)

Using jQuery’s ajaxSend event to change an AJAX request

Friday, March 1st, 2013

Customisation of web software sometimes requires that you get it to pass around some additional information whenever it makes a page request. Often, putting that information into a cookie isn’t appropriate, so you try to squeeze it into the page query parameters, or form post data through hidden fields. But what if the software makes AJAX requests from jQuery? Luckily, jQuery can help you intercept AJAX requests so that you can customise them too. (more…)

Safely encode dynamically-built HTML and JavaScript

Saturday, November 10th, 2012

If you build fragments of HTML and JavaScript dynamically from browser script, you need to take care to encode any special characters in your strings. Building your HTML using DOM createElement() and createTextNode() is often better, but sometimes the better solution is to generate a block of HTML. Here’s a couple of simple functions to do that, quickly. (more…)

Making Opera honour return false in onclick handler

Saturday, September 29th, 2012

The Opera browser persistently refuses to honour “return false” in an onclick handler, and is quite possibly the only web browser that does this. Because I don’t usually add event handlers inline any more, I haven’t noticed this defect until now, but it just bit me today. (more…)

Populate form from database using AJAX and JSON

Saturday, July 14th, 2012

I just went searching for a nice, simple example of populating a form from a database, using AJAX and JSON. I hope it’s just that my Google juice is depleted after a hard week, but I couldn’t easily find one. So I wrote one. (more…)

Add custom JavaScript actions to wp-e-commerce cart updates

Wednesday, February 22nd, 2012

I just stared in horror wonder at the wp-e-commerce script that handles cart updates. Wow. Just… wow. Forget any thought of nicely hooking into that to add some extra client-side actions, it’s a mess and looks like it will probably get worse before it gets better. But fortunately, there is another way. (more…)