Client side paging with JSON.
Nowadays I am getting enthusiased on writing coding for the web applications because of the newly introduced Data Format JSON. JSON is Javascript Object Notation is a lightweight data-interchange format. It is introduced by Douglas Cockford of Yahoo. Till now many applications using data exchange format through XML. But in terms of efficiency and coding to traverse XML nodes are not so easy (atleast for me). In xml there are attributes, nodes, parents,child,grandchild etc....so if the young programmers come to xml programming they may not like understanding relationship of these.
I am not going to write much about JSON. you can see http://json.org for more details.
what i am going to write is, how good it is writing code for Client side with JSON data. Here i am going to write a Client Side paging with JSON data.
Case Study:
I have a website (http://techtamil.in) which fetches data from blogs along with the tags from the posts. I have all the tables in my server along with the posts->tag links. Now I want to generate tag Cloud for each blog. But found if the tags are more than 50(not exact) then CPU utilization of generating Clientside code is sometimes 100%. I want to avoid this CPU utilization. If we split the tagcloud by pages then this can be avoided.
How we can solve?
Since the loading of JSON data from server not taking much time due to its text based data. We have to write javascript code to generate split the object. I am lazy to explain all these codes hereafter.
This work is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 License.
JSON DATA:
Nowadays I am getting enthusiased on writing coding for the web applications because of the newly introduced Data Format JSON. JSON is Javascript Object Notation is a lightweight data-interchange format. It is introduced by Douglas Cockford of Yahoo. Till now many applications using data exchange format through XML. But in terms of efficiency and coding to traverse XML nodes are not so easy (atleast for me). In xml there are attributes, nodes, parents,child,grandchild etc....so if the young programmers come to xml programming they may not like understanding relationship of these.
I am not going to write much about JSON. you can see http://json.org for more details.
what i am going to write is, how good it is writing code for Client side with JSON data. Here i am going to write a Client Side paging with JSON data.
Case Study:
I have a website (http://techtamil.in) which fetches data from blogs along with the tags from the posts. I have all the tables in my server along with the posts->tag links. Now I want to generate tag Cloud for each blog. But found if the tags are more than 50(not exact) then CPU utilization of generating Clientside code is sometimes 100%. I want to avoid this CPU utilization. If we split the tagcloud by pages then this can be avoided.
How we can solve?
Since the loading of JSON data from server not taking much time due to its text based data. We have to write javascript code to generate split the object. I am lazy to explain all these codes hereafter.
DEMO/OUTPUT:
For a complete demo or online version please visit http://techtamil.in/tagcloud
LICENCE:
This work is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 License.
JSON DATA:
if(typeof Cloud=="undefined")Cloud={};JAVASCRIPT:
Cloud="{\"clouds\":[{\"t\":\"சென்னை\",\"c\":26,\"p\":78},{\"t\":\"ட்ரில்லியனர்\",\"c\":1,\"p\":70},{\"t\":\"காஷ்மீர் பிரச்சினை\",\"c\":2,\"p\":70},{\"t\":\"குறும்படம்\",\"c\":1,\"p\":70},{\"t\":\"விமானப்பணிப்பெண்\",\"c\":1,\"p\":70},{\"t\":\"தகவல்\",\"c\":26,\"p\":78},{\"t\":\"Narcotics\",\"c\":1,\"p\":70},{\"t\":\"ஊடகம்\",\"c\":16,\"p\":75},{\"t\":\"வலைப்பதிவர்\",\"c\":2,\"p\":70},{\"t\":\"விவாகரத்து\",\"c\":2,\"p\":70},{\"t\":\"ஆஸ்திரேலியா\",\"c\":4,\"p\":71},{\"t\":\"தட்ஸ்தமிழ்\",\"c\":3,\"p\":70},{\"t\":\"சானியா\",\"c\":2,\"p\":70},{\"t\":\"டெல்லி\",\"c\":1,\"p\":70},{\"t\":\"ஹாலிவுட்\",\"c\":2,\"p\":70},{\"t\":\"பிரபலங்கள்\",\"c\":2,\"p\":70},{\"t\":\"வானிலை\",\"c\":8,\"p\":72},{\"t\":\"Links\",\"c\":1,\"p\":70},{\"t\":\"பொருளாதாரம்\",\"c\":54,\"p\":87},{\"t\":\"மும்பை\",\"c\":1,\"p\":70},{\"t\":\"பொதுவானவை\",\"c\":1,\"p\":70},{\"t\":\"ஜெத்தா\",\"c\":1,\"p\":70},{\"t\":\"கிரிக்கெட்\",\"c\":73,\"p\":94},{\"t\":\"சுற்றுச்சூழல்\",\"c\":13,\"p\":74},{\"t\":\"ஆளுமை\",\"c\":15,\"p\":74},{\"t\":\"இயற்கை சீற்றம்\",\"c\":4,\"p\":71},{\"t\":\"அமிதாப்\",\"c\":1,\"p\":70},{\"t\":\"விமானம்\",\"c\":15,\"p\":74},{\"t\":\"பிரிட்டிஷ்\",\"c\":1,\"p\":70},{\"t\":\"தொழில்\",\"c\":6,\"p\":71},{\"t\":\"காந்தி விருது\",\"c\":1,\"p\":70},{\"t\":\"Northern Ireland\",\"c\":1,\"p\":70},{\"t\":\"உலகசினிமா\",\"c\":1,\"p\":70},{\"t\":\"அரவானிகள்\",\"c\":1,\"p\":70},{\"t\":\"திராவிட்\",\"c\":2,\"p\":70},{\"t\":\"பேரரசு\",\"c\":1,\"p\":70},{\"t\":\"தற்கொலை\",\"c\":2,\"p\":70},{\"t\":\"ராஜஸ்தான்\",\"c\":6,\"p\":71},{\"t\":\"இலங்கை\",\"c\":13,\"p\":74},{\"t\":\"பஹ்ரைன்\",\"c\":1,\"p\":70},{\"t\":\"கிளர்ச்சி\",\"c\":10,\"p\":73},{\"t\":\"விவசாய நிலம்\",\"c\":1,\"p\":70},{\"t\":\"கார்பந்தயம்\",\"c\":1,\"p\":70},{\"t\":\"நூல்கள்\",\"c\":1,\"p\":70},{\"t\":\"சாதனை\",\"c\":18,\"p\":75},{\"t\":\"மரணம்\",\"c\":33,\"p\":80},{\"t\":\"சமூகம்\",\"c\":127,\"p\":112},{\"t\":\"இந்தோனேஷியா\",\"c\":1,\"p\":70},{\"t\":\"*சற்றுமுன்\",\"c\":5,\"p\":71},{\"t\":\"பி.ஜே.பி\",\"c\":3,\"p\":70},{\"t\":\"சாதனைகள்\",\"c\":1,\"p\":70},{\"t\":\"முஸ்லிம்\",\"c\":1,\"p\":70},{\"t\":\"2006 top ten tamil songs\",\"c\":1,\"p\":70},{\"t\":\"ஒலிம்பிக்\",\"c\":2,\"p\":70},{\"t\":\"நக்சலைட்\",\"c\":1,\"p\":70},{\"t\":\"OIC\",\"c\":1,\"p\":70},{\"t\":\"திருட்டு\",\"c\":3,\"p\":70},{\"t\":\"நட்புறவு\",\"c\":2,\"p\":70},{\"t\":\"கொட்ரொக்கி\",\"c\":1,\"p\":70},{\"t\":\"ஆப்பிரிக்கா\",\"c\":6,\"p\":71},{\"t\":\"தொழில்நுட்பம்\",\"c\":10,\"p\":73},{\"t\":\"நீதிமன்ற அவமதிப்பு\",\"c\":1,\"p\":70},{\"t\":\"கணினி\",\"c\":1,\"p\":70},{\"t\":\"உலகச் செய்திகள்\",\"c\":1,\"p\":70},{\"t\":\"இடைக்காலத் தடை\",\"c\":4,\"p\":71},{\"t\":\"IRA\",\"c\":1,\"p\":70},{\"t\":\"ரயில்\",\"c\":4,\"p\":71},{\"t\":\"உடல்நலம்\",\"c\":6,\"p\":71},{\"t\":\"குண்டுவெடிப்பு\",\"c\":5,\"p\":71},{\"t\":\"World\",\"c\":4,\"p\":71},{\"t\":\"கருணாநிதி\",\"c\":8,\"p\":72},{\"t\":\"இந்தியா இலங்கை\",\"c\":1,\"p\":70},{\"t\":\"பாகிஸ்தான்\",\"c\":6,\"p\":71},{\"t\":\"பவர்ப்ளே\",\"c\":1,\"p\":70},{\"t\":\"மருத்துவக்காப்பீடு\",\"c\":1,\"p\":70},{\"t\":\"அறிவிப்பு\",\"c\":30,\"p\":79},{\"t\":\"NRI\",\"c\":1,\"p\":70},{\"t\":\"காஷ்மிர்\",\"c\":3,\"p\":70},{\"t\":\"IIT\",\"c\":1,\"p\":70},{\"t\":\"வீட்டோ\",\"c\":1,\"p\":70},{\"t\":\"உ. கோப்பை07\",\"c\":11,\"p\":73},{\"t\":\"பண்டிகைகள்\",\"c\":3,\"p\":70},{\"t\":\"மலைப்பிரதேசம்\",\"c\":1,\"p\":70},{\"t\":\"பந்த்\",\"c\":1,\"p\":70},{\"t\":\"கொலைகள்\",\"c\":1,\"p\":70},{\"t\":\"செயல்வழி கற்றல்\",\"c\":1,\"p\":70},{\"t\":\"குவஹாத்தி\",\"c\":1,\"p\":70},{\"t\":\"சிந்திக்க\",\"c\":1,\"p\":70},{\"t\":\"மது\",\"c\":1,\"p\":70},{\"t\":\"டோனி\",\"c\":1,\"p\":70},{\"t\":\"திரைப்பாடல்\",\"c\":1,\"p\":70},{\"t\":\"அமீரகம்\",\"c\":10,\"p\":73},{\"t\":\"சென்னையர்\",\"c\":1,\"p\":70},{\"t\":\"கஸ்டம்ஸ்\",\"c\":1,\"p\":70},{\"t\":\"தேர்தல்முடிவு\",\"c\":13,\"p\":74},{\"t\":\"சினிமா\",\"c\":65,\"p\":91},{\"t\":\"மாநிலங்களவை\",\"c\":3,\"p\":70},{\"t\":\"ஐ.நா\",\"c\":3,\"p\":70},{\"t\":\"UK\",\"c\":2,\"p\":70},{\"t\":\"தலைவர்கள் மறைவு\",\"c\":1,\"p\":70},{\"t\":\"பொடாதீர்ப்பு\",\"c\":1,\"p\":70},{\"t\":\"குழந்தைகள்\",\"c\":6,\"p\":71},{\"t\":\"பெண்கள்\",\"c\":22,\"p\":77},{\"t\":\"பிற மதம்\",\"c\":2,\"p\":70},{\"t\":\"சாதிவெறி\",\"c\":1,\"p\":70},{\"t\":\"ஆள் கடத்தல்\",\"c\":2,\"p\":70},{\"t\":\"உசநீதிமன்றம்\",\"c\":1,\"p\":70},{\"t\":\"உத்தரகாண்ட்\",\"c\":1,\"p\":70},{\"t\":\"FAQ\",\"c\":1,\"p\":70},{\"t\":\"பா ஜ க\",\"c\":2,\"p\":70},{\"t\":\"சர்ச்சை\",\"c\":41,\"p\":83},{\"t\":\"மொழித்தகராறு\",\"c\":1,\"p\":70},{\"t\":\"பீகார்\",\"c\":1,\"p\":70},{\"t\":\"வரலாறுகள்\",\"c\":1,\"p\":70},{\"t\":\"தொலைபேசி\",\"c\":4,\"p\":71},{\"t\":\"விமான நிலையம்\",\"c\":1,\"p\":70},{\"t\":\"வேலைநிறுத்தம்\",\"c\":2,\"p\":70},{\"t\":\"இடைத்தேர்தல்\",\"c\":10,\"p\":73},{\"t\":\"போக்குவரத்து\",\"c\":1,\"p\":70},{\"t\":\"தீவிபத்து\",\"c\":5,\"p\":71},{\"t\":\"அர்ஜுன் சிங்\",\"c\":1,\"p\":70},{\"t\":\"முதியவர்\",\"c\":1,\"p\":70},{\"t\":\"ரயில்வே\",\"c\":7,\"p\":72},{\"t\":\"கலவரம்\",\"c\":3,\"p\":70},{\"t\":\"இந்திய இசை\",\"c\":1,\"p\":70},{\"t\":\"சட்டசபை\",\"c\":1,\"p\":70},{\"t\":\"செய்திகள் \",\"c\":1,\"p\":70},{\"t\":\"கால்பந்து\",\"c\":1,\"p\":70},{\"t\":\"exclusive\",\"c\":4,\"p\":71},{\"t\":\"நாட்டுடமை\",\"c\":1,\"p\":70},{\"t\":\"பொது\",\"c\":30,\"p\":79},{\"t\":\"இறப்பு\",\"c\":2,\"p\":70},{\"t\":\"lotto\",\"c\":1,\"p\":70},{\"t\":\"ஆன்மீகம்\",\"c\":30,\"p\":79},{\"t\":\"கலை\",\"c\":10,\"p\":73},{\"t\":\"கவுன்சலிங்\",\"c\":1,\"p\":70},{\"t\":\"இராக்\",\"c\":2,\"p\":70},{\"t\":\"அம்னெஸ்டி\",\"c\":1,\"p\":70},{\"t\":\"போஸ்டர்\",\"c\":1,\"p\":70},{\"t\":\"பங்குமார்க்கட்\",\"c\":7,\"p\":72},{\"t\":\"சிரியுங்கள்\",\"c\":1,\"p\":70},{\"t\":\"ஜெயலலிதா\",\"c\":2,\"p\":70},{\"t\":\"நகை\",\"c\":1,\"p\":70},{\"t\":\"இராஜஸ்தான்\",\"c\":1,\"p\":70},{\"t\":\"எல்லைத் தகராறு\",\"c\":2,\"p\":70},{\"t\":\"பணம்\",\"c\":1,\"p\":70},{\"t\":\"இணையம்\",\"c\":16,\"p\":75},{\"t\":\"சுற்றுலா\",\"c\":5,\"p\":71},{\"t\":\"அமெரிக்கா\",\"c\":47,\"p\":85},{\"t\":\"ஃபிரெஞ்ச் ஓபன்\",\"c\":3,\"p\":70},{\"t\":\"வாடகைவண்டி\",\"c\":1,\"p\":70},{\"t\":\"Satrumun\",\"c\":1,\"p\":70},{\"t\":\"மதுரை\",\"c\":2,\"p\":70},{\"t\":\"காங்கிரஸ்\",\"c\":2,\"p\":70},{\"t\":\"பொருளாதார மண்டலம்\",\"c\":1,\"p\":70},{\"t\":\"அறிவியல் \",\"c\":23,\"p\":77},{\"t\":\"வாகனங்கள்\",\"c\":1,\"p\":70},{\"t\":\"அம்பானி\",\"c\":1,\"p\":70},{\"t\":\"சற்றுமுன்\",\"c\":10,\"p\":73},{\"t\":\"டென்னிஸ்\",\"c\":12,\"p\":73},{\"t\":\"9th World Cup\",\"c\":16,\"p\":75},{\"t\":\"மாயாவாதி\",\"c\":2,\"p\":70},{\"t\":\"தொலைக்காட்சி\",\"c\":8,\"p\":72},{\"t\":\"அ தி மு க\",\"c\":2,\"p\":70},{\"t\":\"முதல்வர்\",\"c\":1,\"p\":70},{\"t\":\"உலகம்.\",\"c\":2,\"p\":70},{\"t\":\"அல்பைகள்\",\"c\":1,\"p\":70},{\"t\":\"தயாநிதி மாறன்\",\"c\":7,\"p\":72},{\"t\":\"காவிரி நதிநீர் பிரச்சினை\",\"c\":5,\"p\":71},{\"t\":\"உலகக்கோப்பை\",\"c\":46,\"p\":85},{\"t\":\"மத்திய கிழக்கு\",\"c\":1,\"p\":70},{\"t\":\"ஐ-ஃபோன்\",\"c\":1,\"p\":70},{\"t\":\"தமிழ்\",\"c\":11,\"p\":73},{\"t\":\"Conflicts\",\"c\":1,\"p\":70},{\"t\":\"இரட்டையர்\",\"c\":1,\"p\":70},{\"t\":\"தேசிய வளர்ச்சி கூட்டம்\",\"c\":1,\"p\":70},{\"t\":\"எம்.பி\",\"c\":1,\"p\":70},{\"t\":\"அனுபவம்/நிகழ்வுகள்\",\"c\":1,\"p\":70},{\"t\":\"நாடாளுமன்றம்\",\"c\":3,\"p\":70},{\"t\":\"ஜார்ஜ் புஷ்\",\"c\":1,\"p\":70},{\"t\":\"நீதி\",\"c\":3,\"p\":70},{\"t\":\"தொடர் கதை\",\"c\":1,\"p\":70},{\"t\":\"இந்தியா\",\"c\":541,\"p\":250},{\"t\":\"தேர்தல்\",\"c\":65,\"p\":91},{\"t\":\"இயற்கை\",\"c\":29,\"p\":79},{\"t\":\"விவசாயம்\",\"c\":8,\"p\":72},{\"t\":\"பகிர்வு\",\"c\":1,\"p\":70},{\"t\":\"பொருளாதாரச் சீர்திருத்தம்\",\"c\":1,\"p\":70},{\"t\":\"ஜப்பான்\",\"c\":1,\"p\":70},{\"t\":\"விளையாட்டு\",\"c\":64,\"p\":91},{\"t\":\"பொழுதுபோக்கு\",\"c\":6,\"p\":71},{\"t\":\"முல்லைப்பெரியார்\",\"c\":1,\"p\":70},{\"t\":\"சச்சின்\",\"c\":1,\"p\":70},{\"t\":\"விளையாட்டு - டென்னிஸ்\",\"c\":3,\"p\":70},{\"t\":\"மேற்கிந்தியத்தீவுகள்\",\"c\":2,\"p\":70},{\"t\":\"இராணுவம்\",\"c\":8,\"p\":72},{\"t\":\"இந்தோனேசியா\",\"c\":4,\"p\":71},{\"t\":\"விருது\",\"c\":20,\"p\":76},{\"t\":\"இடஒதுக்கீடு\",\"c\":24,\"p\":77},{\"t\":\"தொழிலாளர்கள்\",\"c\":4,\"p\":71},{\"t\":\"தொ.கா\",\"c\":1,\"p\":70},{\"t\":\"விபத்து\",\"c\":49,\"p\":86},{\"t\":\"ரகளை\",\"c\":3,\"p\":70},{\"t\":\"பாஸ்போர்ட்\",\"c\":1,\"p\":70},{\"t\":\"*சிறப்புச்செய்தி\",\"c\":2,\"p\":70},{\"t\":\"கருத்துக்கணிப்பு\",\"c\":5,\"p\":71},{\"t\":\"பாக்கிஸ்தான்\",\"c\":18,\"p\":75},{\"t\":\"காதல்\",\"c\":1,\"p\":70},{\"t\":\"வித்தியாசமானவை\",\"c\":75,\"p\":94},{\"t\":\"தீவிரவாதம்\",\"c\":43,\"p\":84},{\"t\":\"திரைப்படம்\",\"c\":2,\"p\":70},{\"t\":\"பொறியியல்\",\"c\":1,\"p\":70},{\"t\":\"தீர்ப்பு\",\"c\":34,\"p\":81},{\"t\":\"ஈழம்\",\"c\":1,\"p\":70},{\"t\":\"போராட்டம்\",\"c\":4,\"p\":71},{\"t\":\"Andhra\",\"c\":1,\"p\":70},{\"t\":\"சவூதி\",\"c\":9,\"p\":72},{\"t\":\"கொலை\",\"c\":8,\"p\":72},{\"t\":\"பிணைகைதிகள்\",\"c\":1,\"p\":70},{\"t\":\"தமிழக அரசியல்\",\"c\":41,\"p\":83},{\"t\":\"Ireland\",\"c\":1,\"p\":70},{\"t\":\"அஸ்ஸாம்\",\"c\":1,\"p\":70},{\"t\":\"நதிநீர் பிரச்சினை\",\"c\":2,\"p\":70},{\"t\":\"ஐரோப்பா\",\"c\":16,\"p\":75},{\"t\":\"உலகம்\",\"c\":199,\"p\":136},{\"t\":\"அபராதம்\",\"c\":1,\"p\":70},{\"t\":\"தீக்கிரை\",\"c\":3,\"p\":70},{\"t\":\"அரசியல்\",\"c\":318,\"p\":175},{\"t\":\"நியூஸிலாந்து\",\"c\":1,\"p\":70},{\"t\":\"மழை\",\"c\":5,\"p\":71},{\"t\":\"முழுஅடைப்பு\",\"c\":6,\"p\":71},{\"t\":\"இனக்கலவரம்\",\"c\":2,\"p\":70},{\"t\":\"ஆஷிஷ் கான்\",\"c\":1,\"p\":70},{\"t\":\"கேரளா\",\"c\":2,\"p\":70},{\"t\":\"வைகோ\",\"c\":1,\"p\":70},{\"t\":\"ஆயுத உதவி\",\"c\":1,\"p\":70},{\"t\":\"பாலிவுட்\",\"c\":6,\"p\":71},{\"t\":\"வேலைவாய்ப்பு\",\"c\":7,\"p\":72},{\"t\":\"தகவல் தொழில்நுட்பம்\",\"c\":20,\"p\":76},{\"t\":\"ஜமைக்கா\",\"c\":2,\"p\":70},{\"t\":\"Elections\",\"c\":1,\"p\":70},{\"t\":\"தமிழ்நாடு\",\"c\":302,\"p\":170},{\"t\":\"தென்னாப்பிரிக்கா\",\"c\":2,\"p\":70},{\"t\":\"New England\",\"c\":1,\"p\":70},{\"t\":\"வகைப்படுத்தாதவை\",\"c\":14,\"p\":74},{\"t\":\"பதிவர்வட்டம்\",\"c\":1,\"p\":70},{\"t\":\"தீ விபத்து\",\"c\":10,\"p\":73},{\"t\":\"பார்ப்பினியம்\",\"c\":1,\"p\":70},{\"t\":\"ஈழம் - இலங்கை\",\"c\":20,\"p\":76},{\"t\":\"சட்டம்\",\"c\":10,\"p\":73},{\"t\":\"*சிறப்புச்செய்தி ஃபிஜி. நியூஸிலாந்து\",\"c\":1,\"p\":70},{\"t\":\"எல்லை\",\"c\":1,\"p\":70},{\"t\":\"சரோட்\",\"c\":1,\"p\":70},{\"t\":\"புத்தகம்\",\"c\":1,\"p\":70},{\"t\":\"தமிழறிஞர்\",\"c\":1,\"p\":70},{\"t\":\"வறுமை ஒழிப்பு\",\"c\":1,\"p\":70},{\"t\":\"ஈராக்\",\"c\":5,\"p\":71},{\"t\":\"Politics\",\"c\":3,\"p\":70},{\"t\":\"பதிவுலகம்\",\"c\":5,\"p\":71},{\"t\":\"கவிதை\",\"c\":2,\"p\":70},{\"t\":\"செளதி\",\"c\":2,\"p\":70},{\"t\":\"விமான விபத்து\",\"c\":1,\"p\":70},{\"t\":\"Commerce\",\"c\":2,\"p\":70},{\"t\":\"இந்துத்துவம்\",\"c\":1,\"p\":70},{\"t\":\"ஊழல்\",\"c\":14,\"p\":74},{\"t\":\"Cricket\",\"c\":13,\"p\":74},{\"t\":\"பாப் உல்மர்\",\"c\":3,\"p\":70},{\"t\":\"ரயில்நிலையம்\",\"c\":2,\"p\":70},{\"t\":\"டிவி\",\"c\":3,\"p\":70},{\"t\":\"ஸ்காட்லாந்து\",\"c\":1,\"p\":70},{\"t\":\"மைக்ரோசாஃப்ட்\",\"c\":1,\"p\":70},{\"t\":\"ஐ.டி\",\"c\":1,\"p\":70},{\"t\":\"வணிகம்\",\"c\":73,\"p\":94},{\"t\":\"சாலைகள்\",\"c\":1,\"p\":70},{\"t\":\"நிலநடுக்கம்\",\"c\":5,\"p\":71},{\"t\":\"சட்டம் - நீதி\",\"c\":124,\"p\":111},{\"t\":\"கான்பூர்\",\"c\":1,\"p\":70},{\"t\":\"பிளாக்மெயில்\",\"c\":1,\"p\":70},{\"t\":\"இசை\",\"c\":4,\"p\":71},{\"t\":\"காமன்வெல்த்\",\"c\":2,\"p\":70},{\"t\":\"கொலைமுயற்சி\",\"c\":1,\"p\":70},{\"t\":\"FBI\",\"c\":1,\"p\":70},{\"t\":\"இலக்கியம்\",\"c\":4,\"p\":71},{\"t\":\"கல்வி\",\"c\":52,\"p\":87},{\"t\":\"கடத்தல்\",\"c\":1,\"p\":70},{\"t\":\"மருத்துவம்\",\"c\":26,\"p\":78},{\"t\":\"கைப்பேசி\",\"c\":1,\"p\":70},{\"t\":\"மன்மோகன் சிங்\",\"c\":1,\"p\":70},{\"t\":\"News\",\"c\":1,\"p\":70},]}"
var BOX_BORDER_COLOR=''
var BOX_WIDTH=''
var NEXT="அடுத்து ";
var PREVIOUS="முந்தய";
function display4Blog(pageno,pagelimit){
if(pagelimit=="")pagelimit=10;
lower=(pageno*parseInt(pagelimit))-parseInt(pagelimit);
upper=(Cloud.clouds.length)>(pageno*pagelimit)?(pageno*pagelimit):Cloud.clouds.length;
c2=document.getElementById("container2");
try{c2.style.width=document.getElementById("boxwidth").value;
c2.style.borderColor=document.getElementById("boxbordercolor").value;
}
catch(e3){
c2.style.width=BOX_WIDTH;
c2.style.borderColor=BOX_BORDER_COLOR;
}
c2.innerHTML="";
for(var i=lower;i";
"," ")+'?searchmethod=1&txt_feed=');
a.appendChild(document.createTextNode(tag.t ));
a.style.fontSize=tag.p+'%';
c2.appendChild(a);
c2.appendChild(document.createTextNode(' '));
}
catch(e2){}
}
lastpage=(Cloud.clouds.length%pagelimit)==0?0:1;
pages=parseInt(Cloud.clouds.length/pagelimit);
totalpage=parseInt(lastpage)+parseInt(pages);
if(totalpage>1){
line=document.createElement("div");
line.innerHTML="
c2.appendChild(line);
if(pageno>1){
a=document.createElement("a");
a.href="javascript:void(0)";
temp=pageno-1;
pagelimit2=pagelimit;
a.onclick=bindMe2(temp,pagelimit2);
a.appendChild(document.createTextNode(PREVIOUS));
c2.appendChild(a);
c2.appendChild(document.createTextNode(' '));
}
if(totalpage>pageno){
a=document.createElement("a");
a.href="javascript:void(0)";
temp=pageno+1;
pagelimit2=pagelimit;
a.onclick=bindMe2(temp,pagelimit2);
a.appendChild(document.createTextNode(NEXT));
c2.appendChild(a);
}
}
}
function bindMe2(t,l){
var t=temp;
var l=pagelimit2
return function(){
lastpage=t
display4Blog(t,l)
}
}
1 Comments:
great, good job. continue...
Post a Comment
<< Home