Holgers Blog » Javascript http://grosse-plankermann.com ... mal Bloggen ... Tue, 11 May 2010 06:38:30 +0000 http://wordpress.org/?v=2.9.2 en hourly 1 Frameworks and Building blocks in Javascript http://grosse-plankermann.com/2008/10/16/frameworks-and-building-blocks-in-javascript/ http://grosse-plankermann.com/2008/10/16/frameworks-and-building-blocks-in-javascript/#comments Thu, 16 Oct 2008 16:01:58 +0000 Holger http://grosse-plankermann.com/?p=18 Ich habe grad auf Ajaxian mal wieder was spannendes entdeckt.

Muss ich mir die Tage mal näher anschauen.

]]> http://grosse-plankermann.com/2008/10/16/frameworks-and-building-blocks-in-javascript/feed/ 0 Tooltip via jQuery http://grosse-plankermann.com/2008/06/27/tooltip-via-jquery/ http://grosse-plankermann.com/2008/06/27/tooltip-via-jquery/#comments Fri, 27 Jun 2008 09:15:38 +0000 Holger http://grosse-plankermann.com/2008/06/27/tooltip-via-jquery/ Nachdem ich bisher fast alle Tooltips mit Hilfe von Yahoo UI umgesetzt habe, muss ich mal das Folgende ausprobieren:

http://plugins.learningjquery.com/cluetip/

Auch das IE6 Bleed-Through-Problem dürfte damit umgangen werden.


]]> http://grosse-plankermann.com/2008/06/27/tooltip-via-jquery/feed/ 0 Mein erstes jQuery Plugin. http://grosse-plankermann.com/2008/05/16/mein-erstes-jquery-plugin/ http://grosse-plankermann.com/2008/05/16/mein-erstes-jquery-plugin/#comments Fri, 16 May 2008 17:42:08 +0000 Holger http://grosse-plankermann.com/2008/05/16/mein-erstes-jquery-plugin/ Ich mag jQuery! In vielen Software-Projekten, findet man einen Wildwuchs an selbstgestrickten JavaScript "Lösungen". Wenn man Probleme im Browser sauberer lösen möchte, so bietet sich jQuery, als einfaches aber auch mächtiges Werkzeug an. Ich habe es in einigen Projekten einsetzen können und es hat sich bisher immer bewährt. Aber das nur kurz zur Motivation. Im letzten Projekt hatte ich die Möglichkeit den Plugin Mechanismus, den jQuery bietet, sinnvoll einzusetzen. Wir hatten das Problem, das das
disabled Attribut für ein <a> nicht Browser Übergreifend konsistent dargestellt wird. Als Abhilfe habe ich jeweils zwei Varianten eines Links hinterlegt:
Einen normalen, aktiven Link Link und einen inaktiven Link
Der inactiveLink kann nun per css .inactiveLink{color:gray;} gefärbt werden.
Um nun nach gewissen Regeln einen Link aktiv zu schalten, müsste man sich ohne jQuery oder ohne jQuery Plugin entweder das gesuchte Element "merken" (Stichwort:Dreicktausch), oder es müssten Elemente on-the-fly erzeugt werden. Diese Lösungen fand ich nicht schön, sondern ich wollte eine Lösung der Form

PLAIN TEXT
JavaScript:
  1. <script type="text/javascript"><!--
  2. $(\\'.activeLink\\').swapElements(\\'.inActiveLink\\')
  3. // --></script>

Das hält das Markup sauber!
Folgender Link zeigt sehr schön, wie man so etwas anstellt. Die Kernfunktionalität bildet folgender Schnipsel:

PLAIN TEXT
JavaScript:
  1. $.fn.swapElements = function(options) {
  2. debug(this);
  3. var opts=options;
  4. // element to be swapped with
  5. $that=$(opts);
  6. debug($that);
  7. $that.show();
  8. return this.each(function() {
  9. $this = $(this);
  10. debug($this);
  11. // build element specific options
  12. $this.hide();
  13. });

Hier passiert nicht viel: Das erste Element wird ausgeblendet und das zweite wird ausgeblendet. (Hmmm ich glaube ich sehe da grad noch einen kleinen Bug ...)
Falls dies irgendwer nützlich findet, kann man das Plugin hier herunterladen.
Der letzte Trick besteht darin, das Plugin NACH der jQuery Bibliothek einzubinden.

Viel Spaß damit ;)

]]> http://grosse-plankermann.com/2008/05/16/mein-erstes-jquery-plugin/feed/ 1