Web Design Tutorials

How to validate your Contact PHP form in Dreamweaver CS4

priya — Wed, 25 Jan 2012 07:54:14 +0000

If you are wondering how to validate your contact PHP form in dreamweaver, follow the simple steps below:

Open your contacts.html in Dreamweaver CS4, while you see the contact form as below:

Click on the Name box as seen above, now look out for Windows in the main menu of your dreamweaver and under that you will find Behaviors, click on that as shown below:

Once you click on the Behaviors sub menu, you will be able to see the Behaviors table on the right side of your screen as shown below:

Now click on the “+” sign as circled in red in the above image.

Once you click on the “+” sign you will see a drop down menu, now click on Validate form as shown below:

Once you click on Validate Form, you will find a Validate Form screen flashing in the center of your screen as shown below:

Here you can define each field, by either checking the required value, for Name you can check the Anything checkbox, for email, you can click the Email address checkbox and for Phone you can click the Number checkbox and if you want all the information compulsorily, you can check the required value check box for all etc., Click the OK button, you’r done!

That’s it, you now know how to validate your contact PHP form in Dreamweaver CS4.

Contact PHP forms in Yahoo Smallbusiness Server

clement — Wed, 25 Jan 2012 07:14:51 +0000

If you are wondering why the regular PHP forms does not respond in Yahoo Smallbusiness server, we have another set of PHP codes to resolve all issues in Yahoo Small Business server.

First let us create an html file called contact.html in dreamweaver, with 4 fields ie: Name, Email, Phone & Message as shown below:

click on the form tag at the bottom of the contacts.html and link it to contacts-thanks.php and to be opened in a new window as shown below:

At this point you may not have a contacts-thanks.php with you, but remember to do this when you make your contacts-thanks.php

Now open another php document in Dreamweaver and copy the below codes:

Thankyou! We will get back to you soon.

/* Set e-mail recipient */
$myemail = “clement@bestwebdesignz.com”;

/* Check all form inputs using check_input function */
$name = check_input($_POST['name']);
$email = check_input($_POST['email'], “Write a subject”);
$phone = check_input($_POST['phone']);
$msg = check_input($_POST['msg']);

/* If e-mail is not valid show error message */
/*if (!preg_match(“/([\w\-]+\@[\w\-]+\.[\w\-]+)/”, $email))
{
show_error(“E-mail address not valid”);
}*/

/* If URL is not valid set $website to empty */
if (!preg_match(“/^(https?:\/\/+[\w\-]+\.[\w\-]+)/i”, $website))
{
$website = ”;
}

/* Let’s prepare the message for the e-mail */
$message = “Hello! Clement – Bestwebdesignz.

Your contact form has been submitted by:

Name: $name
E-mail: $email
Phone: $phone
Message: $msg

End of message
“;

/* Send the message using mail() function */
mail($myemail, $name, $message);

/* Functions we used */
function check_input($data, $problem=”)
{
$data = trim($data);
$data = stripslashes($data);
$data = htmlspecialchars($data);
if ($problem && strlen($data) == 0)
{
show_error($problem);
}
return $data;
}

function show_error($myError)
{
?>

Please correct the following error:

exit();
}
?>

Put in the thankyou message on top of the tag or just below the tag, as you can see in the above code, where it says “Thankyou! We will get back to you soon.”

Change the email id in the above code where it says “clement@bestwebdesignz.com” with your email id.

Now save this code in your contacts-thanks.php

Important Note: Make sure the fields in the contact form ie: TextField are the same defined in your contacts-thanks.php, for example the first field in the contact form which reads Name: is defined as “name” in the TextField, similarly the “name” is pulled up in the contact-thanks.php codes as in line 7th and 21st lines as evident above.

Also make sure that the contact form in your contacts.html is tagged with your contacts-thanks.php in the action section and opens in a new window, as explained above in point 2.

Upload both your files ie: contacts.html and contacts-thanks.php to the root directory of your Yahoo small business server using FileZilla.

Once the two files above are uploaded you can go to your browser and check your site, in this case, it will be http://bestwebdesignz.com/contacts.html

Fill in the contact form and click on the submit button.

Now check your mails as defined in your php codes, you can wait for a couple of minutes to see it coming, or check your spam folders etc.,

That’s it, you now know how to use yur contact PHP forms in Yahoo Small Business Server.

PHP code for Contact form

clement — Tue, 24 Jan 2012 06:11:30 +0000

If you have a contact form and wondering how to redirect the contact form to be redirected to your mail id, you can follow the below steps to send all your contact form details to your mail id.

Fist let us create a php folder called thankyou.php or you can do this later too, you can open dreamweaver and within the tag of your code copy and paste the below php codes.

echo $name.”. We will get back to you soon.”;
$name=$_REQUEST['name'] ;
$email=$_REQUEST['e-mail'];
$phone=$_REQUEST['phone'];
$msg=$_REQUEST['message'];

$Message = ” Form Details \n\n”;
$Message .= ” Name : $name \n”;
$Message .= ” E-mail : $email \n”;
$Message .= ” Phone : $phone \n”;
$Message .= ” Message : $msg \n”;

mail(“clement@bestwebdesignz.com”, “Website Visitors”, $Message , “From: $email\n”);
?>

You can change the mail id where it says, “clement@bestwebdesignz.com” to your mail id, now you can save the file in dreamweaver as thankyou.php

With the above step being completed, you have a file called thankyou.php.

2. While you open your contact.html page, you will see in the design part, the form which has the fields above:

while you click on each field inside, and check the code, you should have the same name as in the form, for example, when you click inside the Name: box of your contact form in your contact.html, the TextField must say “name” as described in your thankyou.php form, also check for all the 4 field names here.

After you do this, you must tag your form to your thankyou.php file and how to do this, you can see the below image and explaination:

click on the at the footer of your dreamweaver and in the action part where I have circled in red you must click on the yellow folder besides that and tag your form with the thankyou.php and also select the target as _blank, now save your files and upload them to your server.

Go to the contact page in your browser ie: http://bestwebdesignz.com/contact.html and put in your name, email, phone and message there and submit the form, you should receive the details filled in the contact form to your mail id as mentioned in the php code.

That’s it, you now know how to write a PHP code for a Contact form.

How to know if your hosting supports PHP

clement — Tue, 24 Jan 2012 05:33:25 +0000

If you have contact forms or any other forms in php and wondering if your hosting supports PHP, you can follow the below steps to know if your hosting supports PHP.

1. Open dreamweaver and go to the code page and copy and past the below php codes within the tag as shown below.

mail(‘clement@bestwebdesignz.com’,'Test mail’,'The mail function is working!’);
echo ‘Mail sent!’;
?>

2. Put in your mail id where it says ‘clement@bestwebdesignz.com’ in the code above.

3. Save the file as mailtest.php and upload it to your server using your FTP.

4. Go to your URL or domain name, in this case http://bestwebdesignz.com/ and add your php file name along with it, ie: http://bestwebdesignz.com/mailtest.php/ (since I have uploaded mailtest.php in the root directory ie: public_html folder.

5. Now check your mail and see if you received your mail, you can wait for a while too, check your spam folders too.

If you have received the mail which says “The mail function is working” then you know that your hosting supports PHP, if not your hosting does not support PHP.

That’s it, you now know how to know if your hosting supports PHP.

How to edit or change your footer name in Joomla

clement — Tue, 08 Feb 2011 11:24:08 +0000

How to edit or change your footer name in Joomla

If you are struggling trying to change your company name or copy rights etc., here are some tips.

Editing or changing your company name at the footer is not done usually through your Joomla backend, look for a footer.php file or a index.php file found in your themes folder of your templates.

It is usually found in one of the above, if the footer.php is not available, it should be available in your index.php, you will have to open it by using an html editor like dreamweaver or a notepad, then locate the footer and then change the name at the footer and save it.

Now using the FTP FileZilla, go to your template folder found under the public_html directory, locate your themes folder and then upload your index.php or footer.php.

That’s it, you now know how to edit or change your footer name in Joomla.

How to create an Article in Joomla

clement — Tue, 08 Feb 2011 10:35:54 +0000

Assuming you are in the administration panel of your joomla settings.

Click on the Article Manager under the Content Tab of your Joomla Administration panel as shown below:

You will find the Article Manager page, now we are looking to create an Article in Joomla, now click on the new icon found on the top right corner of your page as shown below:

You will land up in an Article : [New] page, where it will prompt you to enter the title of the Article, Alias, select a Section from the dropdown, you want to publish the page, so click on the Yes, this is not your front page, so click on the No, and then select your category from the dropdown as shown below:

Now that you have named the Article and configured the settings as above, you would like your page to have some content, copy your content and paste it in the body of the Joomla Article page as shown below, if you are well versed with HTML codes, you can design your page the way you ant in an HTML editor and then copy the codes from there and by clicking on the html icon found on the second line in the below image, an html editor window will pop up, and you can paste it there, as shown below:

Do not forget to Save your page by clicking on the save icon found on the top right corner of your page as shown below.

That’s it, you now know how to create an Article in Joomla

Unlink a Title in Joomla

clement — Tue, 08 Feb 2011 10:09:10 +0000

Unlink a Title in Joomla

Assuming you are logged into your Joomla administration

If you feel that the titles of your pages in Joomla are linked to a different page and you do not want it to be linked. Here is how you can get done with it.

Go to that particular page / pages where the titles have been linked, on the right of your screen you will see an Advanced Parameters, the second items, says “Title Linkable, click No from the dropdown and click on the save icon found on the top right corner of your screen as shown below:

That’s it, you now know how to unlink a title in Joomla

How to install a template in Joomla.

clement — Tue, 08 Feb 2011 08:11:01 +0000

How to install a template in Joomla.

If you have a Joomla template and wondering how to install and set it up, here are some tips.

As mentioned in my earlier tutorial, you can install Joomla by simply downloading it, its free, and then by copying all the files in the public_html folder using the filezilla FTP

Your Joomla comes with a theme folder which contains all other files and folders,

Using your FTP FileZilla, you must go to your template folder found under the public_html folder as shown below:

Copy the themes folder from your computer and upload it to the templates folder found under the public_html folder as shown below:

Login to your Joomla administrator panel using your username and password, click on the Template Manager found under the Extensions tab and check on the themes check box as shown below, your template will be enabled and using your url you will be able to see your new template:

Don’t forget to click on the Default button found on the top right corner of your screen.
That’s it, you now know how to install a template in Joomla.

How to change page titles in Joomla.

clement — Tue, 08 Feb 2011 07:33:31 +0000

Assuming you are logged into your Joomla administration

Always remember that your title of your article should be the same as your title for your page, even if there is a small discrepancy, both the titles will show on the top of the page.

Click on the top menu found under the menus tab of your joomla administrator panel as shown below:

Click on the menu items, in this case, let us change the page title of Our Programs page, so click on the Our Programs link as shown below:

As you enter the menu page, you will see on your right, some parameters like Basic, Component and System, click on the System Parameters, which will open up, then change your title page to Our Programs, if that is what you want to display when you open that page, check show page title to Yes, and check the Ignore the SSL Enabled as shown below:

After you are done, click on the Save icon found on the top right side of your screen as shown below:

That’s it, you now know how to change Page titles in Joomla.

How to disable a user login form in Joomla

clement — Tue, 08 Feb 2011 07:14:07 +0000

Assuming you are logged into your Joomla administration

By default, a joomla login form comes with username, password, with a login button, and password reminder, forgot your username and Register.
If you have a login form and wondering how to stop all visitors to from registering, you can simply disable it.
Click on the Global configuration under the Site tab found in your admin panel of Joomla as shown below:

Click the System link found in the Global configuration as shown below:

Check the Allow User Registration to No as shown below.

That’s it, the new Registration will not even show up in your login form of Joomla,
You now know how to disable the register link from the login form of Joomla.