Category: JavaScript

Der Eine oder Andere wird sicherlich schon einmal auf das Problem gestossen sein. jQuery und Prototype oder auch Motools laufen zusammen einfach nicht da Funktionen den selben Namen verwenden. Hier wird beschrieben wie es funktioniert: http://docs.jquery.com/Using_jQuery_with_Other_Libraries

  function get_GET_params() {
     var GET = new Array();
     if(location.search.length > 0) {
        var get_param_str = location.search.substring(1, location.search.length);
        var get_params = get_param_str.split("&");
        for(i = 0; i < get_params.length; i++) {
           var key_value = get_params[i].split("=");
           if(key_value.length == 2) {
              var key = key_value[0];
              var value = key_value[1];
              GET[key] = value;
           }
        }
     }
     return(GET);
  }
   
  function get_GET_param(key) {
     var get_params = get_GET_params();
     if(get_params[key])
        return(get_params[key]);
     else
        return false;
  }

Ich habe mich heute mal etwas mit jQuery beschäftigt und bin dabei auf ein cooles jQuery Plugin gestoßen. Mit dem Tablesorter Script kann man ohne das man den HTML Code der Tabelle (mal abgesehen von einem ID Attribut) anpassen muss die Inhalte der Spalten sortieren. Dabei ist es auch ziemlich egal was für Inhalte dies sind, Tablesorter erkennt alleine um welche Datentypen es sich handelt und so sind die meisten Typen vordefiniert (Zahlen, Datum/Uhrzeit, IP-Adressen…) und von Haus aus sortierbar.

Das Ganz gefällt mir richtig gut da man so schon beim Programmieren Arbeit spart und die Seite (anders wie bei reinen PHP Sortierfunktionen) nicht bei jeder Sortierung erst wieder neu geladen werden muss. Das Layout der Tabelle basiert auf CSS und das Demo bringt auch gleich 2 schicke Themes mit.

Klingt easy, ist es aber nicht unbedingt. Am Ende dann doch wenn man weiß wie.

Das der IE ein Problem mit onClick, onChange … im Option-Tag hat ist allgemein bekannt und ich schreibe dies hier eigentlich auch nur nieder (wie so viele andere Sachen auch) da ich es ganz sicher irgendwann wieder brauchen werde:

<select onchange="getVal(this.value)">
 <option value="10,00">10,00</option>
 <option value="20,00">20,00</option>
</select>

function getVal(value){
 alert(value);
}