dropdown menu issue....

jb123 · 02-Mar-2004, 11:57 AM #1

Could someone look at this dropdown for me and see why i cant move it below a header.....i wrestled with it for hours....

<html>
<head>
<TITLE>Welcome to PBProperty specializing in residential sales of homes townhomes condominiums and villas condo condominium duplex financing investment property houses mortgage multi unit triplex </TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1252">
<META NAME="Description" CONTENT="Your source for Palm Beach County Real Estate including homes, condos, condominiums, townhomes, villas, waterfront, houses, gated communities, golf, tennis">
<META NAME="Keywords" CONTENT="land, vacant land, buildable land, commercial, industrial, light industrial, rental investment, property investments, palm beach county, condo, condos, condominium, home, homes, houses, single family, residences, family, villa, villas, townhome, townhomes, townhouses, townhouse, land, vacant land, lot, lots, buildable, buildable land, building, buildings, west palm beach, west palm, palm beach, lake worth, lantana, hypoluxo, ocean ridge, boynton beach, delray beach, boca raton, gold coast, wellington, lake clarke, palm springs, el cid, royal palm beach, acreage, loxahatchee, waterfront, dockage, north palm beach, singer island, palm beach gardens, jupiter, juno, juno beach, pool, screened patio, fenced yard, real estate, property, listings, buyers, buying, sellers, selling, realty, investments, investing, profit, oceanfront, waterview, waterviews, beachfront, beach, country club, gated community, gated commuinties, seasonal rental, seasonal rentals, rental, annual rentals, snowbird, snowbirds, golf, golf community">
<meta name="rating" content="general">
<meta name="distribution" content="global">
<!-DHTML scripts by Dynamic Drive (http://www.dynamicdrive.com)-->
<style>
a:hover{color:red; font-weight:bold; font-size:14; }
</style>
</head>

<style type="text/css">
td{font-family:tahoma;font-size:10pt}
body{font-family:tahoma;font-size:10pt}
A:hover{color:blue;text-decoration:underline}
a{text-decoration:none}
</style>


<title>PBProperty-Real Estate Services in the Palm Beaches</title>
<script language="JavaScript">
<!--
//******INSTRUCTIONS******//
/*
READ THESE INSTRUCTIONS AND CHANGE THE VARIABLES ACCORDINGLY
*/
var menu_speed=20;
/* menu_speed - this value allows you to change the speed of the menu. (1 to 20) (1 is the slowest) Note that the lower the speed the smoother the menu is */

/*someday maybe i'll also add - menu_acceleration

*/

var menu_width=245;
/* menu_width - this special value allows you to change the width of all the menus.
It is so adjustable that it keeps you wondering how this was done.

NOTE : that all menu widths are equal and determinted by this value only.

To try it : Change it to 125, preview it, then change it to 225 and see the difference!
Don't go below 100 since it'll look too cramped up,
*/

menu_height=360;
/* menu_height - you wouldn't want to modify this in any way, except if one of the menus is appearing a little lower that the others (that happens in case a menu item is way too long and the menu has failed to auto adjust) So all you have to do is keep increasing the height by 5 and checking each time to see if it appears properly.

To try this : Enter 300 as the height and see the 2nd menu which has a long menu item. So you'll go about increasing it : 305, 310 ...... OK done. But to be on the safer side increase it further by 50. hence the 350.

So you see that a big value will do no harm. But then again the user is using a browser which gives a non-scrolling height of bout 400 (so you should not go above 400).

Mostly you won't have problems since many items are not required in 1 single menu (you could use the other ones or add more)

Flexible, isn't it?
*/

var instant_close=1;
/* instant_close - if you want the menu to close as soon as the user leaves the menu, set this value to 1 else 0 */
var total=3;
/* total - the total number of menus you want to have.
IMP : You have to also add the menus and its items, so just increasing this won't do. So read on...
*/

/*
Look out for
******* ADDING ANOTHER MENU *******
further down somewhere in the page....
*/

//Don't change anything after this line unless you know what youre doing
//Cheers from Schubert

if (menu_speed > 20)
{
menu_speed=20;
}
if(document.all)
{
doc = "document.all";
sty = ".style";
htm = ""
}
else if(document.layers)
{
doc = "document";
sty = "";
htm = ".document"
}

function positionLayers(num)
{
abcObj = eval(doc + '["Lyr"+num+""]' + sty);
abcObj.left = (menu_width*num)+20;
//abcObj.top=-265;
abcObj.top=-(menu_height-30);
abcObj.width=menu_width;
abcObj.height=menu_height;

}
function pullitup(num)
{
abcObj = eval(doc + '["Lyr"+num+""]' + sty);
if (window.dropdown)
{
clearInterval(dropdown)
}
pullup=setInterval("uplift()",1)
}
function dropitdown(num)
{
closeothers(num);
abcObj = eval(doc + '["Lyr"+num+""]' + sty);
if (window.pullup)
{
clearInterval(pullup)
}
dropdown=setInterval("downlift()",1)
}
function uplift()
{
var x_pos1 = parseInt(abcObj.top);
if(x_pos1 >= -(menu_height-40) )
{
if(instant_close==1)
{
abcObj.top=-(menu_height-35);
}
else if(instant_close==0)
{
abcObj.top = x_pos1-menu_speed;
}
}
else if (window.pullup)
{
clearInterval(pullup);
}
}
function downlift()
{
var x_pos1 = parseInt(abcObj.top);
if(x_pos1 < 0)
{
abcObj.top = x_pos1+menu_speed;
}
else if (window.dropdown)
{
clearInterval(dropdown);
}
}
function info()
{
alert("This script is copyrighted to Schubert - schubert_94_2000@yahoo.com.");
}
function start()
{
for(x=0;x<total;x++)
{
positionLayers(x);
}
}
function closeothers(num)
{
for(x=0;x<total;x++)
{
if(x==num)
{continue;
}
abcObj = eval(doc + '["Lyr"+x+""]' + sty);
abcObj.top = -(menu_height-35);
}
}

// end it-->
</script>
</head>
<body bgcolor="#CCFFFF" link="red" vlink="red" alink="red" leftmargin="5" topmargin="100" rightmargin="5" onload="start()">

<div id="Lyr1" onmouseover="dropitdown(1)" onmouseout="pullitup(1)" style="position:absolute; z-index:100; visibility:visible; left: 285px; top: 34px;">

<table bgcolor="#ffffff" width="100%" height="100%" border="2" bordercolor="#0000FF" bordercolordark="#000000" bordercolorlight="#808080" cellspacing="0" cellpadding="4">

<tr><td align="center" valign="middle">
<a href="http://www.pbproperty.com/selling.html">Selling Your Property</a>
</td></tr>
<tr><td align="center" valign="middle">
<a href="http://www.pbproperty.com/sellingprocedures.html">Selling Procedures</a>
</td></tr>
<tr><td align="center" valign="middle">
<a href="http://www.pbproperty.com/sellingmistakes.html">Selling Mistakes</a>
</td></tr>
<tr><td align="center" valign="middle">
<a href="http://www.pbproperty.com/evaluatingproperty.html">Evaluating Property</a>
</td></tr>
<tr><td align="center" valign="middle">
<a href="http://www.pbproperty.com/propertyanalysis.html">Free Property Analysis</a>
</td></tr>
<tr><td align="center" valign="middle">
<a href="http://www.pbproperty.com/propertymanagement.html">Property Management</a>
</td></tr>

<tr><td align="center" valign="middle" height="30">
<font size="-1"><b><u>SELLERS</u></b></font>
</td></tr>

</table>
</div>

<div id="Lyr2" onMouseOver="dropitdown(2)" onMouseOut="pullitup(2)" style="position:absolute; z-index:100; visibility:visible; top: 100px; background-color: #00FFFF; layer-background-color: #00FFFF; border: 1px none #000000; left: 555px;">
<table bgcolor="#ffffff" width="100%" height="100%" border="2" bordercolor="#000000" bordercolordark="#000000" bordercolorlight="#808080" cellspacing="0" cellpadding="4">
<tr>
<td align="center" valign="middle"> <a href="http://www.pbproperty.com/localinfo.html">Local
Info</a> </td>
</tr>
<tr>
<td align="center" valign="middle"> <a href="http://www.pbproperty.com/taxrecords.html">Tax
Records</a> </td>
</tr>
<tr>
<td align="center" valign="middle"> <a href="http://www.pbproperty.com/schoolinfo.html">School
Info</a> </td>
</tr>
<tr>
<td align="center" valign="middle"> <a href="http://www.pbproperty.com/areamap.html">Area
Map</a> </td>
</tr>
<tr>
<td align="center" valign="middle"> <a href="http://www.pbproperty.com/aboutme.html">About
Me</a> </td>
</tr>
<tr>
<td align="center" valign="middle"> <a href="mailto:bilokur@bellsouth.net">Contact
Me</a> </td>
</tr>
<tr>
<td align="center" valign="middle"> <a href="http://www.pbproperty.com/feedback.html">Feedback</a>
</td>
</tr>
<tr>
<td align="center" valign="middle"> <a href="http://www.pbproperty.com/index.html">Home</a>
</td>
</tr>
<tr>
<td align="center" valign="middle" height="30"> <font size="-1"><b><u>LINKS
OF INTEREST</u></b></font> </td>
</tr>
</table>
</div>
<div id="Lyr0" onMouseOver="dropitdown(0)" onMouseOut="pullitup(0)" style="position:absolute; z-index:100; visibility:visible; top: 128px; left: 72px; overflow: auto; background-color: #00FFFF; layer-background-color: #00FFFF; border: 1px none #000000;">
<table bgcolor="#ffffff" width="100%" height="100%" border="2" bordercolor="#FFFFFF" bordercolordark="#000000" bordercolorlight="#808080" cellspacing="0" cellpadding="4">
<tr>
<td align="center" valign="middle"> <a href="http://www.pbproperty.com/thinkingaboutbuying.html">Thinking
About Buying</a> </td>
</tr>
<tr>
<td align="center" valign="middle"> <a href="http://pbproperty.com/buyerservices.html">Buyer
Services</a> </td>
</tr>
<tr>
<td align="center" valign="middle"> <a href="http://pbproperty.com/propertysearch.html">Property
Search</a> </td>
</tr>
<tr>
<td align="center" valign="middle"> <a href="http://pbproperty.com/mlssearch.html">MLS
Search</a> </td>
</tr>
<tr>
<td align="center" valign="middle"> <a href="http://pbproperty.com/rentingleasing.html">Renting/Leasing</a>
</td>
</tr>
<tr>
<td align="center" valign="middle"> <a href="http://pbproperty.com/foreclosures.html">Foreclosures</a>
</td>
</tr>
<tr>
<td align="center" valign="middle"> <a href="http://pbproperty.com/financing.html">Financing</a>
</td>
</tr>
<tr>
<td align="center" valign="middle"> <a href="http://pbproperty.com/calculator.html">Mortgage
Caluclator</a> </td>
</tr>
<tr>
<td align="center" valign="middle"> <a href="http://pbproperty.com/homeinspections.html">Home
Inspections</a> </td>
</tr>
<tr>
<td align="center" valign="middle"> <a href="http://pbproperty.com/vacantland.html">Vacant
Land</a> </td>
</tr>
<tr>
<td align="center" valign="middle"> <a href="http://pbproperty.com/featuredproperty.html">Featured
Property</a> </td>
</tr>
<tr>
<td align="center" valign="middle"> <a href="http://pbproperty.com/investing.html">Investing</a>
</td>
</tr>
<tr>
<td align="center" valign="middle" height="30"> <font size="-1"><b><u>BUYERS</u></b></font>
</td>
</tr>
</table>
</div>

<table width="100%" border="1" align="center" bordercolor="#0000FF">
<tr>
<td width="35%"><div align="center"><img src="file:///C|/Documents%20and%20Settings/jb/My%20Documents/pics/Bilokur_John.jpg" width="150" height="200" border="3"></div></td>
<td width="30%"><div align="center">
<p><strong><font color="#FF0000" size="+1">Continental Properties</font></strong></p>
<p><font color="#FF0000"><strong>Cell: 561-602-7886</strong></font></p>
<p><font color="#FF0000"><strong>Office: 561-689-4766 X 103</strong></font></p>
<p><font color="#FF0000"><strong>Fax: 561-698-3422</strong></font></p>
</div></td>
<td width="35%"><div align="center"><img src="file:///C|/Documents%20and%20Settings/jb/My%20Documents/pics/cp%20picture.jpg" width="150" height="200" border="3"></div></td>
</tr>
<tr>
<td height="39"><div align="center"><a href="http://townhousesandvillas.com"><strong><font color="#FF0000">Townhouses
and Villas</font></strong></a></div></td>
<td><div align="center"><font color="#FF0000" size="+2"><a href="file:///C|/Documents%20and%20Settings/jb/My%20Documents/pbproperty/mlssearch.html">MLS<img src="file:///C|/Documents%20and%20Settings/jb/My%20Documents/pics/mls_logo.gif" width="50" height="50" border="0">MLS</a></font></div></td>
<td><div align="center"><strong><a href="http://mrcondominium.com"><font color="#FF0000">Mr
Condominium</font></a></strong></div></td>
</tr>
<tr>
<td height="39"><div align="center"><a href="file:///C|/Documents%20and%20Settings/jb/My%20Documents/pics/googlelogo.gif"><img src="file:///C|/Documents%20and%20Settings/jb/My%20Documents/pics/googlelogo.gif" width="100" height="30" border="0"></a></div></td>
<td><div align="center"><a href="file:///C|/Documents%20and%20Settings/jb/My%20Documents/pbproperty/index.html"><strong><font color="#FF0000" size="+2">Home</font></strong></a></div></td>
<td><div align="center"><a href="http://www.gopbi.com"><img src="file:///C|/Documents%20and%20Settings/jb/My%20Documents/pics/gopbi.gif" width="100" height="30" border="0"></a></div></td>
</tr>
</table>
</body>
</html>

BillC · 02-Mar-2004, 12:17 PM #2

By chance are you using a html editor to design and publish your website?

jb123 · 02-Mar-2004, 12:38 PM #3

yes...dreamweaver as im a newbie and havent tried in FP yet. any suggestions ??

BillC · 02-Mar-2004, 01:55 PM #4

This may be a shot in the dark, but take the object where the code your having a problem with is located,click on it, and then click on the command button in Dreamweaver that will move the object back one space or even behind all other objects.

I hope I'm making sense to you. I use a html client called Spinner and find when an 'object' with javascript in it does not work as it should, I can move it "behind" other objects and often it then works fine. Why I'm not sure, but it does.

jb123 · 02-Mar-2004, 05:33 PM #5

well,in the interim,i installed it in a frameset and it works fine.......i just have never used them before so ill experiment.thanks again !

BillC · 02-Mar-2004, 05:52 PM #6

You are indeed welcome. I've discovered there is more than one way to skin a cat.

Search
Search in:
Show Threads Show Posts
Advanced Search

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)