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.

Invoking Savvy.UI DOMElements Object

Question

How many way can I invoke Savvy.UI DOMElements Object using Savvy.UI CSS Query Selector, a feature which is norm in any JavaScript Framework today?

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.

Savvy.UI 1.0.0 Pre-release — A pre-release of all new Savvy.UI JavaScript Library is now available for download at http://savvyui.googlecode.com, trunk version is also available via SVN. September 4, 2008 No Comments

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

Savvy.UI Trunk — Check out Savvy.UI JavaScript Library code subversion at http://savvyui.googlecode.com August 12, 2008 No Comments