mathie's bits

If the data source is AJAX and the cell has JavaScript, the node is created and assigned directly via nTd.innerHTML=data so any JavaScript code inside the cell won’t get executed. To correct than you need the custom fnRender for that column.

<br /> fnRender: function (o) {<br /> var oTmp = document.createElement(“div”);<br /> oTmp.innerHTML = o.aData[5]; // just to let the browser parse HTML for me<br /> var aScripts = oTmp.getElementsByTagName(“script”);<br /> for (var i=0;i < aScripts.length;i++) { // similar to jQuery core: inject into head, then remove (avoid re-eval) jQuery.globalEval(aScripts[i].text || aScripts[i].textContent || aScripts[i].innerHTML || "" ); if (aScripts[i].parentNode) { aScripts[i].parentNode.removeChild(aScripts[i]); } } // rof return oTmp.innerHTML; }

$(document).ready(function(){
  $("input,textarea,select")
    .focus(function() {$(this).addClass("form-item-focus");})
    .blur(function() {$(this).removeClass("form-item-focus");});
});

Selectors are really powerful, but how to you know what/which elements were chosen? Use this statement
<br /> var str = $(e).parents(“form tr”).map(function() { return this.tagName; }).get().join(“, “);<br /> alert(str);<br />

For a jQuery newbie, I was unsure how to only select the TR’s of the main table and not TR’s within sub-tables. Tried this that (children(), siblings()) and a bunch of selectors and found out the easy way (‘#mytable > tbody > tr’) How easy! 🙂