Archive for category JS/CSS

Multiple tier / dimension array in javascript

It is possible to define a multiple tier javascript array  that each “member”can contain more primitive data types or array object,  below example shows 3 tier array.

  • Top tier holds array object, eg:  new Array(“002”,new Array(“BB1”,“BB2”))
  •  Second tier array holds two dimension data: a string type “002”, and another array object new Array(“BB1″,”BB2”)
  • Third tier holds multiple dimension data: “BB1″,”BB2”

<scripttype=”text/javascript”>

var array_demo = new Array( new Array(“001”,new Array(“AA1”))  ,   new Array(“002”,new Array(“BB1”,“BB2”))   ,   new Array(“003”,new Array(“CC1”,“CC2”,“CC3”))    );

</script>

Leave a comment

use Colobox with ASP.NET Ajax

 Colorbox is built on Jquery library,  by default, the colorbox link only works when the first time it loads or postback etc.  However ASP.NET Ajax is partial postback,  so after ajax update you may find colobox are not working any more.

Below post describes the problem on Jquery with Ajax update panel and provide a good solution

http://www.dotnetfunda.com/articles/article471-jquery-and-aspnet-ajax-updatepanel-.aspx

It can be used on colorbox as well, open jquery.colorbox.js  and add a function “pageLoad” ,and copy the content from “$(document).ready(function(){” to “pageLoad”

$(document).ready(function(){
     $(“.example7″).colorbox({width:”80%”, height:”80%”, iframe:true});
});
 
function pageLoad(sender,args){

if (args.get_isPartialLoad())

   {
       $(“.example7″).colorbox({width:”80%”, height:”80%”, iframe:true});

   }

}

   



 

,

Leave a comment

script.aculo.us – userful Javascript library

http://script.aculo.us/

Nice page effect.

Leave a comment

40+ Tooltips Scripts With AJAX, JavaScript & CSS

Some nice JS&CSS tooltips

http://www.smashingmagazine.com/2007/06/12/tooltips-scripts-ajax-javascript-css-dhtml/

Leave a comment