Skip to content

Instantly share code, notes, and snippets.

View StevenLangbroek's full-sized avatar

Steven Langbroek StevenLangbroek

49 followers · 23 following
View GitHub Profile
@StevenLangbroek
StevenLangbroek / ee-ajax.js
Created June 28, 2012 15:38
EE AJAX Biznizz
$(document).ready(function(){
$('.search_form').submit(function(e){
e.preventDefault();
var $this = $(this);
var theData = $this.serialize();
@StevenLangbroek
StevenLangbroek / gist:3043705
Created July 3, 2012 22:05 — forked from kmgdevelopment/gist:3043651
Ajax Pagination
$('#pagerCatch').on('click', 'a', function(e){
e.preventDefault();
var $this = $(this);
var theUrl = $this.attr('href');
$.get(theUrl, function(data){
var results = $(data);
var finalResults = results.filter('#preResults').html();
var pagerResults = results.filter('#pager').html();
@StevenLangbroek
StevenLangbroek / gist:3043812
Created July 3, 2012 22:26 — forked from kmgdevelopment/gist:3043808
jQuery .post & .ajax
function updateResults(data){
var results = $(data);
var finalResults = results.filter('#preResults').html();
var pagerResults = results.filter('#pager').html();
$('#results').replaceWith(finalResults);
$('#pagerCatch').html(pagerResults);
}
$('.filterForm').submit(function(e){
e.preventDefault();
@StevenLangbroek
StevenLangbroek / gist:3784392
Created September 25, 2012 20:57
Footer stuck to bottom of page
<!doctype html>
<html>
<head>
<style type="text/css">
html, body {
height: 100%;
}
#content {
min-height: 100%;
padding-bottom: 40px; // Gelijk aan de hoogte van de footer
@StevenLangbroek
StevenLangbroek / gist:3788238
Created September 26, 2012 14:01
validationEngine ajax-handler
$(document).ready(function(){
$('#myForm').validationEngine('attach', {
onValidationComplete: function(form, status){
if(status){ // als ie validate
var url = form.attr('action'),
data = form.serialize(),
message = '<p>Hier het bedankt bericht</p>';
@StevenLangbroek
StevenLangbroek / app.js
Created December 2, 2012 12:52
Ajaxify Calendar
$(function(){
$('.ajax_link').on('click', function(e){ // catch the click, and bind that click-event to the variable "e"
e.preventDefault(); // stop the event from firing (so user doesn't get forwarded to the actual link)
var elem = $(this),
link = elem.attr('href'),
target = elem.attr('rel');
$.get(link, function(data){ // do a GET-request
@StevenLangbroek
StevenLangbroek / agenda-index.html
Last active December 19, 2015 18:38
Example of using Preload Replace to make your code a bit DRYer.
{preload_replace:c='agenda'}
{exp:channel:entries
channel='{c}'
limit='5'
dynamic='no'
}
<article>
<h2>{title}</h2>
<img src="{{c}_image_main}" alt="{title}">
{{c}_text_body}
@StevenLangbroek
StevenLangbroek / sportitemview.coffee
Created August 12, 2013 16:42
ItemView for StackOverflow
NSP.SportItemView = Backbone.Marionette.ItemView.extend
template: '#sport-item-view'
tagName: 'option'
attributes:
value: ->
console.log this
@StevenLangbroek
StevenLangbroek / itemview.coffee
Created August 12, 2013 19:53
NSP.SportSelectionView = Marionette.ItemView.extend
events:
'click #select': 'foo'
tagName: 'select'
id: 'select'
template: '#sport-select-view'
foo: ->
console.log 'bar'
@StevenLangbroek
StevenLangbroek / grunt-task.js
Last active January 2, 2016 10:09
Marionette Renderer override for grunt-contrib-handlebars.
handlebars: {
compile: {
options: {
namespace: "JST",
processName: function(filePath){
return filePath.replace('assets/coffee/backbone/apps/', '').replace('.hbs', '');
}
},
files: {
"assets/js/templates.js": "assets/coffee/**/*.hbs",