mrKrich™ » JavaScript

Page Redirection

mrkrich — Wed, 16 Dec 2009 11:33:21 +0000

เมื่อวันก่อนมีน้องมาถามเกี่ยวกับเรื่อง Page Redirection ก็เลยคิดว่าจะเอามาเป็นพูดถึงเสียหน่อย

การ redirect หน้าเว็บ คือการส่งหน้าเว็บที่เปิดอยู่ปัจจุบันไปยังหน้าอื่น สามารถทำได้ 3 ระดับดังนี้

ระดับ HTTP Header
ระดับ HTML Header
ระดับ Script

1. ระดับ HTTP Header

เป็นวิธีที่ใช้ได้กับทุก Browser สะดวกรวดเร็ว เพราะไม่จำเป็นจะต้องมีการ render หน้าเว็บ หรือ html tag ใดๆเลย

ตัวอย่างการใช้งาน (PHP)

header(“location: http://www.google.com”);

?>

2. ระดับ HTML Header

เป็นวิธีที่ใช้ได้กับทุก Browser เหมือนกับระดับ HTTP Header แต่สามารถใช้ได้กับเว็บที่ไม่ได้ใช้ CGI แต่จะช้ากว่าเนื่องจากใช้ html tag ในการบอก Browser ให้ทำการ redirect

ตัวอย่างการใช้งาน

3. ระดับ Script

เป็นวิธีที่นิยมใช้กันมาก เนื่องจากสามารถสร้างเงื่อนไขต่างๆในการทำงานให้กับการ redirect ได้ ซึ่งในวิธีการนี้จะใช้ global object ที่ชื่อ location และมีวิธีการใช้งาน 2 แบบด้วยกัน

3.1 แบบ property – href

วิธีการนี้เป็นเหมือน link ปกติคือมีการเก็บ history เอาไว้ สามารถกดปุ่ม back กลับมายังหน้าปัจจุบันได้

3.2 แบบ function – replace

วิธีนี้เป็นการแทนที่ใน history เดิม ทำให้ไม่สามารถกดปุ่ม back กลับมายังหน้าปัจจุบันได้

Javascript GetElementsByClass

mrKrich — Tue, 27 Jan 2009 05:42:00 +0000

today, i have any reason to search HTML element by class name but javascript is not have support function. so i found somethings in the internet but not as good as i need. but i can modify it as i want. so it’s be like this.

String.prototype.trim = function() { return this.replace(/^\s+|\s+$/g, ”); };

Document.prototype.getElementsByClass = function( searchClass, tagName) {

if (tagName == null) tagName = ‘*’;

var el = new Array();

var tags = this.getElementsByTagName(tagName);

var tcl = ” “+searchClass.trim()+” “;

for(i=0,j=0; i

var test = ” ” + tags[i].className + ” “;

if (test.indexOf(tcl) != -1)

el[j++] = tags[i];

}

return el;

};

Dojo Toolkit

mrKrich — Thu, 15 Feb 2007 16:50:00 +0000

When I try to learn more about Dojo Toolkit. I found some problem of its script. such as uncompatible of javascript and css style sheet. And on downloaded demo, It have too many debug message. No downloadable manual or document. (It have just wiki for manual.)

But its script is too excellence and so exciting with easy way. just like ‘taglib’ in Java. (Or another language)

today I waste too much time to find and read manual. But you can found sample in demo section.

Dynamic HTML tips

mrKrich — Wed, 14 Feb 2007 14:33:00 +0000

Hello it’s valentine again, Last 4 valentine ago. I used to have new web diary. 4 years later I have new one. “Dynamic HTML tips” is it. It talk about HTML, Javascript and CSS Style Sheet tips. That may help newbie to create his/her own website with text editor. (I think manually coding HTML code is More >

dojo – the javascript toolkit

mrKrich — Mon, 05 Feb 2007 17:12:00 +0000

Ummm too many times ago. I try to write and javascript by myself. today my boss said “Why dont you try dojo toolkit for you ajax or javascript?”

I ask him for dojo like “what dojo is?” or “how its better than specific javascript?” because i think “Ajax is so easy and javascript i’m not newbie”

The first time of its demo. It attack my ego. Its great tool that provide beautiful web object, ajax and another. I don’t know how can it work. Or how difficult is it for specific perpose.

but I know one, Its demo is too excellence.