Та ТУК има малко демо и малко jQuery плъгинче дето решава проблема. Използването е доста просто – на document.ready трябва да се селектират по някакъв начин label таговете, които имат линкове в тях и да се извика .labelClickFix(). Дали ще бъде с някакъв клас или примерно с $(“label:contains(‘a’)”) няма никакво значение. За повече информация може да погледнете кода на примерната страница.

Дано е полезно за някой.

that.add(this);

Доволно горд съм

А нещата се стекоха така понеже имах следната конструкция:

Someobject.prototype.method = function(objref) {
  var that = this; // ще ни трябва малко по-надолу за да достигнем
                   // останалите пропъртита и методи на обекта Someobject

  $.each(objref, function(){ // jQuery итератора за обекти
    that.add(this);  // малко е объркващо, но в този контекст this е текущия обект от итератора,
                     // a add e метод на Someobject
  });
}

Е разбира функцията за $.each можеше да се напише и по друг начин:

  $.each(objref, function(i, item) {
    that.add(item);
  });

Ама нямаше да е толкова файско.

http://www.quirksmode.org също показва предупреждения а и авторът му е направил подробна обяснителна страница.

И един пост на Douglas Crockford по темата.

Дано всичко това ускори поне малко процеса по изчезването IE6

Инсталирайте GreaseMonkey от ТУК. И след това щтракнете ТУК, за да инсталирате скрипта.

Това работи само за хората ползващи FireFox, естествено

Ако тия 600 пиксела, които съм определил за граница ПрекаленоДълъгКоментар ви се вижда много, малко или просто числото не ви кефи – може да редактирате скрипта и да си напишете каквото ви душа иска. Просто променете този ред:

var asLimit = 600; // height limit in pixels


  var arr = new Array;
  for (var a in arr) {
    // стават разни неща тука
  }

По принцип, тъй като имаме празен array, не би трябвало да се влезе във for цикъла. И през ум не ми минаваше идеята, че може да се получава нещо различно. Оооооообаче… на сайта се ползва prototype.js, който екстендва Array обекта с разни допълнителни методи и на практика цикъла се завърта за всеки добавен от prototype метод/пропърти. И при все че arr.length си е 0.

Извода мисля е ясен.

Освен това симулира hover ефект на редовете с постове.

Скрипта е ТУК (трябва да има инсталиран GreaseMonkey и естествено – Firefox).

Ето скрийншот и линк към темата в KVR.

Малко ровене и ето решението (просто изпускаме prototype):

  Math.roundAsMoney = function(v) {
    var r = (parseInt (v * 100) / 100) + ""; // закръгляме до два знака след запетаята
    if (r.indexOf(".") < 0) // ако няма нищо след запетаята
      return r + ".00"; // добавяме ".00"
    else
      // ако след запетаята е само една цифра - добавяме една нула накрая, иначе връщаме r
      return r.split(".")[1].length < 2 ? r + "0" : r;
  }

Не съм много убеден доколко тоя split на края е оптимален, но върши работа.

А самото извикване става като останалите Math функции. Примерно Math.roundAsMoney (1220.23123) – връща 1220.23.

Дано това е полезно на някой.

Closures

Тук са разяснени доста подробно. Аз само ще се опитам да ги обясня с няколко мои думи.
Нека вземем следния пример:

  var foo = "foooo";
  setTimeout (function(){
    alert (foo); // "foooo"
  }, 100);
  

При изпълнението на анонимната функцията в setTimeout тя има достъп до всички променливи в контекста на обявяването и. Това е нещо изключително полезно, и спестяващо доста код, особено при закачане на различни събития.
Тук обаче има една важна подробност - да вземем следния пример ползващ jQuery, да прихване click събитие на различни елементи с id от ID0 до ID3 и да покаже съответният текст от arrayText:

  var arrayText = ["text0", "text1", "text2", "text3"];
  for (var i=0; i < arrayText.length; i++) {
    $("#ID" + i).click(function(){
      alert (someArray[i]) // undefined
    });
  };

Проблема идва от това, че (с най-прости думи) в момента в който се изпълни click събитието стойността на i е вече 4.
Естествено, ние не се отчайваме защото има сравнително лесно решение:

  var arrayText = ["text0", "text1", "text2", "text3"];
  for (var i=0; i < arrayText.length; i++) {
    (function(){
      var text = arrayText[i];
      $("#ID" + i).click(function(){
        alert (text) // правилният текст е тук
      });
    })();
  };

Така затворихме критичните обръщения към променливи в анонимна функция, която запазва правилния контекст. Готино.

LowPro & liveQuery

LowPro и liveQuery са два изключително полезни плъгина за jQuery, когато се налага голямо количество генериране на DOM елементи и обработка на събития. Нека илюстрираме:

  myHandler = $.klass({ // дефинираме LowPro handler
    onclick: function (e) {
      return confirm ("Are you sure?");
    }
  });

  $("a").attach(myHandler); // прикачване на по-горе дефинирания код за всички A тагове на страницата

Нищо особено на пръв поглед. Но... LowPro автоматично следи за наличието на liveQuery и горния код ще се изпълнява и за всички динамично добавени A тагове. Готино. Няма повече да се следи пристигналият с ajax html от сървъра и да му се прикачат на ново събитията. А и кода е прилично отделен и лесен за доработка и ползване.

Google Maps API

Въпреки, че API-то е прекрасно направено, ми се стори че има някои странни неща. Например GMarkerManager.removeMarker(marker) само скрива дадения маркер, а не го маха от DOM-а и от markerManager-a. Странно.
Освен това си мисля, че щеше да е добре на GMap2.panTo(), да може да му се закача един callback, изпълняващ се след като картата се е преместила до желаната позиция.

Малко ми се наложи и да разширя GMarker обекта, но това става лесно:

  GMarker.prototype.setMyProperty = function (newValue) {
    this.myProperty = newValue;
  }
  GMarker.prototype.getMyProperty = function () {
    return this.myProperty;
  }

Готино. OOP в действие

И още...

Пишете четлив код. Дори когато бързате адски. Струва си всяка отделена секунда.
А за коментарите си знаете
И още нещо - ако една функция е по-дълга от екрана и се налага да скролиратe за да видите началото и края - значи нещо не е наред

Освен това jQuery-то вече не се зарежда по стандартния за WordPress начин. Пичовете са решили да го зареждат така, че да се запази $ като променлива свободна за по-добра съвместимост с други библиотеки. Ама мен така не ме кефи, щото някои не добре написани jQuery плъгини не работят.  А и според мен линковете за скриптове трябва да са на дъното на страницата.

Накрая остана да накарам в селектора за класове на linк едитора на TinyMCE-то да излиза и клас “thickbox” – за да не си играя да редактирам хтмл-то на ръка. Е това вече ме подлуди. След сума ти и ровене както в гуглата, така и в кода на tinyMCE-то се оказа, че ключа за палатката е в \wp-includes\js\tinymce\wordpress.css. Просто класа се добавя там и едитора сам се грижи да си го зареди в дроп-дауните.

Баси… стана 3 сабахля докато се занимавам с тия глупости.

Вчера загубих близо един час от живота си само заради <span/> вместо </span>.
Ефекта беше, че IE7 рендваше безумно част от html пристигащ с ajax заявка.