When using GitHub pages, you can’t use a PHP back-end to handle and store your posts. Therefore I made this script that uses a JSON file to store the data of my posts. And then displays it on the Codump GitHub page you are looking at right now. Yes, this post is also stored in a JSON file and processed by JavaScript to display it to you. (not true anymore, using jekyll now, yet it stays a handy script)

Demo See code

Cover images are a common thing now a days. In this example I have made a full width version with a fixed height. But then the issue came up on how to vertically align the image. Every image needs another alignment then the other. So this I solved by adding a range input, so the end user can adjust it themselves easily.

Demo See code

When an element is dynamically created in the document/website the normal $('.addedElement').click(function(e){ / click function doesn’t work. The snippet below will solve that issue for u. When clicked on any element, dynamically added or not, with the class addedElement will run the function.

1
2
3

$(document).on('click', '.addedElement', function(){
	alert('Clicked on dynamic added element'); // Change to function you want.
});