Skip to content

Instantly share code, notes, and snippets.

var app = app || {};
app.views = app.views || {};
app.views.MyView = Backbone.View.extend({
render: function() {
// Use a handlebars template or similar here
var html = "Some html template content here";
this.$el.html(html);
}
@phawk
phawk / events.js
Created December 9, 2012 19:46
Backbone evented object
var app = app || {};
app.events = _.extend({}, Backbone.Events);
new Backbone.View({
events: app.events
});
// Trigger events
app.events.trigger("some-module:some-event", some, params)
<?php
private function dm_view($view, $path, $data = array()) {
$CI =& get_instance();
$tp = $CI->load->_ci_view_path;
$CI->load->_ci_view_path = $path;
$out = $CI->load->view($view, $data, true);
render: function() {
var html, $html;
html = new EJS({
url: app.config.locations.templates + 'dialogs/font-selection.ejs?' + cacheBeater
}).render();
$html = $(html);
// Render and instantiate the sub views within html
var project = new Project({ template: "blank" });
for (var i = 0; i < 2; i++) {
project.append({ "paragraph": {
content: "Some random text"
} });
}
var body = project.getStyleDeclaration("body");
function getAverageColour() {
var colour;
var r = 0;
var g = 0;
var b = 0;
var lis = $('.pen li');
for (var index = 0, len = lis.length; index < len; index++) {
var li = $(lis[index]);
//
// Parent view
//
new SomeView({
sandbox: sandbox
});
//
@phawk
phawk / jQuery-select-text.js
Created September 7, 2012 12:49
Selects text of an element
var doc = {
selectText: function(jqSelector) {
var text = jqSelector.get(0);
if ($.browser.msie) {
var range = document.body.createTextRange();
range.moveToElementText(text);
range.select();
} else if ($.browser.mozilla || $.browser.opera) {
var selection = window.getSelection();
@phawk
phawk / require-backbone.js
Created August 16, 2012 09:02
requirejs config for Backbone.js development
require.config({
baseUrl: "/js"
, paths: {
"jquery": "libs/jquery/jquery.min"
, "underscore": "libs/underscore/underscore-min"
, "backbone": "libs/backbone/backbone-min"
, "handlebars": "libs/handlebars/handlebars"
, "text": "libs/require/text"
}
, shim: {
@phawk
phawk / grid.css
Created July 25, 2012 12:39
Simple baseline
.grid{
width: 100%;
height: 100%;
background-color: #a9a9a9;
border-top: dotted 1px #000;
background-image: linear-gradient(90deg, transparent 0px, transparent 1.5px, #fff 1px, #fff 2px),
linear-gradient(0, transparent 0px, transparent 1px, #fff 1px, #fff 2px);
background-image: -webkit-linear-gradient(90deg, transparent 0px, transparent 1.5px, #fff 1px, #fff 2px),
-webkit-linear-gradient(0, transparent 0px, transparent 1px, #fff 1px, #fff 2px);
background-image: -moz-linear-gradient(90deg, transparent 0px, transparent 1.5px, #fff 1px, #fff 2px),