cat brain.stuff > wordpress » Wytze

jQuery + Fancybox + Vimeo PlugIn

Wytze — Fri, 03 Feb 2012 15:06:14 +0000

Just a small jQuery plugin that I wrote to quickly add playing of vimeo clips in a fancybox (unobtrusive).

(function ($) {
    $.fn.vimeoInFancybox = function (options) {
        var opts = $.extend({}, $.fn.vimeoInFancybox.defaults, options);
 
        $(this).each(function () {
            var url = $(this).attr("href");
            var optionRegex = new RegExp(".*?/([\\d]+)$");
            var vimeoId = optionRegex.exec(url)[1];
            var playerUrl = "http://player.vimeo.com/video/" + vimeoId;
 
            $(this).fancybox({
                href: playerUrl,
                type: 'iframe',
                width: opts.width,
                height: opts.height
            });
        });
    };
 
    $.fn.vimeoInFancybox.defaults = {
        width: 640,
        height: 480
    };
 
})(jQuery);
 
$(function () {
    $("a.fancybox-vimeo").vimeoInFancybox();
});

Example: (Just include the js on the page in a javascript tag or in a separate file that is included)

Add image here if you want

jQuery + CSS3 rotating panel

Wytze — Tue, 17 Jan 2012 19:58:07 +0000

This is just a small proof of concept (so don’t blame me for the lame CSS I created. ).
I found out it can be done nicer. (Read this awesome article about flip effects) I only do 90 degree rotations on the Y-axis and do no backside-hiding.

The idea is that a visible panel is seemingly rotated and the backside becomes visible. This works by using transition events. The 1st panel is visible at start and the 2nd panel is hidden. Then when an event is triggered (Hovered in this example) the 1st panel will be rotated 90 degrees (y-axis). The panel is then invisible the animation is ended and an event is triggered. At that point the 2nd panel is made visible and an class is added to trigger to animate it from 90 degrees back to 0 degrees. Thus creating an animation which makes it seem like the panel was completely rotated.

The implementation is currently only working for webkit based browsers.


<html>
<head>
	<style type="text/css"> 
		div#slide1
		{
		    width:100px;
		    height:100px;
		    background:red;
		    -webkit-transition: -webkit-transform 0.5s ease-in;
		}
 
		div#slide2
		{
		    width:100px;
		    height:100px;
		    background:green;
		    -webkit-transform: rotateY(90deg);
		    -webkit-transition: -webkit-transform 0.5s ease-in;
		}
 
		div#slide1:hover
		{
		    -webkit-transform: rotateY(90deg);
		}
 
		div#slide2.foo
		{
		    -webkit-transform: rotateY(0deg);
		}
	</style>
 
	<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
	<script type="text/javascript">
		document.addEventListener(
			'webkitTransitionEnd', 
			function( event ) {
				$("#slide1").hide();
				$("#slide2").show().addClass("foo");
			}, false );
	</script>
</head>
<body>
	<p><b>Note:</b> This example does not work in Internet Explorer.</p>
 
	<div id="slide1">Test</div>
	<div id="slide2" style="display: none;">Awesome</div>
 
	<p>Hover over the div element above, to see the transition effect.</p>
</body>
</html>

Adding awesomeness on the run with javassist

Wytze — Tue, 17 Jan 2012 09:04:21 +0000

Creating new classes during runtime can be nice when you need it. Below is a small example of what is possible. (No interface or existing base class is used in this example so reflection is required to invoke a method)

ClassPool classPool = ClassPool.getDefault();
CtClass cc = classPool.makeClass("AwesomeNewClass");
cc.addMethod(CtMethod.make("public String getValue() { return \"Hello World!\"; }", cc));
Class awesome = cc.toClass();
Object o = awesome.newInstance();
 
Method method = awesome.getMethod("getValue");
String returnValue = (String) method.invoke(o);

NHibernate SqlAliasCriterion and Random sorting

Wytze — Fri, 30 Dec 2011 10:35:19 +0000

Wrote this custom NHibernate Criterion to be able to add custom SQL snippets with alias support when using criteria.

    public class SqlAliasCriterion : SQLCriterion
    {
        private string sql;
 
        public SqlAliasCriterion(string sql)
            : base(new SqlString(sql), new string[0], new IType[0])
        {
            this.sql = sql;
        }
 
        public override SqlString ToSqlString(ICriteria criteria, ICriteriaQuery criteriaQuery, IDictionary<string, IFilter> enabledFilters)
        {
            string replacedString = Regex.Replace(
                sql,
                @"{([a-zA-Z_]((\.)?[a-zA-Z0-9_])*)}",
                m =>
                {
                    ICriteria critter = criteria.GetCriteriaByAlias(m.Groups[1].Value);
                    if (critter != null)
                    {
                        return criteriaQuery.GetSQLAlias(critter);
                    }
 
                    return m.Groups[0].Value;
                }
            );
 
            return new SqlString(replacedString);
        }
    }

Usage example:

return Session.CreateCriteria<YourClass>("x")
        .Add(new SqlAliasCriterion("{x}.YourField = SomeNativeSQLFunc(foo)"))
        .List<YourClass>();

You can use the same trick to do ordering. (We use this for native MSSQL random ordering)

    public class OrderBySql : Order
    {
        private string sql;
 
        public OrderBySql(string sql, bool ascending)
            : base(String.Empty, ascending)
        {
            this.sql = sql;
        }
 
        public override SqlString ToSqlString(ICriteria criteria, ICriteriaQuery criteriaQuery)
        {
            string replacedString = Regex.Replace(
                sql,
                @"{([a-zA-Z_]((\.)?[a-zA-Z0-9_])*)}",
                m =>
                {
                    ICriteria critter = criteria.GetCriteriaByAlias(m.Groups[1].Value);
                    if (critter != null)
                    {
                        return criteriaQuery.GetSQLAlias(critter);
                    }
 
                    return m.Groups[0].Value;
                }
            );
 
            return new SqlString(replacedString + (this.ascending ? " ASC" : " DESC"));
        }
    }

Example with random sorting (MSSQL):

criteria.addOrder(
    new OrderBySql("NEWID()")
);

HTML5 Sample Gallery

Wytze — Tue, 20 Dec 2011 23:42:17 +0000

Came across this excellent presentation which covers (all?) new features of HTML5. Have a look at the html5rocks site.

C# CacheHelper

Wytze — Mon, 19 Dec 2011 15:27:39 +0000

Just a simple class I put together for easy cache handling.

public class CacheHelper
{
    private static readonly ILog logger = LogManager.GetLogger(typeof(CacheHelper));
 
    public static T CachedResult<T>(string key, Func<T> valueRetrieval, double timeout = 5)
    {
        T result = (T)HttpContext.Current.Cache[key];
        if (result == null)
        {
            logger.InfoFormat("Cached item with key: {0} not found in Cache, fetching value", key);
 
            result = valueRetrieval.Invoke();
 
            HttpContext.Current.Cache.Insert(key, result, null, DateTime.Now.AddMinutes(timeout), Cache.NoSlidingExpiration);
        }
        else
        {
            logger.DebugFormat("Cached item with key: {0} retrieved from Cache", key);
        }
 
        return result;
    }
}

Usage example:

RssFeed rssFeed = CacheHelper.CachedResult<RssFeed>(url, () => TwitterApplication.GetPublicTimelineFeed(url));

Knockout JS

Wytze — Thu, 15 Dec 2011 21:14:14 +0000

A friend of mine showed me the Knockout JavaScript Framework today. Seems quite promising. I love the idea of data-binding.
When putting together a new view I most often want to start from static html and add unobtrusive javascript from there to add dynamic functionality. I hope this new framework will stack well with jQuery.

Adding spring security to your grails app

Wytze — Mon, 12 Dec 2011 19:40:55 +0000

Check out this article over here:

Spring security with the spring-security plugin for grails

Issue the following commands to add spring security to your app.

grails install-plugin spring-security-core
 
grails s2-quickstart your.package.name SecUser SecRole

Add the following two lines to UrlMappings.groovy:

"/login/$action?"(controller: "login")
"/logout/$action?"(controller: "logout")

I personally prefer to use annotations.

@Secured(['ROLE_USER'])
class PostController {
    @Secured(['ROLE_ADMIN'])
    def deletePost = { //...
    }
}

Some useful twitter stuff

Wytze — Fri, 21 Oct 2011 11:58:48 +0000

Keep forgetting stuff. Too much input will cause a bufferoverflow I guess. So here it is, some useful twitter stuff. If you won’t forget I will keep updating this post to include more and more twitter stuff.

Twitter GET search API
Twitter GET search – Search properties

MSSQL Restore locked database

Wytze — Tue, 18 Oct 2011 10:07:27 +0000

Below is a short snippet that will allow you to restore your database by putting it in single user mode.
After restoring (if without errors) it will be in multi user mode again. If it is not you can still run the ‘alter database DATABASE_NAME set multi_user’ command to put it back in original mode.

USE master;
 
ALTER DATABASE [DATABASE_NAME] SET single_user WITH ROLLBACK immediate;
 
restore DATABASE [DATABASE_NAME] FROM disk = 'C:\Program Files\Microsoft SQL Server\MSSQL10.MSSQLSERVER\MSSQL\Backup\YOUR_AWESOME_BACKUP.bak';