Last week I attended to the GitMerge Conference in Berlin. It was sponsored by GitHub and Google. On Saturday their was the hackathon day. I found somebody who want to contribute to the dependency wheel project. Many Thanks to Coding46 for his contributions!

The dependency wheel project is a JavaScript Library which enables you to draw a circle of dots and connect the dots according to his dependencies. Here is an example:

I integrated this library into the VersionEye project to display dependencies of Software Libraries. Some users complaint that they can’t see the direction of the dependency. In the graph above you can’t see if dom4j is requesting pull-parser or pull-parser is requesting dom4j.

At the GitMerge Hackathon we did some brainstorming how we could solve this problem. We decided to solve the problem with different color. If you go with the mouse cursor over a dot we highlight the outgoing dependencies with a violet color and the incoming dependencies with a green color. Here is an example.

In the graph above you can directly see the directions. Actionpack depends for example on activesupport, activemodel, builder, erubis, journey, rack, rack-cache, rack-test and sprockets. 2 other dependencies in the circle are depending on Actionpack. Actionmailer and railties are both depending on actionpack.

If you now move the curser to the actionmailer dot, the color of the connection to actionpack changes to green.

Again many Thanks to Coding46 for his contributions and his help. Without him this wouldn’t be done.

With this code you can fetch all parameters from the URL. The function will return a map with all key & value pairs.

function get_url_parameters(){
  query = window.location.search.substring(1)
  vars = query.split("&");
  hash = new Array()
  for (var i=0;i<vars.length;i++) {
    var pair = vars[i].split("=");
    hash[pair[0]] = pair[1]
  }
  return hash
}

I was the whole weekend on the jQuery conference in Mountain View by Microsoft. It was a nerdy weekend

I was suprised that Microsoft is hosting a conference like jQuery. But they do! Thank you! The Microsoft conference center is pretty cool. In the guarden there is beach volleyball place and a basketball place. The conference rooms are big and you have on every table power outlets for your Notebook.

It was funy to see so many MacBooks in a Microsoft building.

jQuery Conference

It was a good weekend. I meet some pretty smart guys and learned new stuff. It is always good to learn new stuff.

Das folgende JavaScript prüft beim verlassen eines Textfeldes, ob die Eingabe größer als 12 ist. Wenn das der Fall ist, dann wird das Textfeld auf 12 gesetzt.

function validateMonth(input){
  if (input.value > 12) {
    input.value = 12;
  }
}

aufgerufen wird das ganze wie folgt:

   <input type="text"   value=""   onblur="validateMonth(this)"   />

Das folgende JavaScript verhindert die Eingabe von Buchstaben und Sonderzahlen. Es lässt nur natürliche Zahlen als gültige Eingabe zu.

function isNumberKey(evt) {
  var charCode = (evt.which) ? evt.which : event.keyCode
  if (charCode > 31 &amp;&amp; (charCode < 48 || charCode > 57))
    return false;
  return true;
}

Es muss im onkeypress Attribut eines Textfeldes wie folgt aufgerufen werden:

  <input type="text"  value=""  onkeypress="return isNumberKey(event)"  />

Wenn es richtig eingebunden ist, dann nimmt das Textfeld nur natürliche Zahlen als Eingabe an. Andere Eingaben werden einfach ignoriert.

Das folgende JavaScript iteriert über alle checkboxen in einem Formular und deselektiert jedes einzelne von ihnen.

function uncheckAll(){
  for (i = 0; i < document.FormName.elements.length; i++){
    if ( document.FormName.elements[i].type = "checkbox" ){
      document.FormName.elements[i].checked = false;
    }
  }
}

Das entsprechende Formular in dem die Checkboxen liegen, sollte mit der ID “FormName” markiert sein. Wenn das Formular eine andere ID hat, dann muss dementsprechend die Funktion angepasst werden.

Das folgende Script iteriert über alle Formulare eines Dokumentes und über alle Checkboxen im jeweiligen Formular. Mit anderen Worten: Alle Checkboxen auf der Seite werden deselektiert.

function uncheckAll() {
  for (z = 0 ; z < document.forms.length; z++){
    for (i = 0 ; i < document.forms[z].elements.length; i++) {
      if ( document.forms[z].elements[i].type == "checkbox" ){
        document.forms[z].elements[i].checked = false;
      }
    }
  }
}