Skip to content

Instantly share code, notes, and snippets.

@rtincar
rtincar / backbone.view.delegate
Last active August 29, 2015 13:57
Modificación de los métodos 'delegateEvents' y 'undelegateEvents' de la clase Backbone.View para poder ser usada con la versión 1.3.2 de jQuery
delegateEvents: function(events) {
if (!(events || (events = _.result(this, 'events')))) return this;
this.undelegateEvents();
var deleg = {}
for (var key in events) {
var method = events[key];
if (!_.isFunction(method)) method = this[events[key]];
if (!method) continue;
@rtincar
rtincar / constructor.js
Created September 19, 2013 09:12
Función constructora que hace lo mismo que el operador new.
function c(fn) {
var ob = {};
return function() {
var r = fn.apply(ob, arguments);
ob = r ? r : ob;
ob.prototype = fn.prototype;
return ob;
};
}
var Events = (function(){
var events = {}, uid = 0;
return {
on : function(t, fn) {
events[t] = events[t] || {};
events[t][(++uid + "")] = fn;
return uid;
},
off : function(uid) {
for (var t in events) {
@rtincar
rtincar / pom.xml
Created March 13, 2013 17:02
Dependencias para crear un proyecto con spring 3, myfaces 2, hibernate 4, infinispan 5
<?xml version="1.0" encoding="UTF-8"?>
<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/maven-v4_0_0.xsd">
<modelVersion>4.0.0</modelVersion>
<groupId>com.rtincar.jsf</groupId>
<artifactId>jsf2</artifactId>
<packaging>war</packaging>
<version>0.1</version>
<name>jsf2</name>
<description>A custom project using MyFaces 2.0</description>
@rtincar
rtincar / jquery132-custom-event-delegation.js
Created February 26, 2013 16:02
Este fragmento muestra como se podría implementar la delegación de eventos en jquery-1.3.2 (el método .delegate() no aparece hasta la versión 1.4). En esta versión de jquery tenemos el método .live() que delega los eventos al objeto document y por tanto es menos óptimo para muchos tipos de eventos. En este fragmento se está delegando a una tabla…
$('table').bind('click', function(event) {
// this == table element
var $tr = $(event.target).closest('tr');
});
@rtincar
rtincar / css3-mediaqueries.js
Created February 21, 2013 16:38
Script que permite usar mediaqueries en navegadores que no las soportan: para usarlo deberíamos incluir en la sección head el siguiente fragmento: <!-- Make IE8 and below responsive by adding CSS3 MediaQuery support --> <!--[if lt IE 9]> <script type="text/javascript" src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js…
/*
copyright (c) 2008 Wouter van der Graaf, all rights reserved
css3-mediaqueries.js - CSS Helper and CSS3 Media Queries Enabler
author: Wouter van der Graaf <woutervandergraaf at gmail com>
version: 0.9 (20091001)
license: MIT
website: http://woutervandergraaf.nl/css3-mediaqueries-js/
YUI().use('base', function (Y) {
var Generic, Specific, example, isFunction = Y.Lang.isFunction;
Generic = Y.Base.create('generic', Y.Base, [], {
testMethod: function () {
alert('Generic#testMethod()');
}
}, {});
Specific = Y.Base.create('specific', Generic, [], {
@rtincar
rtincar / invisible.css
Created November 20, 2012 14:55
Hacer un elemento invisible de manera accesible
.element-invisible {
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px 1px 1px 1px);
}
@rtincar
rtincar / popover.html
Created November 20, 2012 09:05
HTML de popover.js
<!--
Este fragmento es el html original. En la propiedad 'data-content' se almacena el contenido del popover
y el atributo data-toggle="popever" es el selector para lanzar el script
-->
<div class="port russ" data-content="<p><strong>Russell Smith</strong></p><p>co-founder of Rainforest. I like Japanese cars and bacon. A lot.</p><div class='meta'><a href='https://github.com/ukd1'><i class='font-icon-github'></i></a><a href='https://twitter.com/massivemegalols'><i class='font-icon-twitter-bird'></i></a></div>" data-toggle="popover">
<a href="http://rsmith.co/"></a>
</div>
<!--
Este es el html generado.