Navigational Menu in the header

medcruiser

hi;
i have one problem with my website.
www.pakmed.org/forum
on this forum under the heading of board index i want to put navigational menu like home or for other sites.can anybody tell me how i can add the tabs.
you can see those tabs on this site
www.kemcolian.com
Thanks
medcruiser@yahoo.com

Kudose

In FireFox, go to www.kemcolian.com

Click view. Click page source.

Since it is all in JavaScript and HTML, it should be pretty easy to implement (although that site could have some sort of server-side setup for the menu ... i.e. it is database driven).

medcruiser

Actually i am a newbie in the world of website designing . i am designing an educational website.i have checked the site
www.kemcolian.com
i dont know but in the view option at lot many places its written html seems to be html site.can you help me with this how i can add navigational on my php based site.
www.pakmed.org/forum
Thanks in advance

ScoobyDooobyD00

Hey, I made a video explaining what you want.

http://brwpages.com/videos/php-dropdown.swf

Heres the code:

<?php
$host = "localhost";
$user = "root";
$pwd = "";

$con = mysql_connect($host, $user, $pwd)
or die(mysql_error());

mysql_select_db(tuts, $con);
?>
<html>
<head>
<title>PHP Based navigation - With dropdowns</title>

<style type="text/css">

body {
	font-family: arial, helvetica, serif;
}

ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
}

li { /* all list items */
	float: left;
	position: relative;
	width: 10em;
	background-color: #ccc;
}

li ul { /* second-level lists */
	display: none;
	position: absolute;
	top: 1em;
	left: 0;
	border: 1px solid #000;
	border-bottom: 0px;
}

li ul li {
	border-bottom: 1px solid #000;
}

li ul li a {
	display: block;
	width: 10em;
	background-color: #ccc;
}

li ul li a:hover {
	background-color: #eee;
}
li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
}

li:hover ul, li.over ul { /* lists nested under hovered list items */
	display: block;
}

#content {
	clear: left;
}

</style>

<script type="text/javascript"><!--//--><![CDATA[//><!--
startList = function() {
	if (document.all&&document.getElementById) {
		navRoot = document.getElementById("nav");
		for (i=0; i<navRoot.childNodes.length; i++) {
			node = navRoot.childNodes[i];
			if (node.nodeName=="LI") {
				node.onmouseover=function() {
					this.className+=" over";
				}
				node.onmouseout=function() {
					this.className=this.className.replace(" over", "");
				}
			}
		}
	}
}
window.onload=startList;

//--><!]]></script>

</head>
<body>
<ul>
<?php
$sql = "SELECT * FROM mlinks ORDER BY id";
$res = mysql_query($sql) or die(mysql_error());

while($row = mysql_fetch_assoc($res)) {
	echo "<li>" . $row['name'];
$sql2 = "SELECT * FROM slinks WHERE category = '" . $row['id'] . "'";
$res2 = mysql_query($sql2) or die(mysql_error());
	echo "<ul>";
while($row2 = mysql_fetch_assoc($res2)) {

	echo "<li><a href=\"" . $row2['url'] . "\">" . $row2['title'] . "</a></li>";

}
	echo "</ul>";
	echo "</li>";
}
?>
</ul>
</body>
</html>

medcruiser

Thank you Sir;
you help me a lot . Now i am going through your videos.can you plz tell me where can i find my php file.b/c i open up the ACP panel but i couldnt find the php file there.plz explain it

medcruiser

Hi
I can go upto the php admin , but there in create new data base there is no drop down menu and its written no privilages/. can you tell me how i can make this 'create new database"

ScoobyDooobyD00

Ok, to create a database you'll go to the cPanel's first page, and you should see a link labeled "MySQL Databases". (If you can't find it press CTRL + F to search the page)

Inside of the MySQL Databases page you should see a text box that says "Create a MySQL Database" or something like that.

Give it a name that is easy to remember (Example: Scooby)

it should take you to another page saying you have successfully created the database.

Click "Go Back" and it will take you back to that page.

On the page "MySQL Databases" look for a spot that reads "Create a User"

Make a username and password and click next. (Example: Username = "uname" Password = "pword")

it will take you to another page and just click "Go Back"

On the page "MySQL Databases" scroll down to where it says "Add user to a database".

you should have 2 dropdowns one labeled "User" and the other "Database"

choose the user that you just created (in my case "uname")

and then choose the database that you just created (in my case "Scooby")

make sure that you have "All Privileges" checked.

That is it for creating the database.

now go to phpMyAdmin and on the left you should see your database in a list of databases. Like this

A database

Another Database

Scooby

Click on the database that you created and then you should see a page like this.

http://i31.tinypic.com/rkpnxy.jpg

Now to connect to the database so you can retrieve your links.

DON'T GIVE ANYONE ELSE THIS INFORMATION!!!

<?php 
// What is your cpanel username

//Put it inside the quotes.
$cpanel = "";

//You probably don't need to change this
$host = "localhost"; 

// Put the username that you used on "MySQL Page" inside the quotes.

$username = "";

// and  put your password inside these quotes.

$password = "";

//and last put the name of your database here inside the quotes.

$database = "";

$nusername = $cpanel . "_" . $username;

$ndatabase = $cpanel . "_" . $database;


$con = mysql_connect($host, $nusername, $password)
or die(mysql_error());

mysql_select_db($ndatabase, $con);
?>

copy and paste this code ^ and replace it with this

<?php 
$host = "localhost"; 
$user = "root"; 
$pwd = ""; 

$con = mysql_connect($host, $user, $pwd) 
or die(mysql_error()); 

mysql_select_db(tuts, $con); 
?>

If you still need help just ask!

medcruiser

Hi;
i have created a file , but at the end i dont know where to copy paste this code.b/c there is no place in this new database file.

ScoobyDooobyD00

I'm sorry, what do you mean?

medcruiser

hi
i created the database file in php my admin but after that i dont know where to paste the code you have send.can you plz explain

ScoobyDooobyD00

Oh ok, here's the code.

<?php 
// What is your cpanel username 

//Put it inside the quotes. 
$cpanel = ""; 

//You probably don't need to change this 
$host = "localhost"; 

// Put the username that you used on "MySQL Page" inside the quotes. 

$username = ""; 

// and  put your password inside these quotes. 

$password = ""; 

//and last put the name of your database here inside the quotes. 

$database = ""; 

$nusername = $cpanel . "_" . $username; 

$ndatabase = $cpanel . "_" . $database; 


$con = mysql_connect($host, $nusername, $password) 
or die(mysql_error()); 

mysql_select_db($ndatabase, $con); 
?> 
<html> 
<head> 
<title>PHP Based navigation - With dropdowns</title> 

<style type="text/css"> 

body { 
    font-family: arial, helvetica, serif; 
} 

ul { /* all lists */ 
    padding: 0; 
    margin: 0; 
    list-style: none; 
} 

li { /* all list items */ 
    float: left; 
    position: relative; 
    width: 10em; 
    background-color: #ccc; 
} 

li ul { /* second-level lists */ 
    display: none; 
    position: absolute; 
    top: 1em; 
    left: 0; 
    border: 1px solid #000; 
    border-bottom: 0px; 
} 

li ul li { 
    border-bottom: 1px solid #000; 
} 

li ul li a { 
    display: block; 
    width: 10em; 
    background-color: #ccc; 
} 

li ul li a:hover { 
    background-color: #eee; 
} 
li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */ 
    top: auto; 
    left: auto; 
} 

li:hover ul, li.over ul { /* lists nested under hovered list items */ 
    display: block; 
} 

#content { 
    clear: left; 
} 

</style> 

<script type="text/javascript"><!--//--><![CDATA[//><!-- 
startList = function() { 
    if (document.all&&document.getElementById) { 
        navRoot = document.getElementById("nav"); 
        for (i=0; i<navRoot.childNodes.length; i++) { 
            node = navRoot.childNodes[i]; 
            if (node.nodeName=="LI") { 
                node.onmouseover=function() { 
                    this.className+=" over"; 
                } 
                node.onmouseout=function() { 
                    this.className=this.className.replace(" over", ""); 
                } 
            } 
        } 
    } 
} 
window.onload=startList; 

//--><!]]></script> 

</head> 
<body> 
<ul> 
<?php 
$sql = "SELECT * FROM mlinks ORDER BY id"; 
$res = mysql_query($sql) or die(mysql_error()); 

while($row = mysql_fetch_assoc($res)) { 
    echo "<li>" . $row['name']; 
$sql2 = "SELECT * FROM slinks WHERE category = '" . $row['id'] . "'"; 
$res2 = mysql_query($sql2) or die(mysql_error()); 
    echo "<ul>"; 
while($row2 = mysql_fetch_assoc($res2)) { 

    echo "<li><a href=\"" . $row2['url'] . "\">" . $row2['title'] . "</a></li>"; 

} 
    echo "</ul>"; 
    echo "</li>"; 
} 
?> 
</ul> 
</body> 
</html>