While we are working on SEO implementation for links, headers with images, we display link with back ground image by giving text indent in large negative values.

it works on major browsers except on IE7.

In order to fix we have to add the text transform to uppercase or camel case.

<style>
.mytextindentelement {
	text-indent:-999999px;
	width:500px;
	text-transform: capitalize;
 
}
</style>

We have learned about detecting mobile browsers with Javascript and do need full implementation for mobile devices separately, however we need to detect these mobile browsers on server side and implementing the mobile UI without any redirecting the user.

for example :

if user browses our website through the desktop browser we display web interface .

if user browse our website through mobile browser we load the mobile interface .

Here is a small PHP snippet that useful to detect almost modern mobile devices based on their mobile OS( operating systems).

  $user_agent       = $_SERVER['HTTP_USER_AGENT']; // get the user agent value 
 
if(preg_match('/Android|webOS|iPhone|iPod|BlackBerry|iPad/i',$user_agent)){
//load mobile interface 
}else {
//load web interface.
}

HTML5 is making the web platform more powerful in a number of different areas. All the Smaprt phones come up with this HTML5 and CSS3 browsers . It is the easy medium to reach the mobile users as HTMl5 has almost all features that mobile native apps have. Now a day all the web site owners want to be their websites need to compatible with these smartphones.

unfortunatley these mobile browsers doesn’t have all the features as desktop browsers such as large screens,mouse and other hardware specifications. Most of the times we get a situation where our web applications must be optimized differently from the mobile and desktop. For this we need to detect the user is viewing our website from the desktop browser or mobile browser.

Here is a small Javscript snippet that usefull to detect almost modern mobile devices based on their mobile OS( operating systems).

if(navigator.userAgent.match(/Android|webOS|iPhone|iPod|BlackBerry|iPad/i)){
alert("Yea, you are on mobile browser");
}else {
alert("Yea, you are on desktop browser");
}

A mobile device (also known as a handheld device, handheld computer ) is a small, hand-held computing device, typically having a display screen with touch input and/or a miniature keyboard.

The main category of mobile devices include the following devices

• Personal Digital Assistant (PDA)
• Smartphones
• Tablet PC

Personal Digital Assistant (PDA) is

handheld devices that combine elements of computing, telephone/fax, Internet and networking in a single device. Examples: Revo, Hewlett-Packard Jornado, Compaq iPaq, Toshiba Pocket PC,Palm Pilot

Smartphone

combine both mobile phone and handheld computers into a single device. Smartphones allow users to store information (e.g., e-mail), install programs, along with using a mobile phone in one device.Examples: Palm Treo, Blackberry, Nokia T-Mobile , Torq, Motorola Q, I-mate,

Tablet PC

Tablet PCs are a type of notebook computer that has an LCD screen on which you can write using a stylus. The handwriting is digitized and can be converted to standard text through handwriting recognition, or it can remain as handwritten text. Examples : Samsung Q1, Toshiba Portege, IBM Thinkpad

A mobile operating system (Mobile OS) is the software operating system that operates on mobile devices such as mobile phones, smartphones, PDAs, and hand-held computers. Mobile OS is a mobile version of an operating system found on computers.

Here is the list of most common operating systems (OS) found on smartphones and it’s manufacturers.

• Symbian OS – Nokia Cell Phone operating system
• Android OS – Google’s free, open-source cellphone operating system
• iPhone OS (iOS ) – Apple’s mobile operating system
• BlackBerry OS – Proprietary mobile operating system, developed by Research In Motion for its BlackBerry
• Windows Phone 7 ( Windows Mobile ) – Mobile operating system developed by Microsoft
• Palm OS (Garnet OS)- mobile operating system initially developed by Palm
• Palm webOS – Mobile operating system from HP/Palm
• Bada – Mobile operating system developed by Samsung Electronics
• Maemo OS – from Nokia (open source, GPL)
• MeeGo OS – from Nokia and Intel (open source, GPL)

What is Joomla module?

Joomla module is code snippet that will get the data from database or its base component can be placed at a pre defined module positions . Module position is a content holder on template.

Can we place this module in Joomla article?

As per Joomla standard we place the modules on pre defined module positions which are pre defined by developer.But in mostly scenorio we need to place them in middle of article content. thanks to the joomla core plug in "Content – Load Modules" , we can place module in article also.

How can we place the Joomla module in article?

To place a module first we create a module instance from the module manager and give the unique module position like "my_joomla_module_position".

Now in the article place a short code like below and publish the document.

{loadposition my_joomla_module_position}

We learnt about sending mail from PHP with linux sendmail in this series of tutorial. On windows we don’t have pre configured email sever on mostly server. to fix this PHP mail function on windows, we can do with ini_set php function or setting it up on php.ini.

Setting php.ini

if you have access to php.ini ,you can change the default global value .

[mail function]
SMTP = localhost
sendmail_from = me@example.com

Setting at run time ini_set

we can change this configuration at run time with ini_set function as given below.

ini_set('SMTP','localhost'); 
ini_set('sendmail_from', 'fromaddress@domain.com');

Example

 
ini_set('SMTP','localhost'); 
ini_set('sendmail_from', 'fromaddress@domain.com'); 
 
 
$to = 'toaddress@domain.com';
$subject = 'Sample  subject';
$body = 'message body '; 
 
mail($to, $subject , $body);

Email ( Electronic mail ) is most popular communication service on internet . Generally it is common practice to use this service as marketing media for digital products. There are a lot of free email service available on internet like Gmail, Yahoo,AOL and more.

So as a developer we must know the mail functionality in PHP like send mail with php and read mail with PHP imap ,pop functions. in this tutorial we are going to learn how to send the mail with different MIM types and it mail components.

An email message consists of three components, the message envelope, the message header, and the message body. envelope controls the mail sending path like where it originated and where to be sent the mail. header part will denotes the contents of the email and sender and receiver information. body part contains the main user data information.In this series mail tutorial we learn with different PHP functions to send the mail.

On Linux server by default PHP comes with send mail or exim email server. But on windows PHP must be configured to allow from SMTP .

Main PHP extensions for email handling are

• Cyrus
• IMAP
• Mail
• Mailparse
• vpopmail

PHP email function

mail ( $to , $subject , $message ,$headers)

This function takes mainly four parameters, to,subject, message, headers.It will return a boolean that refers if mail is sent successfully or not.

$to parameter

$to parameter is a string to recipients of the email , we can give the ‘,’ comma separated email address. it can be send for more than one recipients at at time.

$to = '"To Display Name1" <reciever@domain1.dom>';
$to .= ',"To Display Name2" <reciever@domain2.dom>';

$subject parameter

$subject="This is my sample subject.";

$message parameter contain any length of string that is sperated with new line characters .

$message="Sample message line 1 \n";
$message.="sample message line 2";

$header parameter

is the modifier or extending the mail sending option.It has many options ,but we will discuss importent ones here. see below snippet for example.

$headers = 'From: "Sender Display Name" ' . PHP_EOL .
'Cc: "CC Display Name" ' . PHP_EOL .
'X-Mailer: PHP-' . phpversion() . PHP_EOL.
'MIME-Version: 1.0' . PHP_EOL. 'Content-type: text/plain; charset=UTF-8' . PHP_EOL.
'X-Priority: 1 (Higuest)'.PHP_EOL.
'X-MSMail-Priority: High'.PHP_EOL.
'Importance: High'.PHP_EOL.
'Reply-To: info@example.com'.PHP_EOL.
'Return-Path: info@example.com.PHP_EOL.
'Message-Id: <' . md5(uniqid(microtime())) . '@' . $hostname . '>'.PHP_EOL.
           

In the above code PHP_EOL is PHP constant that represent new line character .

Main list of email headers

&nbsp

From, email header notes from what email address is sent.

Cc , this email header inform the server that this mail also can be sent to this email address also.

X-Mailer, this email header inform the mail recipent client about the sender client.

MIME , this email header tells about the how the mail should be handle like plain text,html and attachment.

X-Priority, tells the priority of the email for generel server.

X-MSMail-Priority, tell the priority of the email for windows server hosted email servers.

Importance, tells the priority of the email this will work for some of the email server.

Reply-To, if user reply the sent email ,what the email address it to be taken, if it is not given default is From ,email header.

Return-Path, if an email is bounced, where to be notified , this can be same email address like From or other email also.this email header can be used to track some email campains .

Message-Id, is optional email header if we do not provide server will automatically generates and sends. this header can be used to track email campaings also.

jQuery form validation “required” example 1

“required” element with HTML

$('#form1').validate();

jQuery form validation “required” example 1

“required” element with Javascript parameters

$('#form2').validate({
rules:{
	username2:'required',
	password2:'required'
}
,messages:{
	username2:"Please enter user name.",
	password2:"Please enter password"
	}
 
});

Hello freinds, we know that every dynamic form need to be proper validated through the server and client side. some one get the doubt why we need to be implemented on both client and server side. as per my opinion we just need Server side validation only, but it takes more server resources and requests if user doesn’t submit the data correctly . some one will get question why we can only implment client side validation , i say NO for only client side validation because some users will disable javascript and send the data to server in that case it is useless to implment only client side validation. It is good practice to implement both client and server side validation .

I have created a long validation class for PHP and posted in my previous tutorial. now we are going to learn how to implement the client side valdiation with jQuery . for that we have a good jQuery validation plug in , that can be used in many ways. you can see the examples here.