Of Drop-down Menus and "More Commentary" Boxes...

[darkX3536]

I am using Frontpage 2002 to build my website and currently, I have problems with drop-down menus and "more commentary" boxes.

1. For drop-down menus, how do I make it work for people using browsers that have Javascript support disabled?

I am using the following code:

<form name="jump">
<select style="height:17px; width:400px;
font-family:tahoma;font-size:10px" name="menu"
onChange="location=document.jump.menu.options[document.jump.menu.selectedIndex].value;"
value="GO">
<option value="">Please Choose a Song!</option>
<option value="http://www.site1.com">Site 1</option>
<option value="http://www.site2.com">Site 2</option>
<option value="http://www.site3.com">Site 3</option>
</select>
</form>

2. I have seen "more commentary" boxes in websites like http://www.webpagesthatsuck.com/worst-nonprofit-web-sites-of-2007.html
What is their proper technical term?

3. I also gotten their code for such boxes.

<h2>Brown University Research — <a href="http://research.brown.edu/" target="_blank">Go to Brown University Research</a></h2>

<p>Brown, Brown, Brown. Such a prestigious school; such sucky web design. </p>

<dl class="accordion-menu">
<dt class="a-m-t" id="foo-1">Click for more commentary on Brown University Research. </dt>

<dd class="a-m-d">
<div class="bd">
<p><strong>Submitter's comments: </strong>Vincent, Brown University isn't rated high enough (or is it &quot;low enough&quot;?) in your article <a href="http://www.webpagesthatsuck.com/10-worst-web-pages-featured-on-web-pages-that-suck-in-2006.html">The   10 Worst Web Pages Featured on WPTS in 2006</a>. Check out their <a href="http://research.brown.edu/" target="_blank">Research page</a>.&nbsp; Then try to   close one of the images so you can see what is under it&hellip;</p>

<p><strong>Vincent Flanders' comments: </strong>Of course, you're right and I should   really move it from #10 to...maybe #7, but I'd have to reassess everything   else. That's just too much bad design to deal with.</p>
<p>I like to think I'm a clever guy, but I can't come up with such a cleverly   stupid idea for navigation as this page demonstrates. Seriously, I'm impressed.   It reminds me of the time I worked at Dow Chemical and four of us had to unload   a refrigerated truckload of human placentas in the middle of an Indiana   summer...oh, you're eating breakfast / lunch / dinner. I'll save that story for   another time. </p>
<p><a href="http://research.brown.edu/" target="_blank" rel="nofollow">Brown   University Research</a></p>
</div>
</dd>
</dl>	
</div>

How do I modify such boxes without the need to fool around with the code? And what language is that in anyway?

Thanks!

 

[Mooseman]

1.
You can use CSS based dropdown menues
Example HERE

2.
Thats expandable boxes/menues

3.
That code is not doing anything good unless you have the CSS for it
The language is HTML ( the one you posted ) but styled in CSS
Expandable menues only works great with JS, but it is possible with pure CSS too, even the coding can be somewhat tricky

 

[darkX3536]

1. I tried the sample you gave me, it does not work correctly as expected. I will stick with JS menus for now...

2. Ok, I used that term and found this website that creates such boxes.
http://www.flooble.com/scripts/expand.php

3. In that website, I saw an option called Style Class... Where should I get such files?