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
Category: JavaScript
GET Variablen mit Javascript auslesen
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; }
Animierte Preloader
Wer mal auf die Schnelle ein animiertes GIF für zb. einen AJAX Preloader benötigt wird hier bestens bedient: http://preloaders.net/
JQuery Carousel TYPO3 Plugin
Ich habe das Agile Carousel jQuery Plugin in TYPO3 als Extension eingebunden. Konfiguriert wird das Plugin über eine einfache Flexform.
Dem Plugin wird der Pfad zu einem Verzeichnis übergeben in welchem sich Bilder, Flashfilme oder HTML Dateien befinden. Alle Einzelheiten gibts es hier zu lesen.
Download: agile_carousel-1_0_0.t3x ( Downloads)
jQuery Tablesorter
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.
Values aus <option> im IE mit Javascript auslesen
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);
}
Erstellen einer Tabelle mit dynamisch hervorgehobenen Spalten
Auf askthecssguy.com wird anhand einer Preisliste demonstriert wie man eine Tabelle mit hervorgehobenen Spalten erstellen kann.
In Kombination mit einem Formular finde ich das Ganze auch sehr interessant.
Dynamic Fontsize Switcher TYPO3 Extension
Ein kleiner Fontsize-Switcher der auf dem EfA fontsize–Script basiert.
Damit die Schriften auch in der Größe verändert werden können darf nicht mit harten Schriftgrößen (px,pt) im Stylesheet gearbeitet werden! Entweder gar keine angeben oder mit relativen Schriftgrößen (%,em) arbeiten da lediglich via Javascript eine relative Schriftgröße in das style-Attribut des Bodytags geschrieben wird.
Download der Extension
Downloads: