Azharkamar.com

Azhar Kamar is a graphic designer, web developer and lecturer from Singapore who tells stories about web design, coding and all that jazz. He loves milk, pizzas, honey and all things sweet.

Latest Articles
24 Mar 10

15 Beautiful Justin Bieber Photos & Wallpapers

Here’s a collection of 15 (more to come) Justin Bieber hand-picked photos and wallpapers. This one’s for you Bieber fans out there who are looking for his wallpapers to decorate your desktop, hi-res photos for editing, or simply just to look at his face with amorous intentions. Read more

23 Mar 10

How to Password Protect Files in Nokia E71

Nowadays, mobile phones are used for many reasons other then just for making calls and sending text messages. We can watch videos, hear music, play games and store documents using a cellphone. And when you store documents that contain confidential information like passwords and stuff, you might want to password protect them. Since I’m using the Nokia E71, I’ll tell you how to password protect any file you wish using the handy Zip application.

Nokia Zip Manager application

The Nokia E71 comes with a Zip application. This application can be used to zip and unzip files and folders and also do something else that most people do not know, which is password protect them. The best thing is that this application is already installed in your phone so you don’t need to worry about downloading any third party applications for password protecting files.
[adsense1]

How to password protect a file using Zip Manager

1. Navigate to the Zip Manager application (should be in the Applications folder) and open it.
2. Navigate to the desired folder in your phone memory or memory card where you want to store your zip file.
3. Press the Options key and select New archive.
4. Enter a name for your zip file, e.g. abc.zip
5. Press the Options key and select Password > Set.
6. Type your password and press OK.
7. Now go to Options again select Add to archive to add files to the zip folder.
8. Navigate to your desired files and use the Options > Add to archive command. You can add multiple files at once by using the Mark feature.
9. Once done, exit the application, open File manager and navigate to the zip folder you just created.
10. Open the file(s) in the zip folder and you’ll get a password prompt. Sweet!

So that’s it. You can password protect your secret files now! ;-D

About Zip Manager

Zip Manager, Ver 1.0
Copyright (c) 2001 – 2005
Epocware
Paragon Software Group Smartphones software company
Web: http://zm.epocware.com

22 Mar 10

Auto Update the Copyright Year in a Website using PHP or JavaScript

If you have been creating websites for years (or more than a year) I am pretty sure you have encountered the ‘copyright year’ issue. Read more

18 Mar 10

New Design for Azhar Kamar’s Blog

With school gone for a while and project deadlines over, I think it’s time I did something to my neglected blog.

Today is the third day I’m working on the new design for my blog. I’ve decided on the concept of using crumpled paper as a background, with graphics and text that incorporate realistic hand-drawn effects. I’m using pastel colours as the main colour theme so as to portray a soft, nice and delicious feeling. Does it work? Is the design cool? Hahaha!

Well I’ll just work on this blog design bit by bit. No rush. No deadline.

Graphic design is creativity plus inspiration. Plus something else that would make it awesome.

Now go on and take a look – blog.azharkamar.com.

12 Mar 10

Fabrik Date Input – Get and Set the Week Number using PHP and JavaScript

This piece of short and sweet code is quite useful when you need to get the week number of a certain date for special records, joins or calculations. I use it for one of my projects involving an Inventory Management System that is based only on weekends, so most of the orders and transactions need to be recorded and filtered by week numbers.

How to get the Week Number from a Date Input

1. Create an element – ‘Element Type: Date‘.

2. Under the ‘Table date format’ and ‘Form date format’ fields, key in your desired format and include %W anywhere in the format string. The %W will return the week number for the date that you choose. For me, I do it like this: %d-%m-%Y, Week %W which will return a date like so: 01-01-2010, Week 01.

3. If you want to play around with more PHP date functions, go to php.net/strftime.

Now that was very simple and I’m pretty sure most of you already know it. But how do you extract the Week number from that string and save it to a database table? Or use it for calculations? As a table filter maybe? Ok I’ll show you how.

How to Get the Week Number and Set it to an Input Field

Here’s the code:
var orderForm = oPackage.blocks.get('form_17').formElements;
var orderDate = orderForm.get('order_information___order_date').getValue();
var orderWeek = orderDate.split('k ');
orderForm.get('order_information___order_week').update(orderWeek[1]);

Place this code in the JavaScript tab of your Date element and set the action: blur (onBlur).

So what in the world does this piece of code above do?
var orderForm = oPackage.blocks.get('form_17').formElements;[adsense1]
This is the standard variable assignment for getting the form elements and data. Replace ‘form_17′ with your form ID. View the source code of your web page to find your Form ID or get it from the Fabrik component Forms page in the Joomla! backend.

var orderDate = orderForm.get('order_information___order_date').getValue();
This one simply assigns the value of the date input field to ‘orderDate’. Change ‘order_information___order_date’ to the name of your date input field.

var orderWeek = orderDate.split('k ');
Split? Split what? Ok, this JavaScript split() method is used to split a string into an array of substrings. orderDate.split(‘k ‘) means that the orderDate string will be split into two at point ‘k ‘ and thrown into the orderWeek array. Ok you guess, what would orderWeek[0] return you? Yup, whatever string at and before ‘k ‘.

orderForm.get('order_information___order_week').update(orderWeek[1]);
So this brings us to the final line that updates the value of another input field in your form to orderWeek[1], which is…… the Week number!

So there you have it – How to display a week number using PHP and then send its’ value to another field using JavaScript. Try it, it’s fun.

4 Mar 10

DNS, WHOIS & Nameserver Lookup Tools and Websites

There are many websites and tools online that provide Nameserver, DNS and WHOIS lookups which you can freely use. As a Web Developer, I do nameserver lookups very often as I need to check which website is in which server, so I try to use the fastest and most reliable tool available.

Top 5 DNS, WHOIS & Nameserver Lookup Websites

Here are a few of the best online tools that I use:
1. DomainTools - www.domaintools.com
My personal favourite. The website processes your query fast and provides a whole load of information included in the WHOIS such as Registrant search, WHOIS history, Server stats and Website image. All TLDs (e.g. .com, .net. info) and ccTLDs (e.g. .sg, .us, .uk) can be queried too.

2. Network-Tools.comwww.network-tools.com

3. DNSstuff - www.dnsstuff.com

4. Whois.Netwww.whois.net

5. Domain.com - secure.domain.com
I happily used their services for a year until they implemented the CAPTCHA authentication. I simply have no time to enter letters and numbers for verification before doing a lookup. Another shortcoming is that they only cater for .com lookups.

How to do a Nameserver Lookup using the Windows Command Prompt

An alternative way to find out the nameservers of a certain website or IP address is by using the Windows Command Prompt. It is fast and doesn’t require an internet browser but it only shows the nameservers and nothing else.

Here’s how you can do it:
1. Launch Command Prompt
2. Type nslookup. Your Default Server and Address will be displayed. Press Enter.
3. Now type set type=ns and hit Enter.
4. In the new line enter your query, for example www.google.com and press Enter.
5. And the nameservers of the domain will be displayed. Refer to the screenshot below for a better understanding.

The nslookup command in Windows Command Prompt

26 Feb 10

Test Your Website on Different Browsers – Multiple Platform Browser Testing

It’s important for a web developer to keep in mind the compatibility issue of a website on different browsers and platforms. For instance, you design and develop a website using Mozilla Firefox on Windows Vista. It displays perfectly fine and the scripts work as desired. And then you found a Macbook on the street and decided to take it home. You switched it on and launched Safari to view your website. Alas, why is the top banner aligned to the left, not centered? Why are your DIVs in a mess? Why is there a Javascript error on the user login page? Welcome to the world of Cross Platform Browser Testing.

Cross Platform Browser Test – Browser compatibility check

So you badly want to see how your newly created website displays on other browsers and platforms?

Check out BrowserShots.

They’ve got a whole load of different browsers and on top of that, 4 different Operating Systems for you to test on (Linux, Mac OS, Windows and BSD). One good thing is that they include all versions of a browser – if you want to test your site on Microsoft Internet Explorer, they’ve got all the way from IE4 to IE8 for you to do your compatibility testing. Some of the not-so-well-known browsers included in BrowserShots are Dillo, Epiphany, Konquerer, Minefield, SeaMonkey and Shiretoko. Another great feature they have is that you can specify which JavaScript, Java and Flash version you want for your testing and also choose a certain screen size and color depth. And the best thing, BrowserShots is free.[adsense1]

How to use BrowserShots

1. Go to www.browsershots.org
2. Enter your website URL in the textfield “Enter URL here”, e.g. http://www.google.com
3. Check the browsers you’d like to test your website on. By default, they’ve checked a lot, so I always click “Select: None” below and do my own re-selection.
4. There are 5 drop-down menus below which are additional parameters you can choose if you want to be more specific in your testing.
5. Click “Submit” and you’ll go to a page where all your browsers and their respective Queue Estimates (how long you have to wait for BrowserShots to process the screenshot of your website on that browser) will be displayed.
6. As the note states at that page, your screenshots will appear here when they are uploaded. Reload this page or bookmark it and come back later. It may take quite a long time depending on the amount of browsers you’re testing on.
7. Once the screenshot thumbnail appears, click on it to view the enlarged image.

Other Cross Platform Browser Testing Tools

Here’s a list of other websites which provide cross platform browser testing tools:
1. BrowserCam
2. Litmus
3. CrossBrowserTesting
4. BrowsrCamp
5. Net Renderer
6. Multi Safari
7. BrowserSeal.com

So that’s it, you’ve just learnt a great and easy way to test a website on multiple browsers and operating systems!

I found 2 sites that copied this article written by me, word for word. Beware of these bad content-copiers. You can see the duplicated copies of this article here:
- http://www.securiour.com/2010/03/21/test-your-website-on-different-browsers-%e2%80%93-multiple-platform-browser-testing/%
- http://www.ideotics.com/?p=183

18 Feb 10

Fabrik Joomla Extension – Create a Management System

Fabrik is a very versatile and powerful Joomla extension which you can use to create things like a user management system, an online inventory, contact forms and more!

Download the Fabrik Joomla component now!

4 Feb 10

Firefox Keyboard Shortcuts – A Guide to Mozilla Firefox

Shortcuts! We all love shortcuts.

Shortcuts exist to make our life easier. Would you type in ‘http://www.azharkamar.com’ in a browser address bar when you can simply type ‘azharkamar’ there and then hit ‘Ctrl + Enter’ to get exactly the same result? Didn’t know about this? Well you’ve learnt something new today. ;-) It has become a habit for me to type in just the domain name and then press ‘Ctrl + Enter’. This shortcut is only for ‘.com’ domains. There are other TLDs with shortcuts too for example ‘Shift + Enter’ is a shortcut that appends a ‘.net’ extension to a domain name.

Below here’s a list of keyboard shortcuts for the Mozilla Firefox browser. This guide covers the 3 main operating systems – Windows, Mac and Linux.

Firefox Keyboard Shortcuts

FUNCTIONS OPERATING SYSTEMS
Browser Management Windows Mac OS X Linux
Help F1 - F1
Add Bookmark Ctrl + D Cmd + D Ctrl + D
Bookmarks Sidebar (toggle) Ctrl + B

Ctrl + I

Cmd + B Ctrl + B
Browsing History (toggle) Ctrl + H Cmd + Shift + H Ctrl + H
Download History Ctrl + J Cmd + J Ctrl + Y
Clear Private Data Ctrl + Shift + Del - Ctrl + Shift + Del
Page Manipulation Windows Mac OS X Linux
Full Screen (toggle) F11 - F11
Increase Text Size Ctrl + +

Ctrl + Scroll down

Cmd + + Ctrl + +

Ctrl + Scroll down

Decrease Text Size Ctrl + -

Ctrl + Scroll up

Cmd + - Ctrl + -

Ctrl + Scroll up

Restore Text Size Ctrl + 0 Cmd + 0 Ctrl + 0
Print Ctrl + P Cmd + P Ctrl + P
Reload Page F5

Ctrl + R

F5

Cmd + R

F5

Ctrl + R

Force Reload Page (override cache) Ctrl + F5

Ctrl + Shift + R

Shift + Reload button

Cmd + F5

Cmd + Shift + R

Shift + Reload button

Ctrl + F5

Ctrl + Shift + R

Shift + Reload button

Stop Loading Esc Esc

Cmd + .

Esc
Save Page As Ctrl + S

Alt + Left-click

Cmd + S Ctrl + S
Page Source Ctrl + U Cmd + U Ctrl + U
Page Info - Cmd + I Ctrl + I
DOM Inspector Ctrl + Shift + I Cmd + Shift + I Ctrl + Shift + I
Page Navigation Windows Mac OS X Linux
Go Down One Screen PageDown

Spacebar

PageDown

Spacebar

PageDown

Spacebar

Shift + Backspace

Go Up One Screen PageUp

Shift + Spacebar

PageUp

Shift + Spacebar

PageUp

Shift + Spacebar

Backspace

Go to Bottom of Page End End End
Go to Top of Page Home Home Home
Move to Next Frame F6 F6 F6
Move to Previous Frame Shift + F6 Shift + F6 Shift + F6
Move Focus to Next Actionable Item Tab Tab Tab
Move Focus to Previous Actionable Item Shift + Tab Shift + Tab Shift + Tab
Web Navigation Windows Mac OS X Linux
Open Home Page Alt + Home Option + Home Alt + Home
Open Link Enter

Left-click

Return

Click

Enter

Left-click

Open Link (in new Background Tab) Ctrl + Enter

Ctrl + Left-click

Middle-click

Cmd + Return

Cmd + Click

Ctrl + Enter

Ctrl + Left-click

Middle-click

Open Link (in new Foreground Tab) Ctrl + Shift + Left-click

Shift + Middle-click

Cmd + Shift + Click Ctrl + Shift + Left-click

Shift + Middle-click

Paste URL in Tab - - Middle-click in Tab
Open Link in New Window Shift + Enter

Shift + Left-click

Shift + Return

Shift + Click

Shift + Enter

Shift + Left-click

Save Link Target As Alt + Enter Option + Return Alt + Enter
Caret Browsing F7 F7 F7
Tabs and Windows Windows Mac OS X Linux
Open New Tab Ctrl + T Cmd + T Ctrl + T
Close Tab

(close Window if only one tab)

Ctrl + W

Ctrl + F4

Middle-click on Tab

Cmd + W

Cmd + F4

Ctrl + W

Ctrl + F4

Middle-click on Tab

Undo Close Tab Ctrl + Shift + T Cmd + Shift + T Ctrl + Shift + T
Next Tab Ctrl + Tab

Ctrl + PageDown

Ctrl + Tab

Ctrl + PageDown

Ctrl + Tab

Ctrl + PageDown

Previous Tab Ctrl + Shift + Tab

Ctrl + PageUp

Ctrl + Shift + Tab

Ctrl + PageUp

Ctrl + Shift + Tab

Ctrl + PageUp

Select Tab [1 to 9] Ctrl + [1…9] Cmd + [1…9] Alt + [1…9]
Open New Window Ctrl + N Cmd + N Ctrl + N
Close Window Ctrl + Shift + W

Alt + F4

Cmd + Shift + W

Option + F4

Ctrl + Shift + W

Alt + F4

Location Windows Mac OS X Linux
Select Location Bar Ctrl + L

Alt + D

Cmd + L Ctrl + L

Alt + D

Complete .com Address Ctrl + Enter Cmd + Return Ctrl + Enter
Complete .net Address Shift + Enter Shift + Return Shift + Enter
Complete .org Address Ctrl + Shift + Enter Cmd + Shift + Return Ctrl + Shift + Enter
Open Address in New Tab Alt + Enter Option + Return Alt + Enter
Open File Ctrl + O Cmd + O Ctrl + O
Text Manipulation Windows Mac OS X Linux
Select All Ctrl + A Cmd + A Ctrl + A

Alt + A

Cut Ctrl + X Cmd + X Ctrl + X
Copy Ctrl + C Cmd + C Ctrl + C
Paste Ctrl + V Cmd + V Ctrl + V
Delete Del Del Del
Undo Ctrl + Z Cmd + Z Ctrl + Z
Redo Ctrl + Shift + Z

Ctrl + Y

Cmd + Shift + Z Ctrl + Shift + Z

Ctrl + Y

Search in Page Windows Mac OS X Linux
Find in This Page Ctrl + F Cmd + F Ctrl + F
Find Again Ctrl + G

F3

Cmd + G

F3

Ctrl + G

F3

Find Previous Ctrl + Shift + G

Shift + F3

Cmd + Shift + G

Shift + F3

Ctrl + Shift + G

Shift + F3

Quick Find Text / / /
Quick Find Link

27 Jan 10

How to Convert CSV to XLS – Microsoft Excel Tutorial

There are some cases where you might need to convert a CSV (Comma Separated Values) file to an XLS (Microsoft Excel Workbook) file. An instance would be, saving accounts from your cPanel. At the top right corner of the List Accounts page in WHM cPanel, there’s a Fetch CSV link. When you click that, you’ll be directed to a page with a big chunk of characters and commas. Now that’s a CSV formatted document and it’s easy to convert that to an XLS file.

Save in Notepad as .CSV

First, copy all the text and paste them in Notepad or any editing software you prefer. In Notepad, click File > Save As… and under Save as type, choose All Files. In the File Name field, input your desired name and remember to add a .csv at the end of the file name.

Open in Microsoft Excel

Now, navigate to the CSV file you saved earlier, and open it with Microsoft Excel. You’ll notice that now the values in the document are arranged in table cells. Neat! Now all you have to do is save it as an XLS file and you’re done. You’ve just converted a CSV file to a Microsoft Excel Workbook file![adsense1]