• 0

drop down menu

Asked by thankins,

 Share

Question

Mentor

thankins

Posted
Posted

Hi guys, I was curious if any HTML Gods here could lend me a helping hand. I have the following page: Link I would like to have the buttons be drop down menus, there should be three drop down menus, and then two other buttons and I do not know how to do it. I already have three buttons, but would like it to look more like this:

Button One: Home

Button Two: Forms - Drop Down Menu -

Sub Menu 1 - Applicant Form

Sub Menu 2 - Award Form

Button Two: Delete Records - Drop Down Menu -

Sub Menu 1 - Delete Applicant

Sub Menu 2 - Delete Award

Button Three: Reports- Drop Down Menu -

Sub Menu 1 - Applicant Query

Sub Menu 2 - Award Query

Button Four: Logout

I have had a friend create the page for me ( it is for a database design project, and we are working as a grp) and I can't figure out to do the next step.

Being in college I dont have a lot of money, but could pay someone 5-10 dollars to help me out! Any Help would be great! and it is much appreciated!

Here is the source code

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<head>

	 <title> Franklin University - Scholarship Office</title>
	  <link rel="stylesheet" type="text/css" href="index.css" />

	 <meta content="text/html; charset=ISO-8859-1" http-equiv="content-type" />
	 <meta name="keywords" content="Template - 02" />
	 <meta name="author" content="Synthetic Cheese" />
	 <meta name="description" content="Template - 02" />
</head>

 	 <body>


 	 <div id="container">

 	 	<div class="top">

 	 		<div class="topy"> </div>

 	 		<div class="topbar">

				<div align="center"><a href="#"></a><img src="images/spacer.gif" style="width: 80px; height: 1px;" alt="spacer" /> 	 		</div>
 	 		</div> 


		  <div align="center">
			<!--end of top -->

		  </div>
 			<div class="topleft">			</div>

			<div class="topbottom">
			  <div align="center">
				<p><br />
					<span><b>Scholarship Office - Admin Area </b><br />
					This area is for administration use only, all other use is strictly prohibited. Your IP address is being record into a database for our protection. </span> </p>
				<p> </p>
			  </div>
			</div>

			<div class="topright">

				<div align="center"><img src="images/banneradmin.gif" alt="banner" width="536" height="194" />				</div>
			</div>
 	 	</div> 


	   <div align="center">
		 <!--end of top -->

		 <br />

	   </div>
		<div class="nav">

 	 		<div align="center"><img src="images/navleft.gif" style="float: left;" alt="navleft" />
 	 		  <img src="images/navright.gif" style="float: right;" alt="navright" />

 		  </div>
 	 		<div class="button">
 	 		  <div align="center"><a href="index.html"><img src="images/button.gif" class="image" alt="Home" /><span>  Home</span></a></div>
 	 		</div>

 	 		<div class="button">
 	 		  <div align="center"><a href="students.htm"><img src="images/button.gif" class="image" alt="Students" /><span>Students</span></a></div>
 	 		</div>


 	 		<div class="button">
 	 		  <div align="center"><a href="contact.htm"><img src="images/button.gif" class="image" alt="Contact" /><span> Contact</span></a></div>
 	 		</div>
 	 	</div> 


	   <div align="center">
		 <!-- end of nav -->

	   </div>
		<div class="title">

 	 	 	<div class="titlebar">
 	 	 		<div align="center">
 	 	 		  <p><br>
 	 	 			Your IP Address is: <?php echo $_SERVER["REMOTE_ADDR"]; ?> 



 				  </p>
 	 	 		  <p> </p>
 	 		  </div>
 	 	</div>

 	 	<div class="content">

		  <div class="content
		  "><!-- Begin of MTop web button menu code -->
<script type="text/javascript" language="JavaScript1.2">
<!--
var m9271_timerID = null;
var m9271_timerOn = false;
var m9271_timeCount = 1000;
var m9271_mnuCount = 3;
function m9271_showLayer(btntd,btnmnu,bdir,mdir,mpos,xoffset,yoffset)
{
	var td,layer;
	if (btnmnu==0) return;
	td = document.getElementById(btntd);
	layer = document.getElementById(btnmnu);
	if (bdir==0)
	{
		switch(mpos)
		{
			case 0:
			layer.style.left = xoffset;
			break;
			case 1:
			layer.style.left = td.offsetWidth/2 + xoffset;
			break;
			case 2:
			layer.style.left = td.offsetWidth+xoffset;
			break;
		}
		if (mdir==0)
			layer.style.top = td.offsetHeight+yoffset;
		else
			layer.style.top = -layer.offsetHeight-yoffset;
	}
	else
	{
		switch(mpos)
		{
			case 0:
			layer.style.top = yoffset;
			break;
			case 1:
			layer.style.top = td.offsetHeight/2 + yoffset;
			break;
			case 2:
			layer.style.top = td.offsetHeight+yoffset;
			break;
		}
		if (mdir==0)
			layer.style.left = td.offsetWidth+xoffset;
		else
			layer.style.left = -layer.offsetWidth-xoffset;
	}
	layer.style.visibility = "visible";
};
function m9271_hideLayer(btnmnu)
{
	var layer;
	if (btnmnu==0) return;
	layer = document.getElementById(btnmnu);
	layer.style.visibility = "hidden";
};
function m9271_hideAllLayers()
{
	for (i=0; i<m9271_mnuCount; i++)
		m9271_hideLayer("m9271_mbtn_mnu"+i);
};
function m9271_startTime()
{
	if (m9271_timerOn == false)
	{
 		m9271_timerID=setTimeout( "m9271_hideAllLayers()" , m9271_timeCount);
 		m9271_timerOn = true;
 	}
};
function m9271_stopTime()
{
	if (m9271_timerOn)
	{
 		clearTimeout(m9271_timerID);
 		m9271_timerID = null;
 		m9271_timerOn = false;
 	}
};
//-->
</script>
<!-- End of MTop web button menu code -->
		  </div>

 	 	</div> 


	   <div align="center">
		 <!-- end of nav -->
			</div> 


		  </div> 


	   <div class="copyright"><div align="center"></div>
 	 	</div>
 	 </div> 
 	 <div align="center">



	 </div>
 	 </body>


</html>

Link to comment
Share on other sites

19 answers to this question

Recommended Posts

  • 0
Mentor

thankins

Posted
  • Author
Posted

thanks, but i was looking at changing the buttons that i have now to drop down menus, I bookmarked that page though! Thanks! Again, I can't afford a lot but can pay somone 10 USD to help me out!

Link to comment
Share on other sites
  • 0
Grand Master

primexx

Posted
Posted

It'll take much less effort converting your menu into CSS based, rather than trying to work with that Javascript that you have. However if you insist, then you can keep waiting for someone who knows how to make what you want.

Link to comment
Share on other sites
  • 0
Mentor

thankins

Posted
  • Author
Posted

It'll take much less effort converting your menu into CSS based, rather than trying to work with that Javascript that you have. However if you insist, then you can keep waiting for someone who knows how to make what you want.

I really dont know how to do it in CSS either, I really dont know that much about HTML, CSS, and Java, and that is why i was asking for help

Link to comment
Share on other sites
  • 0
Grand Master

primexx

Posted
Posted

considering that you'd have to learn any method you choose, I'd recommend suckerfish (again), if you follow the tutorial, it's quite simple and to the point. have any questions feel free to ask here, there are lots of people whos able to help you. There's no point learning something that takes more time, effort, and energy, and is only half as good.

Link to comment
Share on other sites
  • 0
Community Regular

jake1eye

Posted
Posted (edited)

no it's not, it's horrible.

Sorry if it to confusing for you, it does require some intelligence.I had no problem reading and nderstanding it. Using that as a basic template it was easy to make this. There are 3 different drop menus in this hta, all are based on that page. I mean they have every thing there layout was easy for me to read and understand.

What do you find so horrible, that it was to hard for you to understand or was it you would have to read to much. I mean it broken down into section and explains each part. MS even has it set up for a cut and paste for you to use. I guess it true that to some people the art of reading is lost. :no:

Edited by jake1eye
Link to comment
Share on other sites
  • 0
Grand Master

gigapixels Veteran

Posted
  • Veteran
Posted

Sorry if it to confusing for you, it does require some intelligence.I had no problem reading and nderstanding it. Using that as a basic template it was easy to make this. There are 3 different drop menus in this hta, all are based on that page. I mean they have every thing there layout was easy for me to read and understand.

What do you find so horrible, that it was to hard for you to understand or was it you would have to read to much. I mean it broken down into section and explains each part. MS even has it set up for a cut and paste for you to use. I guess it true that to some people the art of reading is lost. :no:

It has nothing to do with the length of the article; ALA has some pretty long articles themselves. It has to do with the way everything is done in that article. I.E.: it uses tables and JavaScript to create the drop-downs. That is old, outdated, and unstandard. In other words, horrible.

Oh, and don't get off trying to sound more intelligent or better than another person in here. You just get off sounding like an ass. You're not going to make many friends that way. :rolleyes:

Link to comment
Share on other sites
  • 0
Community Regular

jake1eye

Posted
Posted

Here something for you to think about, I have no training what so ever yet I was able to use that article as a base to build that HTA.

If you look at the original post he is using the same format as the article I posted about, since that is format he wants to use then I provided the poster with information that was relevent to his post.

Now since I do not ever tell some one there wrong for using as you

That is old, outdated, and unstandard. In other words, horrible.

I do not say this is the only way, I just provided the poster with what he wanted to use, not what you or any one else thinks he should use. I did not say no do not use it I said here a article for him to read that was close to what the they wanted. So does that make me wrong or does that make me someone who want to help.

Now if the person who had said that using this is old and outdated way of doing this, and here a link to some newer information that will provide the poster with doing it this way instead, I would of not reply to that post.

Link to comment
Share on other sites
  • 0
Grand Master

gigapixels Veteran

Posted
  • Veteran
Posted

Here something for you to think about, I have no training what so ever yet I was able to use that article as a base to build that HTA.

If you look at the original post he is using the same format as the article I posted about, since that is format he wants to use then I provided the poster with information that was relevent to his post.

Now since I do not ever tell some one there wrong for using as you

I do not say this is the only way, I just provided the poster with what he wanted to use, not what you or any one else thinks he should use. I did not say no do not use it I said here a article for him to read that was close to what the they wanted. So does that make me wrong or does that make me someone who want to help.

Now if the person who had said that using this is old and outdated way of doing this, and here a link to some newer information that will provide the poster with doing it this way instead, I would of not reply to that post.

And I wouldn't have replied to your post if you hadn't acted like an ass and implied that primexx was stupid and/or much less intelligent than you.

The fact is, that method is outdated and unstandard, and therefore should NOT be used on the web AT ALL. Not by my preference, but by the standards set forth by the World Wide Web Consortium. Standards are better for us all when it comes to web development, and learning old standards makes it much harder to transition to the new. So you may have been giving thankins a good tutorial, but it was old and outdated and therefore should not be used.

It's great that you were trying to help, but in the overall scheme of things, it's actually a bad idea to use the methods displayed in that tutorial.

Link to comment
Share on other sites
  • 0
Veteran

Leddy

Posted
Posted

And I wouldn't have replied to your post if you hadn't acted like an ass and implied that primexx was stupid and/or much less intelligent than you.

The fact is, that method is outdated and unstandard, and therefore should NOT be used on the web AT ALL. Not by my preference, but by the standards set forth by the World Wide Web Consortium. Standards are better for us all when it comes to web development, and learning old standards makes it much harder to transition to the new. So you may have been giving thankins a good tutorial, but it was old and outdated and therefore should not be used.

It's great that you were trying to help, but in the overall scheme of things, it's actually a bad idea to use the methods displayed in that tutorial.

I think you're getting a bit too worked up. Jake1eye wasn't acting like an ass, he was just unaware that the method in the tutorial was old and outdated; he probably wasn't even aware that web standards exist.

Don't take things so personally.

That said, web standards are a bit overrated. Take a look at this, for example:

http://validator.w3.org/check?uri=www.ledd....net%2Fblog.php

That page (at the moment) has "548 errors" and still renders properly. Mind you, I can't do anything about any of those errors, because it's just the way the RSS parses through. I can't fix it without changing the actual feed (which I can't.)

Usually if something has so many errors, you'd expect it to topple over.

In fact, all pages which use the RSS feed parser on my site have errors now. :(

Link to comment
Share on other sites
  • 0
Community Regular

jake1eye

Posted
Posted

I think you're getting a bit too worked up. Jake1eye wasn't acting like an ass, he was just unaware that the method in the tutorial was old and outdated; he probably wasn't even aware that web standards exist.

I did not know it was old, I was unsure about the standard.

All I wanted to do help was the poster with his request. If I insulted anyone, then I am sorry for that. I now now there are standards and even have gone and done some reading on using CSS for drop menus.

Thank you Leddy for saying something on my behave.

Thank you pixels for informing me that the method and article was old.

Link to comment
Share on other sites
  • 0
Grand Master

primexx

Posted
Posted

I think you're getting a bit too worked up. Jake1eye wasn't acting like an ass, he was just unaware that the method in the tutorial was old and outdated; he probably wasn't even aware that web standards exist.

Don't take things so personally.

That said, web standards are a bit overrated. Take a look at this, for example:

http://validator.w3.org/check?uri=www.ledd....net%2Fblog.php

That page (at the moment) has "548 errors" and still renders properly. Mind you, I can't do anything about any of those errors, because it's just the way the RSS parses through. I can't fix it without changing the actual feed (which I can't.)

Usually if something has so many errors, you'd expect it to topple over.

In fact, all pages which use the RSS feed parser on my site have errors now. :(

I agree to some degree that they are overrated, however...

The purpose of standards is not to force everyone to absolutely abide by them 100%, it is to push for a unified world wide web. Perhaps some results cannot be achieved by confining yourself to the current standards, in which case it is OK to break the rules, as long as your code is still accessable to the most ammount of people possible. Your case falls under this category, where you can not edit the feeds themselves. However when a standards compliant method does exist, there is absolutely no reason to use out dated code to do the same job.

btw, thank you pixels.

Link to comment
Share on other sites
  • 0
Grand Master

gigapixels Veteran

Posted
  • Veteran
Posted

I think you're getting a bit too worked up. Jake1eye wasn't acting like an ass, he was just unaware that the method in the tutorial was old and outdated; he probably wasn't even aware that web standards exist.

Don't take things so personally.

That said, web standards are a bit overrated. Take a look at this, for example:

http://validator.w3.org/check?uri=www.ledd....net%2Fblog.php

That page (at the moment) has "548 errors" and still renders properly. Mind you, I can't do anything about any of those errors, because it's just the way the RSS parses through. I can't fix it without changing the actual feed (which I can't.)

Usually if something has so many errors, you'd expect it to topple over.

In fact, all pages which use the RSS feed parser on my site have errors now. :(

So you're telling me he wasn't acting like an ass? Specifically the parts I highlighted below:

Sorry if it to confusing for you, it does require some intelligence. I had no problem reading and nderstanding it. Using that as a basic template it was easy to make this. There are 3 different drop menus in this hta, all are based on that page. I mean they have every thing there layout was easy for me to read and understand.

What do you find so horrible, that it was to hard for you to understand or was it you would have to read to much. I mean it broken down into section and explains each part. MS even has it set up for a cut and paste for you to use. I guess it true that to some people the art of reading is lost. :no:

I don't care about his knowledge (or lack thereof) on web standards. It was the way he came off towards primexx. That was indeed a rude way to go about it and you cannot say he wasn't acting like an ass.

And primexx, no problem.

Link to comment
Share on other sites
This topic is now closed to further replies.
 Share
Go to question listing

  • Recently Browsing   0 members

    • No registered users viewing this page.