DataTable jQuery Plugin - JavaScript inside a table cell

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. fnRender: function (o) { var oTmp = document.createElement("div"); oTmp.innerHTML = o.aData[5]; // just to let the browser parse HTML for me var aScripts = oTmp.getElementsByTagName("script"); 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; }

jQuery form item highlighting

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

Debugging jQuery selector

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

jQuery.com down or super slow

Anyone knows a downloadable documentation for jQuery. Their site is so slow that makes referencing impossible. This is an recurring issue that has happened for quite a few months. Is the traffic too much for them to handle?

jQuery not selecting nested elements

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! :)

Check username availability via AJAX with jQuery

HTML <input name="UserName" id="UserNameInputID" type="text" /> <span id="loading"><img src="loading.gif" alt="i" /> Checking...</span> JavaScript $("#loading").hide(); var orig=$("#loading").html(); $("#UserNameInputID").blur(function() { $("#loading").html(orig); $("#loading").show(); loadTextPage("loading","check.php?username="+$("#UserNameInputID").val()); }); /** load a text page into this div */ function loadTextPage($pDivID,$pURL) { $.ajax({ url:$pURL, dataType:'html', success:function (txt) { $('#'+$pDivID).html(txt); } }); Server-side check.php <?php if ($vAvailable) { echo 'Congrats! Your username is available'; } else { echo 'Sorry! Your username is not available'; } ?>

jQuery eq() typical mistake

With all the open/close quote, you might write this code:

var i = 123;
$(":checkbox:eq(i)").removeAttr("disabled");

Since the selector string is within the quotes, the correct statement should be:

$(":checkbox:eq("+i+")").removeAttr("disabled");