Mior Muhammad Zaki: PHP & JavaScript Programmer

Restore Value for Input Using Savvy.UI

Let make it short this time, Here’s a snippet code to allow you to use the input fields (either text or password) to display the input description without interfering the application, not only will it hide the label when user focus on the field but also show the label back when user leave the field without adding any text.

3 JavaScript Regular Expression for Malaysia Data Format

Question

Can you share with us the proper Regular Expression (RegExp) for Malaysia’s data format as the following:

• Identification Card
• Postcode
• Phone Number

Secrets of JavaScript Closures — Not everyday you get to see a good presentation explaining the complexity of JavaScript Closure in such detail, Stuart Langridge did exactly that in Secrets of JavaScript Closures slides (via Ajaxian). September 16, 2008 No Comments

It's JavaScript — The proper way to write JavaScript is with a capital "S", and not Javascript as many would thought so. September 7, 2008 No Comments

Display Twitter Status in Your Website Using Savvy.UI

This tutorial is a continuation of my previous tutorial Display Random Text in Your Website Using Savvy.UI but instead of random text this time we will display your latest Twitter Status. The tutorial is based on the Twitter Badge for HTML.

Display Random Text in Your Website Using Savvy.UI

What your opinion to the random text appearing at the upper right corner of this blog? Would like to have one too? Savvy.UI JavaScript Library has made it easy for you to display message or note without interfering the user view of the application using Js.widget.message object.

Hide E-mail Address From Spammer in HTML

There’re multiple way to hide E-mail Address in your HTML page from being fetch/grab by spammer, today let me show you one way of doing it using simple JavaScript and Savvy.UI JavaScript Library.

Email me to <span class="mailto"></span>

Here’s an example how you can transform all span.mailto to display and link an e-mail.

Js.simplify();
var email = ["zaki","codenitive.com"].join("@"); // just edit this line;
 
$(document).ready(function() {
	$("span.mailto").each(function() {
		$(this).add("a", {
			href: "mailto:" + email,
			title: "Email to " + email
		}).text(email);
	});
});

Js.simplify — Enable $() in Savvy.UI JavaScript Library is now 1 line away, just write Js.simplify() and your done. September 2, 2008 No Comments

Copying JavaScript Object Without Adding Reference

Question

How to copy a JavaScript Object without adding the reference to the object it copy from? For example:

var user = {
	name: "Mior Muhammad Zaki",
	age: 25
};
var programmer = user;
programmer.language = ["PHP", "MySQL", "JavaScript"];
alert(user.language);
// return ["PHP", "MySQL", "JavaScript"] (when expect undefined)

New Savvy.UI Namespace — Savvy.UI JavaScript Library starting from version 1.0.0 will use Js as it's default Global namespace, in addition you still can use SUI if you prefer. August 22, 2008 No Comments