Follow-up: "Mouse-Over" Drop-Down Menus

**Michael Winter** · Jul 23 '05, 01:09 PM

Re: Follow-up: "Mouse-Over" Drop-Down Menus

On Thu, 19 Aug 2004 02:08:15 -0700, Larry R Harrison Jr <noone@noone.co m>
wrote:

[snip]
[color=blue]
> It looks as though the thing to do is (a) make them absolute
> links--which will then suck if I ever move the webpages to another
> domain etc or (b) maintain different JS files for each folder--
> this would result in extra work anytime I add new links (I'd have to add
> them to all the extra exmplmenu_var.j s files) or (c) create this with
> frames.
>
> That is, with (c), have the menus in a left-hand side page with
> everything opening on the right-hand side in a "frames" page. The
> problem with this, though, is that when you go 2-3 levels deep you run
> out of space in the left frame, and it gets ugly. Also, the special
> instructions given for if you want to design them in a
> frameset--frankly, I'm not getting them.
>
> Tips?[/color]

You could try absolute URIs without the domain. If a URI starts with a
slash, it is interpreted relative to the current domain. This would allow
you place all of your site-wide scripts in a certain directory and the
path would be the same for all pages. For example,

http://www.site.org/js/script.js

can be referred to throughout using

/js/script.js

Even if you don't actually have a domain (you're hosted in a
subdirectory), this can still work. If you had to move hosts, all it would
take is a global search-and-replace of the front portion of the path
(unless you can use the same subdirectory). Not ideal, but not that hard,
either.

Finally, whatever you do, don't use frames. :D

Mike

--
Michael Winter
Replace ".invalid" with ".uk" to reply by e-mail.

**kaeli** · Jul 23 '05, 01:09 PM

Re: Follow-up: "Mouse-Over" Drop-Down Menus

In article <16_Uc.10110$yh .8485@fed1read0 5>, noone@noone.com enlightened us
with...[color=blue]
>
> I figured it out and have it working fine, except for one thing--apparently
> I need to insert the code for the menu for every last HTML file I have
> practically.
>[/color]

This is why using templates for your pages is a good idea. You change the
template and all pages that use it are updated automagically. I like
Dreamweaver. You can get DWMX off Ebay for like $100. IMO, it's well worth
the money. I can redesign my template and update my whole site (hundreds of
pages) in minutes.
DWMX also takes care of the link issue - it makes the links for you. Change
the location of a file and it updates all the links appropriately. It also
has a function called "change links sitewide" (or something similarly
phrased) that lets you change all links from one spot to another.
I never want to develop and maintain a large site without DW.
[color=blue]
>
> That is, with (c), have the menus in a left-hand side page with everything
> opening on the right-hand side in a "frames" page. The problem with this,
> though, is that when you go 2-3 levels deep you run out of space in the left
> frame, and it gets ugly. Also, the special instructions given for if you
> want to design them in a frameset--frankly, I'm not getting them.[/color]

IMO, frames suck major ass for internet sites, but my intranet app uses them
and it uses HVMenu. What don't you get? I have a top frame, a left frame
where the menu is, and a main frame. The menu pops into the main frame. The
frames are invisible to my users.

The appropriate lines from my files:
=============== =============== =============== =============== ============
exmplmenu_var.j s:
var FirstLineFrame= 'leftFrame'; // Frame where first
level appears
var SecLineFrame='m ainFrame'; // Frame where sub
levels appear
var DocTargetFrame= 'mainFrame'; // Frame where target
documents appear
var TargetLoc='myMe nu'; // span id for relative
positioning

=============== =============== =============== =============== ============
frameset:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd">
<html>
<head>
<title>Order Processing System</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<%
// get the value of the session var that tells us the name of the frame to
load. If none, loads home.jsp
Object pageToLoad = session.getAttr ibute("page");
if (pageToLoad == null)
{
pageToLoad = "home.jsp";
}
%>
<frameset rows="51,*" cols="*" frameborder="no " border="0" framespacing="0 "
class="f">
<frame src="top.jsp" name="topFrame" scrolling="no" noresize >
<frameset cols="83,*" frameborder="no " border="0" framespacing="0 "
class="f">
<frame src="left.jsp" name="leftFrame " scrolling="no" noresize>
<frame src="<%= pageToLoad %>" name="mainFrame ">
</frameset>
</frameset>
<noframes><body >

</body></noframes>
</html>
=============== =============== =============== =============== ============
left.jsp (left frame):
<base target="mainFra me">
<script language="javas cript">
function go(){return}
</script>
<script language="javas cript" src="exmplmenu_ var.js"></script>
<script language="javas cript" src="menu_com.j s"></script>
<div name="myMenu" id="myMenu" style='position :absolute; top:-1; left:0;
width:83px; height:18px;'>< img src='spacer.gif ' width='82' height='18'></div>
<p> </p>
=============== =============== =============== =============== ============
In every page that loads in main frame:
<script language="javas cript" type="text/javascript">
function doLoad()
{
// check that this is in the frameset properly
if (typeof parent.frames['topFrame'] != "object")
{
// reload
top.location.hr ef="index.jsp" ;
}
else
{
parent.frames['topFrame'].document.locat ion.reload();
if(parent.frame s[0]&&parent.fra mes['leftFrame'].Go)
{
parent.frames['leftFrame'].Go();
}
}
}

</script>
....

<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0 "
bgcolor="#fffff f" onload="doLoad( )" onunload="if (parent.frames['leftFrame'])
parent.frames['leftFrame'].UnLoaded()">
=============== =============== =============== =============== ============

Hope this helps.

--
--
~kaeli~
The secret of the universe is @*&^^^ NO CARRIER

http://www.ipwebdesign.net/wildAtHeart

http://www.ipwebdesign.net/kaelisSpace

**Csaba Gabor** · Jul 23 '05, 01:09 PM

Re: Follow-up: "Mouse-Over" Drop-Down Menus

Another option that you have, if you have some control over
you web server, is to "rewrite" a file('s name). In particular,
if you give your javascript file some unique name (that you
won't accidentally duplicate in the future), then you can get
your web (http) server to use a specific file whenever you get
any request for that specific file name. In this case, you would
not prefix that javascript file name with any slashes or directory
names (which is what your question was about).

If you are using Apache, you could check out a module called
mod_rewrite. Note that I am not actually recommending it for
your particular situation, but I do mention it as a viable option.
It's a useful technique in general, and it works well. However,
you will have a steep learning curve in front of you if you go down
this path. Consider yourself warned.

As another poster implied, whatever you do, you write yourself
into one solution which could present complications if you port your
files. In this case, the risk would be that you moved to another
server where you couldn't duplicate the rewriting section you'd be
creating.

In a working example, which is beyond the scope of what you
are doing, I need to generate a custom .js file for each request,
so the .js file is actually a .php file (a custom program running on
the web server) which does what it needs to do and then returns a
javascript file:

httpd.conf contains:
<Directory C:/WebDirectory/Viewer>
RewriteEngine on
RewriteRule ^(tab|col)List. js$ $1List.php [NC,L]
</Directory>

In your case, you would not be restricting this type of rewriting
to a particular directory. The important line, by the way, is
the RewriteRule, which takes a request for tabList.js or colList.js
and transforms it to tabList.php or colList.php, respectively
and then executes that file.

Good luck,
Csaba Gabor from Budapest

"Larry R Harrison Jr" <noone@noone.co m> wrote in message
news:16_Uc.1011 0$yh.8485@fed1r ead05...[color=blue]
> I have them working now, courtesy of the link given in the prior[/color]
thread--the[color=blue]
> HVMenu over at Dynamic Drive myself.
>
> http://www.dynamicdrive.com
>
> I have them working as side-bar menus, not horizontal ones on TOP of the
> page.
>
> I figured it out and have it working fine, except for one[/color]
thing--apparently[color=blue]
> I need to insert the code for the menu for every last HTML file I have
> practically.
>
> This is not a big deal except that some of them are in different folders,
> and thus many of the links don't work in the other locations because[/color]
they're[color=blue]
> "relative" links as opposed to "absolute" links. I figured that was the
> better way--after all--with (as an example) img src tags in HTML, you also
> just say "images/pic.jpg" rather than
> http://www.mywebsite.com/sports/images/pic.jpg.; as long as the "relative"
> location is right, it works. Plus, if you have a "contact us" page named
> "contact_us.htm l" you also just say <a href="contact_u s.html">Contact[/color]
Us</a>[color=blue]
> as opposed to <a
> href="http://www.mywebsite.c om/main/tutorials/contact_us.html ">Contact
> Us</a>.
>
> Problem is, with the existence of the other folders the relative links[/color]
don't[color=blue]
> work in those locations.
>
> It looks as though the thing to do is (a) make them absolute links--which
> will then suck if I ever move the webpages to another domain etc or (b)
> maintain different JS files for each folder--this would result in extra[/color]
work[color=blue]
> anytime I add new links (I'd have to add them to all the extra
> exmplmenu_var.j s files) or (c) create this with frames.
>
> That is, with (c), have the menus in a left-hand side page with everything
> opening on the right-hand side in a "frames" page. The problem with this,
> though, is that when you go 2-3 levels deep you run out of space in the[/color]
left[color=blue]
> frame, and it gets ugly. Also, the special instructions given for if you
> want to design them in a frameset--frankly, I'm not getting them.
>
> Tips?
>
> LRH[/color]

**Robert** · Jul 23 '05, 01:09 PM

Re: Follow-up: "Mouse-Over" Drop-Down Menus

>[color=blue]
> This is not a big deal except that some of them are in different folders,
> and thus many of the links don't work in the other locations because they're
> "relative" links as opposed to "absolute" links.[/color]

../javascript/script.js

Also, you can go up a level with the .. and then come down with the /

Robert

Follow-up: "Mouse-Over" Drop-Down Menus

Follow-up: "Mouse-Over" Drop-Down Menus

Comment

Comment

Comment

Comment