Embed Drop-Down Menu for Basic Catholic Web Site Development

Introduction

Given below is a simple drop-down menu which you can embed in one of your web pages. The menu lets you select from seven sites to discover ideas and solutions for small Catholic web site development. You can discover resources from Catholic and Technology books, blogs, links, videos, news, and search. The eight sites from which you can be able to access resources are from: Twitter, FriendFeed, Blogger, Librarything, Delicious, Diigo, and Rollyo. As you learn how to embed a drop-down menu in your web page, then you can eventually create your own drop-down menu using the PHP code in this tutorial.

Creating the PHP script and HTML form code for the drop-down menu

To embed the drop-down menu, you need to install a PHP script and an HTML form code within the same directory of your web site's server. This article will give the code for the PHP script and the code for the HTML form.

The PHP script

The code for the PHP script is given below. You can copy and paste the script into NotePad and then save the file as do_redirect.php After creating this file, you need to upload it using your favorite FTP Client.

<?php
$location = $_POST['location'];
header("Location: $location");
exit;
?>

Creating the drop-down HTML code

Second, embed the following HTML code in one of your web pages. So that you do not miss any detail in the code, you can just copy and paste everything given below:

<form method="post" action="do_redirect.php">
Get updates and ideas from:
<select name="location" size="1">
<option value="http://rollyo.com/philotheos2009/catholic_blog_ideas">Rollyo</option>
<option value="http://twitter.com/takeng">Twitter</option>
<option value="http://friendfeed.com/takeng">FriendFeed</option>
<option value="http://www.c-internet-mission.net/">Blogger</option>
<option value="http://www.librarything.com/catalog/cimtslcwdcsn">Librarything</option>
<option value="http://delicious.com/cimgac">Delicious</option>
<option value="http://www.diigo.com/user/cimgac88">Diigo</option>
</select>
<input type="submit" value="Go!">
</form>

If everything works well, the drop-down menu will appear as seen below this page. Once you make it work in your web page, then you can create your own drop-down menu using the sites that you want to promote for your small Catholic web site and blog.

More information from this site's network

Get regular updates on basic and small Catholic web site development, blogging, social networking, and web applications from:

• Friendfeed: Provides content ideas from Catholic news and technology updates
• The Site feed: Discover ideas on blogging, web site development, social networking, and web applications
• A post at Catholic Internet Mission blog: This blog periodically summarizes all the articles and content produced in the network.

Published Articles Directory

Harvest ideas on basic web development, computing and emailing, mobile technology, blogging, web content writing, web2.0 and social networking, site enhancement, and writing scripts
Page 1 | 2 | 3 | 4 | 5 | 6