Java - Drop Down Menus

[Lyte]

Check out what I learned today! This is a very basic script on how to create dropdowns.

This first bit o' code is not the drop down menu itself but is necessary and must be placed somewhere above the drop down menu coding:

<script language="JavaScript">
<!--function go() [location=document.drop.example.
options[document.drop.example.selectedIndex].value}//--> 
</script>

Then create your drop down menu using code like this:

<form name="drop">
<select name="example" size="1">
<option value="http://www.pc101.com">PC101</option>
<option value="http://www.google.com">Google</option>
<option value="http://www.yahoo.com">Yahoo</option>
</select><input type="button" name="test" value="Go!" onclick="go()"></form>

All together, the result should look like this...

<--link

I didn't think a drop down was so easily created!

Lyte

[firestorm]

They are easy to create, but I'd prefer a CSS coded drop down menu. That way you don't have to rely on peoples browser accepting javascript(even though a small minority don't).

[Lyte]

Kewl! Can you present some sample coding (as I did) so we can see how it's done?

Lyte

[firestorm]

do i have 2? lol yea itll be up by tomorrow.

[firestorm]

http://www.htmldog.com/articles/suckerfish/dropdowns/
Doubt I could write it any better. If you need anything explained let me know. With CSS, you can add more links with ease, just copy and paste.

All you essentially do is make a fancy list (<li>)

[dr911]

I'm very impressed...Lyte. Nice job. When I get some time, I will add on some codes for "you-all" !!

[Lyte]

Originally Posted by dr911

When I get some time, I will add on some codes for "you-all" !!

That would be great! We'd appreciate it!

Lyte

[dr911]

Ok...Lyte & others,
Here we go.

To add a "clock" using "Java-scriptting code"

</SCRIPT></p></font color>
<font color=#000ff><p><SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function MakeArrayday(size) {
this.length = size;
for(var i = 1; i <= size; i++) {
this[i] = "";
}
return this;
}
function MakeArraymonth(size) {
this.length = size;
for(var i = 1; i <= size; i++) {
this[i] = "";
}
return this;
}
function funClock() {
if (!document.layers && !document.all)
return;
var runTime = new Date();
var hours = runTime.getHours();
var minutes = runTime.getMinutes();
var seconds = runTime.getSeconds();
var dn = "AM";
if (hours >= 12) {
dn = "PM";
hours = hours - 12;
}
if (hours == 0) {
hours = 12;
}
if (minutes <= 9) {
minutes = "0" + minutes;
}
if (seconds <= 9) {
seconds = "0" + seconds;
}
movingtime = "<b>"+ hours + ":" + minutes + ":" + seconds + " " + dn + "</b>";
if (document.layers) {
document.layers.clock.document.write(movingtime);
document.layers.clock.document.close();
}
else if (document.all) {
clock.innerHTML = movingtime;
}
setTimeout("funClock()", 1000)
}
window.onload = funClock;
// End -->
</script>

[dr911]

And to make "sentence or two to scroll across your site (called "marquee")

<p><marquee>
<h1><font color=#000ff><u>What Ever You Want To Say Here</u></font
color></h1></marquee></p>

Now the ......."#000ff" is the color your letters or numbers will turn out to be......in this case it's a "dark blue".

Here's a cool web page to help you all out with colors;
Link:http://ilovethecode.com/HTML/HTML-Tu...or_Chart.shtml

[Lyte]

Kewl! Do you have an example of the clock script in action some where??

Lyte

[dr911]

Originally Posted by Lyte

Kewl! Do you have an example of the clock script in action some where??

Lyte

Yes I do....Lyte & others....go to my web site: http://www.freeusmoney.com

and look up at the top (sort of left hand side) and you will see a clock & date there in blue.

[Lyte]

Kewl! And I guess that's the marquee script in action across the top??

Lyte

[dr911]

Originally Posted by Lyte

Kewl! And I guess that's the marquee script in action across the top??

Lyte

Yes, your right Lyte. You can change the speed & colors in the marquee to any thing you want. The "clock" is actually the time your PC is set up to be.

I post a few more when I get som time !!