Archive for the ‘Uncategorized’ Category

jQuery: Bind and unbind the Esc key

Friday, February 4th, 2011

Let’s say you want to allow your dialog boxes to be close when the user press “esc.”

$("body").bind("keyup.myDialog", function(event){
   // 27 == "esc"
   if (event.which == 27) {
      // TODO: close the dialog
      // unbind the event

Snow: icons with css and sprites (best practice)

Monday, May 10th, 2010
	background-image: url(images/my-sprites.png);
	width: 16px;
	height: 16px;
	background-repeat: no-repeat;

/* Sometime alignment is better with a display block and float left */
	background-image: url(images/my-sprites.png);
	width: 16px;
	height: 16px;
	background-repeat: no-repeat;
	margin: 2px 4px 0 0;

/* This should be used when using the icoFL for the label on the right. */
	padding-bottom: 5px;

/* This is an example of an icon for a document */
    background-position: 0 0;

/* This is the second icons. The icons are every 32px horizontally and veritically */
	background-position: -32px 0;

The html code would look something like that:

<span class="ico icoDocument"></span> First Doc

To use the icoFL formatting, use something like:

<span class="icoFL icoDocument"></span> <span class="icoFL-lbl">First Doc</span>

CSS: Cross-Browser Gradient

Wednesday, April 14th, 2010
background: #999; /* for non-css3 browsers */

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#000000'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#000)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #ccc,  #000); /* for firefox 3.6+ */

Great simple tutorial about cross browser gradient

With RGBA for gradient

background: -webkit-gradient(
   left bottom,
   left top,
   color-stop(0, rgba(0,0,0,.5)),
   color-stop(.49, rgba(0,0,0,.5)),
   color-stop(.5, rgba(29,29,29,.5)),
   color-stop(1, rgba(59,49,49,.5)));

GWT: JsonpRequestBuilder No source code is available, did you forget to inherit a required module

Thursday, March 4th, 2010

To use the JsonpRequestBuilder, you need to inherit the following in your x.gwt.xml

<inherits name="" />

Javascript: Triggering a click event on a element

Saturday, February 27th, 2010

Sometime, the jQuery(“#xx”).click() does not work. So, here is a way to do it directly:

var e = document.createEvent('MouseEvents');
e.initMouseEvent("click", true, true, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);
var r = $("#myElement").get(0).dispatchEvent(e);

Obviously, you can use the document.getElementById(“myElement”) if you do not want any jQuery dependency.

Android: Take an android screenshot from a PC

Friday, February 12th, 2010
  1. Install Android SDK and Android Driver
  2. Set android USB mode to debug (Settings > Applications > Development > USB Debugging)
  3. Connect Android to PC with USB cable
  4. launch android-sdk-windowstoolsddms.bat
  5. Click on Device > Screen Capture (or Ctrl S)
Tutorial video (not sure why the driver need to be installed manually. I installed it normally and it worked)

Skype: Advanced Links & Callto apis

Saturday, August 15th, 2009
<a href="skype:echo123?call">Click</a>(make a call to echo123)

<a href="skype:echo123">Click</a>(default action - call)

<a href="skype:echo123?add">Click</a>(add echo123 to your contacts)

<a href="skype:+14035551111?call">SkypeOut call</a>

<a href="skype:user1?chat">Start a text chat with user1</a>

<a href="skype:user1;user2;user3?chat">(Start a multichat with 3 people)</a>

<a href="skype:user1;+14035551111?call">User and Phone conference</a>

<a href="skype:user1?userinfo">User Info</a>

<a href="skype:user1?sendfile">(Send a file to user1)</a>

Official Advanced Skype links docs

Freemarker: XML Xpath Expression

Tuesday, June 30th, 2009
[#list doc["book/chapter[title='Ch1']/para"] as p]

See XPath Freemarker doc for more info.

CMS: Drupal vs Joomla

Wednesday, October 1st, 2008

I will probably go with Drupal (seems more robust and complete).


Monday, April 8th, 2002