CAIH.org » Open Source Software

CSS3 the easy way

César Izurieta — Thu, 29 Jul 2010 17:18:53 +0000

I just found out about PIE.htc, a javascript behavior file for IE that enables a lot of CSS3 on IE6+. I though of integrating it with my own css3hacks library to do all the work for ie. So today I just commited the library to google code. It is really simple to use. Just add a javascript file to your html:

Then write normal css3 like:

#my-box {
border-radius: 5px;
}

This will enable rounded borders on all browsers I could test: IE6, IE7, Firefox 3, 4, Chrome, Chromium, Opera various versions. Right now it supports just border-radius-* and variable definitions but I’m planning on adding support for more css3 rules in the future. You’re welcome to give suggestions, report problems or contribute code

No related posts.

Notifiy in the App Store

César Izurieta — Wed, 16 Jun 2010 15:02:11 +0000

Home screen for the Notifiy application.

If you want to get notifications of changes in google wave in your iPhone, iPad or iPod touch check out the Notifiy app at the App Store.

MS Office 2007 on Ubuntu 9.10 using wine

César Izurieta — Sun, 11 Apr 2010 15:05:52 +0000

For those of you that *REALLY* need MS Office and Open Office is not enough, then install wine just run this two commands on a terminal:

wget http://www.kegel.com/wine/winetricks
sh winetricks msxml3 dotnet20 gdiplus riched20 riched30\
vcrun2005sp1 allfonts wsh56js

And then install using your installation CD.

UPDATE: If you are using a non-english locale the second command has to be:

LANG="en_US.UTF-8" sh winetricks msxml3 dotnet20 gdiplus riched20\
riched30 vcrun2005sp1 allfonts wsh56js

No related posts.

Google Wave Notifications in your iPhone

César Izurieta — Mon, 14 Dec 2009 00:31:52 +0000

Wave Notifications on the iPhone

I have some news about the Notifiy robot (wave-email-notifications@googlewave.com). It can now send notifications to your iPhone when a wave is updated. The application will be available at the App Store very soon.

Google Wave Email Notifications

César Izurieta — Mon, 12 Oct 2009 17:02:03 +0000

I just created a google wave robot that sends email notifications when a wave is updated. To try it out just add: wave-email-notifications@appspot.com to the wave and that’s it. It’s currently in a beta stage so there are no guarantees. Visit the project home page at:

http://wave-email-notifications.googlecode.com/

Tri-state checkbox in JavaScript

César Izurieta — Fri, 11 Sep 2009 00:52:28 +0000

I found myself needing to implement a tri-state checkbox in javascript. A checkbox has initially 2 states: on or off. From the html perspective if the checkbox is checked then the value is submitted, if it is not then the value is not submitted. From the javascript perspective you can use:

if (checkbox.checked) {
alert("This checkbox is checked");
}

Some times a true or false is not enough. Other development platforms have tri-state checkboxes that can have either a true, false or null value. The following snippet adds a “greyable” functionality to checkboxes:

Element.addMethods("INPUT", (function() {
var changeHandler = function(e) {
if (this.greyed || this.checked) {
this.setGreyed(!this.greyed);
if (!this.greyed) {
this.checked = true;
}
}
};

function setGreyed(checkbox, greyed) {
checkbox.greyed = typeof greyed == "undefined" ? true : !!greyed;
checkbox.setOpacity(checkbox.greyed ? 0.33 : 1);
if (checkbox.greyed) {
checkbox.checked = checkbox.greyedState;
}
}

function setGreyable(element, enable) {
if (!(element = $(element))) return;

if (!(/checkbox|radiobutton/i.test(element.type))) {
return;
}

if (typeof element.greyedState == "undefined" || enable) {
element.observe("change", changeHandler);
element.setGreyState(false);
element.setGreyed(false);
} else {
element.stopObserving("change", changeHandler);
element.setGreyed(false);
element.checked = element.greyedState;
element.greyedState = undefined;
element.greyed = undefined;
}
}

function setGreyState(element, greyedState) {
if (!(element = $(element))) return;

if (!(/checkbox|radiobutton/i.test(element.type))) {
return;
}

element.greyedState = typeof greyedState == "undefined" ? true :
!!greyedState;
}

return {
setGreyed: setGreyed,
setGreyable: setGreyable,
setGreyState: setGreyState
}
})());

This currently requires prototypejs but could be easily modified to not depend on it. To enable it on some element do something like this:

checkbox.setGreyable();

To check if it is greyed or not:

if (checkbox.greyed) {
alert("This checkbox is greyed");
}

You can also change the state of the checkbox when it is greyed. To set this use the following:

checkbox.setGreyState(true);

The parameter indicates whether the checkbox is checked when grey. Clicking on the checkbox (or changing the state by keyboard) loops through 3 states: checked, not checked and greyed.

No related posts.

Checking for updates in subversion

César Izurieta — Mon, 17 Aug 2009 19:04:44 +0000

If you are constantly running “svn up” or “svn status -u” or maybe “svn log -rBASE:HEAD” then you might find this piece of code useful:

#!/bin/sh

dir="$1"

cd $dir

updated=`svn st -u | grep '*'`

if [ "$updated" ]; then
notify-send SVN "$updated"
fi

What id does is check for updates in subversion and if it finds any then shows a notification using notify-send. Tested on openSUSE 11.1 with subversion 1.6. Add a crontab entry and you are done.

No related posts.

Google Wave

César Izurieta — Sat, 08 Aug 2009 23:03:51 +0000

Google Wave Developer Preview at Google I/O 2009

After watching this video many ideas came to my mind! I’ve always wanted to have some sort of a system where you could collaboratively construct stories, movie scripts, etc. When I get my hands on an invitation for wave that’s the first thing I’m going to do. Would make celtx look so old fashioned!

B# tree and Array intersection in javascript

César Izurieta — Wed, 20 May 2009 23:16:16 +0000

I was in need for a solution to search a very large set of data in a javascript application. I thought of a b+ tree. Looking for a javascript implementation of it, google didn’t help much. So, I just gave up and decided to implement it myself. This is the result: not really a B+ tree but a variation that works better in this case. I call it a B# tree. It depends on the prototype framework but I’m planning on making some changes to it so it would work stand-alone.

It contains a very efficient intersect method. To use it just do something like this:

var bst = new BSharpTree();

bst.add("some string", "my object");
bst.add("some other string", "other object");
bst.add("last string", "last object");

bst.search("string"); // returns ["my object", "other object", "last object"]
bst.search("some string"); // returns ["my object", "other object"]

You can set any object as the second parameter to the BSharpTree#add method but then you might need to pass a comparator function to the BSharpTree constructor. Use it as you may see fit!

No related posts.

Loading javascript: execScript and testing

César Izurieta — Thu, 14 May 2009 12:14:33 +0000

After a lot of time of searching what is the best way to synchronously load javascript from javascript I finally found a way to do it that works in almost any browser. The hardest part of it all is not loading and eval’ing the script, but allowing the script to set new variables in the global scope.

if (window.execScript) {
window.execScript(contents);
} else {
with (window) {
window.eval(contents);
}
}

This is what I’m finally using on my open source modular javascript project. To test it out I also found this website very useful. What I did was to create a test page that loaded a script, declared some global variables in different ways:

var someVariable = true;
someVariableWithoutVar = true;
eval("var someVariableWithEval = true");
eval("someVariableWithEvalWithoutVar = true");

Then loaded the website through browsershots and the results came in a few minutes. The tests passed on a lot of browsers including all versions I could test of Firefox, Opera, MSIE, Safari, with some minor exceptions: Safari 3.2.1 on Windows XP and OS X 10.5, Opera 7.54 on Windows XP, Konqueror 4.2 on Ubuntu 9.04.

The case with Safari 3.2.1 is that it cannot set global variables declared with var inside a eval’ed script. There’s a newer 3.2.3 version that I would like to test on to see if there is any difference. As for Opera, it’s an old version that nobody is probably using anymore. But for Konqueror I really don’t know the source of the error.

Take the test yourself. If you would like to see how the tests were done take a look at the sources here.

Update: The test suite now passes in almost every browser with the exception of some older versions of opera .

Tri-state checkbox in JavaScript