PC Review


Reply
Thread Tools Rate Thread

behaviour question on drop down menu

 
 
=?Utf-8?B?Q3JhaWc=?=
Guest
Posts: n/a
 
      24th Jun 2005
have set up a drop down menu leaf but I cannot get the layer below to display
as a transparent image (.gif) - it keeps on coming up with a white
backgroud.How do Iget the behaviours control to remove my menu on mouseout
when this is not
listed as an option in the drop down box. The only options I am getting are
for onload, onerror and onabort.
Can someone please help!

servecentrix.com
 
Reply With Quote
 
 
 
 
Ronx
Guest
Posts: n/a
 
      24th Jun 2005
See http://www.interlacken.com/winnt/tip...ow.aspx?tip=28
A link to the page may bring more specific help.
--
Ron Symonds
Microsoft MVP (FrontPage)
Reply only to group - emails will be deleted unread.

"Craig" <(E-Mail Removed)> wrote in message
news:8DA963F5-844D-48A6-A161-(E-Mail Removed)...
> have set up a drop down menu leaf but I cannot get the layer below
> to display
> as a transparent image (.gif) - it keeps on coming up with a white
> backgroud.How do Iget the behaviours control to remove my menu on
> mouseout
> when this is not
> listed as an option in the drop down box. The only options I am
> getting are
> for onload, onerror and onabort.
> Can someone please help!
>
> servecentrix.com



 
Reply With Quote
 
=?Utf-8?B?Q3JhaWc=?=
Guest
Posts: n/a
 
      24th Jun 2005
thanx Ronx but it is through following the interlackeb link that I have been
able to achieve what I have already done. Could you be more specific for me
on how I get
1)A transparent .gif file to show as mine always turns white when inserted
into front page - is there a tag that I need to adjust to make this possible.
2)How exactly do I configure the behaviours to get my menu to disappear when
I mouseover the transparent background.
A site link
servecentrix.com
this will show you where I am at with this if you move your cursor over the
Products menu tab.
"Ronx" wrote:

> See http://www.interlacken.com/winnt/tip...ow.aspx?tip=28
> A link to the page may bring more specific help.
> --
> Ron Symonds
> Microsoft MVP (FrontPage)
> Reply only to group - emails will be deleted unread.
>
> "Craig" <(E-Mail Removed)> wrote in message
> news:8DA963F5-844D-48A6-A161-(E-Mail Removed)...
> > have set up a drop down menu leaf but I cannot get the layer below
> > to display
> > as a transparent image (.gif) - it keeps on coming up with a white
> > backgroud.How do Iget the behaviours control to remove my menu on
> > mouseout
> > when this is not
> > listed as an option in the drop down box. The only options I am
> > getting are
> > for onload, onerror and onabort.
> > Can someone please help!
> >
> > servecentrix.com

>
>
>

 
Reply With Quote
 
Ronx
Guest
Posts: n/a
 
      24th Jun 2005
There are two ways to make a transparent gif - first a .gif with its
background the same colour as the page background, though this is not
transparent, and second a truly transparent .gif.
It could be that in FP Design view you are seeing the layer obscuring
the page behind it, rather than the .gif itself. If this is not the
case, then use the image at
www.rxs-enterprises.org/images/tp.gif


1) You have an Absolutely positioned Div located in a table cell.
This is not a good idea, since different browsers will render this in
different ways - the div may move in different browsers. Different
browser sizes may also affect the positioning.
In general, absolutely positioned layers should be directly after the
<body> tag, or directly before the </body> tag - but not in other
containers like table cells.
You can see how I got round this at www.rxs-enterprises.org/ for
modern browsers, but the method fails in Netscape 4 (and may fail in
other browsers I have not checked).
Using shared borders makes life difficult when also using absolute
positioning - consider replacing your borders with include files, or
even better use a Dynamic Web Template.

2) Do not use the Property-Restore behaviour to close the drop-down
layer - explicitly use a change property behaviour to hide it.

3) You are attempting to hide the drop down layer (see 2 above)
onmouseout from the cell that opens the layer. This makes it
impossible to select any links from that layer with the mouse (and
also seems to throw a JavaScript error).

4) You do not need onload events anywhere in the page, except in the
<body> tag.
In particular, the onload event in the "hide" layer is not necessary.

5) The change property behaviours in the Products layer should be
removed.

6) There should be a behaviour applied to the "hide" image that hides
the products leaf, then another to hide the "hide" layer. Instead
you have behaviours that show the (already visible) "hide" layer, and
the main menu - which never gets hidden anyway.

My menu at www.rxs-enterprises.org/_borders/globalnav.htm is loosely
based on Jim Buyen's tutorial. However the code has been considerably
tweaked so trying to follow it may confuse rather than help. Also
look at Jon Spivey's menu at
http://myweb.tiscali.co.uk/jonspivey/menus/index.html , which is
easier to implement.
--
Ron Symonds
Microsoft MVP (FrontPage)
Reply only to group - emails will be deleted unread.

"Craig" <(E-Mail Removed)> wrote in message
news:5372825C-6168-46EE-AF4C-(E-Mail Removed)...
> thanx Ronx but it is through following the interlackeb link that I
> have been
> able to achieve what I have already done. Could you be more specific
> for me
> on how I get
> 1)A transparent .gif file to show as mine always turns white when
> inserted
> into front page - is there a tag that I need to adjust to make this
> possible.
> 2)How exactly do I configure the behaviours to get my menu to
> disappear when
> I mouseover the transparent background.
> A site link
> servecentrix.com
> this will show you where I am at with this if you move your cursor
> over the
> Products menu tab.
> "Ronx" wrote:
>
>> See http://www.interlacken.com/winnt/tip...ow.aspx?tip=28
>> A link to the page may bring more specific help.
>> --
>> Ron Symonds
>> Microsoft MVP (FrontPage)
>> Reply only to group - emails will be deleted unread.
>>
>> "Craig" <(E-Mail Removed)> wrote in message
>> news:8DA963F5-844D-48A6-A161-(E-Mail Removed)...
>> > have set up a drop down menu leaf but I cannot get the layer
>> > below
>> > to display
>> > as a transparent image (.gif) - it keeps on coming up with a
>> > white
>> > backgroud.How do Iget the behaviours control to remove my menu on
>> > mouseout
>> > when this is not
>> > listed as an option in the drop down box. The only options I am
>> > getting are
>> > for onload, onerror and onabort.
>> > Can someone please help!
>> >
>> > servecentrix.com

>>
>>
>>



 
Reply With Quote
 
=?Utf-8?B?Q3JhaWc=?=
Guest
Posts: n/a
 
      24th Jun 2005
Thanks Ron that is just fantastic and locally I have created and am now using
a DWP. I cannot seem to get the hide layer(now with transparent .gif) to act
on a behaviour of a mouseover though - why is this?
When I select the layer either through the quick tag or by clicking the
actual layer in design mode the option of insert in behaviours is grayed out
if I select the <div> tag. How do I get this to act on mouseover.
Once again many thanks for your help

"Ronx" wrote:

> There are two ways to make a transparent gif - first a .gif with its
> background the same colour as the page background, though this is not
> transparent, and second a truly transparent .gif.
> It could be that in FP Design view you are seeing the layer obscuring
> the page behind it, rather than the .gif itself. If this is not the
> case, then use the image at
> www.rxs-enterprises.org/images/tp.gif
>
>
> 1) You have an Absolutely positioned Div located in a table cell.
> This is not a good idea, since different browsers will render this in
> different ways - the div may move in different browsers. Different
> browser sizes may also affect the positioning.
> In general, absolutely positioned layers should be directly after the
> <body> tag, or directly before the </body> tag - but not in other
> containers like table cells.
> You can see how I got round this at www.rxs-enterprises.org/ for
> modern browsers, but the method fails in Netscape 4 (and may fail in
> other browsers I have not checked).
> Using shared borders makes life difficult when also using absolute
> positioning - consider replacing your borders with include files, or
> even better use a Dynamic Web Template.
>
> 2) Do not use the Property-Restore behaviour to close the drop-down
> layer - explicitly use a change property behaviour to hide it.
>
> 3) You are attempting to hide the drop down layer (see 2 above)
> onmouseout from the cell that opens the layer. This makes it
> impossible to select any links from that layer with the mouse (and
> also seems to throw a JavaScript error).
>
> 4) You do not need onload events anywhere in the page, except in the
> <body> tag.
> In particular, the onload event in the "hide" layer is not necessary.
>
> 5) The change property behaviours in the Products layer should be
> removed.
>
> 6) There should be a behaviour applied to the "hide" image that hides
> the products leaf, then another to hide the "hide" layer. Instead
> you have behaviours that show the (already visible) "hide" layer, and
> the main menu - which never gets hidden anyway.
>
> My menu at www.rxs-enterprises.org/_borders/globalnav.htm is loosely
> based on Jim Buyen's tutorial. However the code has been considerably
> tweaked so trying to follow it may confuse rather than help. Also
> look at Jon Spivey's menu at
> http://myweb.tiscali.co.uk/jonspivey/menus/index.html , which is
> easier to implement.
> --
> Ron Symonds
> Microsoft MVP (FrontPage)
> Reply only to group - emails will be deleted unread.
>
> "Craig" <(E-Mail Removed)> wrote in message
> news:5372825C-6168-46EE-AF4C-(E-Mail Removed)...
> > thanx Ronx but it is through following the interlackeb link that I
> > have been
> > able to achieve what I have already done. Could you be more specific
> > for me
> > on how I get
> > 1)A transparent .gif file to show as mine always turns white when
> > inserted
> > into front page - is there a tag that I need to adjust to make this
> > possible.
> > 2)How exactly do I configure the behaviours to get my menu to
> > disappear when
> > I mouseover the transparent background.
> > A site link
> > servecentrix.com
> > this will show you where I am at with this if you move your cursor
> > over the
> > Products menu tab.
> > "Ronx" wrote:
> >
> >> See http://www.interlacken.com/winnt/tip...ow.aspx?tip=28
> >> A link to the page may bring more specific help.
> >> --
> >> Ron Symonds
> >> Microsoft MVP (FrontPage)
> >> Reply only to group - emails will be deleted unread.
> >>
> >> "Craig" <(E-Mail Removed)> wrote in message
> >> news:8DA963F5-844D-48A6-A161-(E-Mail Removed)...
> >> > have set up a drop down menu leaf but I cannot get the layer
> >> > below
> >> > to display
> >> > as a transparent image (.gif) - it keeps on coming up with a
> >> > white
> >> > backgroud.How do Iget the behaviours control to remove my menu on
> >> > mouseout
> >> > when this is not
> >> > listed as an option in the drop down box. The only options I am
> >> > getting are
> >> > for onload, onerror and onabort.
> >> > Can someone please help!
> >> >
> >> > servecentrix.com
> >>
> >>
> >>

>
>
>

 
Reply With Quote
 
Jon Spivey
Guest
Posts: n/a
 
      24th Jun 2005
Hi,

You need to apply the behavior to the gif in the layer - not to the layer
itself.

--
Cheers,
Jon
Microsoft MVP

"Craig" <(E-Mail Removed)> wrote in message
news:6CAE72E0-D28E-469A-B1B5-(E-Mail Removed)...
> Thanks Ron that is just fantastic and locally I have created and am now
> using
> a DWP. I cannot seem to get the hide layer(now with transparent .gif) to
> act
> on a behaviour of a mouseover though - why is this?
> When I select the layer either through the quick tag or by clicking the
> actual layer in design mode the option of insert in behaviours is grayed
> out
> if I select the <div> tag. How do I get this to act on mouseover.
> Once again many thanks for your help
>
> "Ronx" wrote:
>
>> There are two ways to make a transparent gif - first a .gif with its
>> background the same colour as the page background, though this is not
>> transparent, and second a truly transparent .gif.
>> It could be that in FP Design view you are seeing the layer obscuring
>> the page behind it, rather than the .gif itself. If this is not the
>> case, then use the image at
>> www.rxs-enterprises.org/images/tp.gif
>>
>>
>> 1) You have an Absolutely positioned Div located in a table cell.
>> This is not a good idea, since different browsers will render this in
>> different ways - the div may move in different browsers. Different
>> browser sizes may also affect the positioning.
>> In general, absolutely positioned layers should be directly after the
>> <body> tag, or directly before the </body> tag - but not in other
>> containers like table cells.
>> You can see how I got round this at www.rxs-enterprises.org/ for
>> modern browsers, but the method fails in Netscape 4 (and may fail in
>> other browsers I have not checked).
>> Using shared borders makes life difficult when also using absolute
>> positioning - consider replacing your borders with include files, or
>> even better use a Dynamic Web Template.
>>
>> 2) Do not use the Property-Restore behaviour to close the drop-down
>> layer - explicitly use a change property behaviour to hide it.
>>
>> 3) You are attempting to hide the drop down layer (see 2 above)
>> onmouseout from the cell that opens the layer. This makes it
>> impossible to select any links from that layer with the mouse (and
>> also seems to throw a JavaScript error).
>>
>> 4) You do not need onload events anywhere in the page, except in the
>> <body> tag.
>> In particular, the onload event in the "hide" layer is not necessary.
>>
>> 5) The change property behaviours in the Products layer should be
>> removed.
>>
>> 6) There should be a behaviour applied to the "hide" image that hides
>> the products leaf, then another to hide the "hide" layer. Instead
>> you have behaviours that show the (already visible) "hide" layer, and
>> the main menu - which never gets hidden anyway.
>>
>> My menu at www.rxs-enterprises.org/_borders/globalnav.htm is loosely
>> based on Jim Buyen's tutorial. However the code has been considerably
>> tweaked so trying to follow it may confuse rather than help. Also
>> look at Jon Spivey's menu at
>> http://myweb.tiscali.co.uk/jonspivey/menus/index.html , which is
>> easier to implement.
>> --
>> Ron Symonds
>> Microsoft MVP (FrontPage)
>> Reply only to group - emails will be deleted unread.
>>
>> "Craig" <(E-Mail Removed)> wrote in message
>> news:5372825C-6168-46EE-AF4C-(E-Mail Removed)...
>> > thanx Ronx but it is through following the interlackeb link that I
>> > have been
>> > able to achieve what I have already done. Could you be more specific
>> > for me
>> > on how I get
>> > 1)A transparent .gif file to show as mine always turns white when
>> > inserted
>> > into front page - is there a tag that I need to adjust to make this
>> > possible.
>> > 2)How exactly do I configure the behaviours to get my menu to
>> > disappear when
>> > I mouseover the transparent background.
>> > A site link
>> > servecentrix.com
>> > this will show you where I am at with this if you move your cursor
>> > over the
>> > Products menu tab.
>> > "Ronx" wrote:
>> >
>> >> See http://www.interlacken.com/winnt/tip...ow.aspx?tip=28
>> >> A link to the page may bring more specific help.
>> >> --
>> >> Ron Symonds
>> >> Microsoft MVP (FrontPage)
>> >> Reply only to group - emails will be deleted unread.
>> >>
>> >> "Craig" <(E-Mail Removed)> wrote in message
>> >> news:8DA963F5-844D-48A6-A161-(E-Mail Removed)...
>> >> > have set up a drop down menu leaf but I cannot get the layer
>> >> > below
>> >> > to display
>> >> > as a transparent image (.gif) - it keeps on coming up with a
>> >> > white
>> >> > backgroud.How do Iget the behaviours control to remove my menu on
>> >> > mouseout
>> >> > when this is not
>> >> > listed as an option in the drop down box. The only options I am
>> >> > getting are
>> >> > for onload, onerror and onabort.
>> >> > Can someone please help!
>> >> >
>> >> > servecentrix.com
>> >>
>> >>
>> >>

>>
>>
>>



 
Reply With Quote
 
=?Utf-8?B?Q3JhaWc=?=
Guest
Posts: n/a
 
      24th Jun 2005
Thanks Jon but when I set the behaviour up I don't get the option of on
mouseover if I apply the behaviour to the <img> tag.Is this the right one or
am I doing something totally wrong here?
Could you talk me through how I set the behaviour to apply to the .gif

"Jon Spivey" wrote:

> Hi,
>
> You need to apply the behavior to the gif in the layer - not to the layer
> itself.
>
> --
> Cheers,
> Jon
> Microsoft MVP
>
> "Craig" <(E-Mail Removed)> wrote in message
> news:6CAE72E0-D28E-469A-B1B5-(E-Mail Removed)...
> > Thanks Ron that is just fantastic and locally I have created and am now
> > using
> > a DWP. I cannot seem to get the hide layer(now with transparent .gif) to
> > act
> > on a behaviour of a mouseover though - why is this?
> > When I select the layer either through the quick tag or by clicking the
> > actual layer in design mode the option of insert in behaviours is grayed
> > out
> > if I select the <div> tag. How do I get this to act on mouseover.
> > Once again many thanks for your help
> >
> > "Ronx" wrote:
> >
> >> There are two ways to make a transparent gif - first a .gif with its
> >> background the same colour as the page background, though this is not
> >> transparent, and second a truly transparent .gif.
> >> It could be that in FP Design view you are seeing the layer obscuring
> >> the page behind it, rather than the .gif itself. If this is not the
> >> case, then use the image at
> >> www.rxs-enterprises.org/images/tp.gif
> >>
> >>
> >> 1) You have an Absolutely positioned Div located in a table cell.
> >> This is not a good idea, since different browsers will render this in
> >> different ways - the div may move in different browsers. Different
> >> browser sizes may also affect the positioning.
> >> In general, absolutely positioned layers should be directly after the
> >> <body> tag, or directly before the </body> tag - but not in other
> >> containers like table cells.
> >> You can see how I got round this at www.rxs-enterprises.org/ for
> >> modern browsers, but the method fails in Netscape 4 (and may fail in
> >> other browsers I have not checked).
> >> Using shared borders makes life difficult when also using absolute
> >> positioning - consider replacing your borders with include files, or
> >> even better use a Dynamic Web Template.
> >>
> >> 2) Do not use the Property-Restore behaviour to close the drop-down
> >> layer - explicitly use a change property behaviour to hide it.
> >>
> >> 3) You are attempting to hide the drop down layer (see 2 above)
> >> onmouseout from the cell that opens the layer. This makes it
> >> impossible to select any links from that layer with the mouse (and
> >> also seems to throw a JavaScript error).
> >>
> >> 4) You do not need onload events anywhere in the page, except in the
> >> <body> tag.
> >> In particular, the onload event in the "hide" layer is not necessary.
> >>
> >> 5) The change property behaviours in the Products layer should be
> >> removed.
> >>
> >> 6) There should be a behaviour applied to the "hide" image that hides
> >> the products leaf, then another to hide the "hide" layer. Instead
> >> you have behaviours that show the (already visible) "hide" layer, and
> >> the main menu - which never gets hidden anyway.
> >>
> >> My menu at www.rxs-enterprises.org/_borders/globalnav.htm is loosely
> >> based on Jim Buyen's tutorial. However the code has been considerably
> >> tweaked so trying to follow it may confuse rather than help. Also
> >> look at Jon Spivey's menu at
> >> http://myweb.tiscali.co.uk/jonspivey/menus/index.html , which is
> >> easier to implement.
> >> --
> >> Ron Symonds
> >> Microsoft MVP (FrontPage)
> >> Reply only to group - emails will be deleted unread.
> >>
> >> "Craig" <(E-Mail Removed)> wrote in message
> >> news:5372825C-6168-46EE-AF4C-(E-Mail Removed)...
> >> > thanx Ronx but it is through following the interlackeb link that I
> >> > have been
> >> > able to achieve what I have already done. Could you be more specific
> >> > for me
> >> > on how I get
> >> > 1)A transparent .gif file to show as mine always turns white when
> >> > inserted
> >> > into front page - is there a tag that I need to adjust to make this
> >> > possible.
> >> > 2)How exactly do I configure the behaviours to get my menu to
> >> > disappear when
> >> > I mouseover the transparent background.
> >> > A site link
> >> > servecentrix.com
> >> > this will show you where I am at with this if you move your cursor
> >> > over the
> >> > Products menu tab.
> >> > "Ronx" wrote:
> >> >
> >> >> See http://www.interlacken.com/winnt/tip...ow.aspx?tip=28
> >> >> A link to the page may bring more specific help.
> >> >> --
> >> >> Ron Symonds
> >> >> Microsoft MVP (FrontPage)
> >> >> Reply only to group - emails will be deleted unread.
> >> >>
> >> >> "Craig" <(E-Mail Removed)> wrote in message
> >> >> news:8DA963F5-844D-48A6-A161-(E-Mail Removed)...
> >> >> > have set up a drop down menu leaf but I cannot get the layer
> >> >> > below
> >> >> > to display
> >> >> > as a transparent image (.gif) - it keeps on coming up with a
> >> >> > white
> >> >> > backgroud.How do Iget the behaviours control to remove my menu on
> >> >> > mouseout
> >> >> > when this is not
> >> >> > listed as an option in the drop down box. The only options I am
> >> >> > getting are
> >> >> > for onload, onerror and onabort.
> >> >> > Can someone please help!
> >> >> >
> >> >> > servecentrix.com
> >> >>
> >> >>
> >> >>
> >>
> >>
> >>

>
>
>

 
Reply With Quote
 
Jon Spivey
Guest
Posts: n/a
 
      24th Jun 2005
Hi Craig,

Click the image hit CTRL + K to hyperlink it type "javascript:;" - no
quotes - into the box now in the tag selector chose the <a> tag you just
created and apply the behavior to it.

Having said this I don't use this method for making menus any more, it works
fine but it's a bit laborious, here's an example of an easier way
http://www.heresyourbook.com/menu2.htm

No transparent gif needed - if you look at the code you should see how it
works. I've got a behavior to automate the job - give me a few hours and
I'll get it up on the web.

--
Cheers,
Jon
Microsoft MVP

"Craig" <(E-Mail Removed)> wrote in message
news:FA5B3AB3-1984-47EB-82CC-(E-Mail Removed)...
> Thanks Jon but when I set the behaviour up I don't get the option of on
> mouseover if I apply the behaviour to the <img> tag.Is this the right one
> or
> am I doing something totally wrong here?
> Could you talk me through how I set the behaviour to apply to the .gif
>
> "Jon Spivey" wrote:
>
>> Hi,
>>
>> You need to apply the behavior to the gif in the layer - not to the layer
>> itself.
>>
>> --
>> Cheers,
>> Jon
>> Microsoft MVP
>>
>> "Craig" <(E-Mail Removed)> wrote in message
>> news:6CAE72E0-D28E-469A-B1B5-(E-Mail Removed)...
>> > Thanks Ron that is just fantastic and locally I have created and am now
>> > using
>> > a DWP. I cannot seem to get the hide layer(now with transparent .gif)
>> > to
>> > act
>> > on a behaviour of a mouseover though - why is this?
>> > When I select the layer either through the quick tag or by clicking the
>> > actual layer in design mode the option of insert in behaviours is
>> > grayed
>> > out
>> > if I select the <div> tag. How do I get this to act on mouseover.
>> > Once again many thanks for your help
>> >
>> > "Ronx" wrote:
>> >
>> >> There are two ways to make a transparent gif - first a .gif with its
>> >> background the same colour as the page background, though this is not
>> >> transparent, and second a truly transparent .gif.
>> >> It could be that in FP Design view you are seeing the layer obscuring
>> >> the page behind it, rather than the .gif itself. If this is not the
>> >> case, then use the image at
>> >> www.rxs-enterprises.org/images/tp.gif
>> >>
>> >>
>> >> 1) You have an Absolutely positioned Div located in a table cell.
>> >> This is not a good idea, since different browsers will render this in
>> >> different ways - the div may move in different browsers. Different
>> >> browser sizes may also affect the positioning.
>> >> In general, absolutely positioned layers should be directly after the
>> >> <body> tag, or directly before the </body> tag - but not in other
>> >> containers like table cells.
>> >> You can see how I got round this at www.rxs-enterprises.org/ for
>> >> modern browsers, but the method fails in Netscape 4 (and may fail in
>> >> other browsers I have not checked).
>> >> Using shared borders makes life difficult when also using absolute
>> >> positioning - consider replacing your borders with include files, or
>> >> even better use a Dynamic Web Template.
>> >>
>> >> 2) Do not use the Property-Restore behaviour to close the drop-down
>> >> layer - explicitly use a change property behaviour to hide it.
>> >>
>> >> 3) You are attempting to hide the drop down layer (see 2 above)
>> >> onmouseout from the cell that opens the layer. This makes it
>> >> impossible to select any links from that layer with the mouse (and
>> >> also seems to throw a JavaScript error).
>> >>
>> >> 4) You do not need onload events anywhere in the page, except in the
>> >> <body> tag.
>> >> In particular, the onload event in the "hide" layer is not necessary.
>> >>
>> >> 5) The change property behaviours in the Products layer should be
>> >> removed.
>> >>
>> >> 6) There should be a behaviour applied to the "hide" image that hides
>> >> the products leaf, then another to hide the "hide" layer. Instead
>> >> you have behaviours that show the (already visible) "hide" layer, and
>> >> the main menu - which never gets hidden anyway.
>> >>
>> >> My menu at www.rxs-enterprises.org/_borders/globalnav.htm is loosely
>> >> based on Jim Buyen's tutorial. However the code has been considerably
>> >> tweaked so trying to follow it may confuse rather than help. Also
>> >> look at Jon Spivey's menu at
>> >> http://myweb.tiscali.co.uk/jonspivey/menus/index.html , which is
>> >> easier to implement.
>> >> --
>> >> Ron Symonds
>> >> Microsoft MVP (FrontPage)
>> >> Reply only to group - emails will be deleted unread.
>> >>
>> >> "Craig" <(E-Mail Removed)> wrote in message
>> >> news:5372825C-6168-46EE-AF4C-(E-Mail Removed)...
>> >> > thanx Ronx but it is through following the interlackeb link that I
>> >> > have been
>> >> > able to achieve what I have already done. Could you be more specific
>> >> > for me
>> >> > on how I get
>> >> > 1)A transparent .gif file to show as mine always turns white when
>> >> > inserted
>> >> > into front page - is there a tag that I need to adjust to make this
>> >> > possible.
>> >> > 2)How exactly do I configure the behaviours to get my menu to
>> >> > disappear when
>> >> > I mouseover the transparent background.
>> >> > A site link
>> >> > servecentrix.com
>> >> > this will show you where I am at with this if you move your cursor
>> >> > over the
>> >> > Products menu tab.
>> >> > "Ronx" wrote:
>> >> >
>> >> >> See http://www.interlacken.com/winnt/tip...ow.aspx?tip=28
>> >> >> A link to the page may bring more specific help.
>> >> >> --
>> >> >> Ron Symonds
>> >> >> Microsoft MVP (FrontPage)
>> >> >> Reply only to group - emails will be deleted unread.
>> >> >>
>> >> >> "Craig" <(E-Mail Removed)> wrote in message
>> >> >> news:8DA963F5-844D-48A6-A161-(E-Mail Removed)...
>> >> >> > have set up a drop down menu leaf but I cannot get the layer
>> >> >> > below
>> >> >> > to display
>> >> >> > as a transparent image (.gif) - it keeps on coming up with a
>> >> >> > white
>> >> >> > backgroud.How do Iget the behaviours control to remove my menu on
>> >> >> > mouseout
>> >> >> > when this is not
>> >> >> > listed as an option in the drop down box. The only options I am
>> >> >> > getting are
>> >> >> > for onload, onerror and onabort.
>> >> >> > Can someone please help!
>> >> >> >
>> >> >> > servecentrix.com
>> >> >>
>> >> >>
>> >> >>
>> >>
>> >>
>> >>

>>
>>
>>



 
Reply With Quote
 
=?Utf-8?B?Q3JhaWc=?=
Guest
Posts: n/a
 
      24th Jun 2005
Thanks Jon
OK I'll stick to one step at a time it is easier for me to pick up and maybe
one day well who knows.How do you set the behaviour Jon as I've now tried
various settings and none have hidden the menu leaf

"Jon Spivey" wrote:

> Hi Craig,
>
> Click the image hit CTRL + K to hyperlink it type "javascript:;" - no
> quotes - into the box now in the tag selector chose the <a> tag you just
> created and apply the behavior to it.
>
> Having said this I don't use this method for making menus any more, it works
> fine but it's a bit laborious, here's an example of an easier way
> http://www.heresyourbook.com/menu2.htm
>
> No transparent gif needed - if you look at the code you should see how it
> works. I've got a behavior to automate the job - give me a few hours and
> I'll get it up on the web.
>
> --
> Cheers,
> Jon
> Microsoft MVP
>
> "Craig" <(E-Mail Removed)> wrote in message
> news:FA5B3AB3-1984-47EB-82CC-(E-Mail Removed)...
> > Thanks Jon but when I set the behaviour up I don't get the option of on
> > mouseover if I apply the behaviour to the <img> tag.Is this the right one
> > or
> > am I doing something totally wrong here?
> > Could you talk me through how I set the behaviour to apply to the .gif
> >
> > "Jon Spivey" wrote:
> >
> >> Hi,
> >>
> >> You need to apply the behavior to the gif in the layer - not to the layer
> >> itself.
> >>
> >> --
> >> Cheers,
> >> Jon
> >> Microsoft MVP
> >>
> >> "Craig" <(E-Mail Removed)> wrote in message
> >> news:6CAE72E0-D28E-469A-B1B5-(E-Mail Removed)...
> >> > Thanks Ron that is just fantastic and locally I have created and am now
> >> > using
> >> > a DWP. I cannot seem to get the hide layer(now with transparent .gif)
> >> > to
> >> > act
> >> > on a behaviour of a mouseover though - why is this?
> >> > When I select the layer either through the quick tag or by clicking the
> >> > actual layer in design mode the option of insert in behaviours is
> >> > grayed
> >> > out
> >> > if I select the <div> tag. How do I get this to act on mouseover.
> >> > Once again many thanks for your help
> >> >
> >> > "Ronx" wrote:
> >> >
> >> >> There are two ways to make a transparent gif - first a .gif with its
> >> >> background the same colour as the page background, though this is not
> >> >> transparent, and second a truly transparent .gif.
> >> >> It could be that in FP Design view you are seeing the layer obscuring
> >> >> the page behind it, rather than the .gif itself. If this is not the
> >> >> case, then use the image at
> >> >> www.rxs-enterprises.org/images/tp.gif
> >> >>
> >> >>
> >> >> 1) You have an Absolutely positioned Div located in a table cell.
> >> >> This is not a good idea, since different browsers will render this in
> >> >> different ways - the div may move in different browsers. Different
> >> >> browser sizes may also affect the positioning.
> >> >> In general, absolutely positioned layers should be directly after the
> >> >> <body> tag, or directly before the </body> tag - but not in other
> >> >> containers like table cells.
> >> >> You can see how I got round this at www.rxs-enterprises.org/ for
> >> >> modern browsers, but the method fails in Netscape 4 (and may fail in
> >> >> other browsers I have not checked).
> >> >> Using shared borders makes life difficult when also using absolute
> >> >> positioning - consider replacing your borders with include files, or
> >> >> even better use a Dynamic Web Template.
> >> >>
> >> >> 2) Do not use the Property-Restore behaviour to close the drop-down
> >> >> layer - explicitly use a change property behaviour to hide it.
> >> >>
> >> >> 3) You are attempting to hide the drop down layer (see 2 above)
> >> >> onmouseout from the cell that opens the layer. This makes it
> >> >> impossible to select any links from that layer with the mouse (and
> >> >> also seems to throw a JavaScript error).
> >> >>
> >> >> 4) You do not need onload events anywhere in the page, except in the
> >> >> <body> tag.
> >> >> In particular, the onload event in the "hide" layer is not necessary.
> >> >>
> >> >> 5) The change property behaviours in the Products layer should be
> >> >> removed.
> >> >>
> >> >> 6) There should be a behaviour applied to the "hide" image that hides
> >> >> the products leaf, then another to hide the "hide" layer. Instead
> >> >> you have behaviours that show the (already visible) "hide" layer, and
> >> >> the main menu - which never gets hidden anyway.
> >> >>
> >> >> My menu at www.rxs-enterprises.org/_borders/globalnav.htm is loosely
> >> >> based on Jim Buyen's tutorial. However the code has been considerably
> >> >> tweaked so trying to follow it may confuse rather than help. Also
> >> >> look at Jon Spivey's menu at
> >> >> http://myweb.tiscali.co.uk/jonspivey/menus/index.html , which is
> >> >> easier to implement.
> >> >> --
> >> >> Ron Symonds
> >> >> Microsoft MVP (FrontPage)
> >> >> Reply only to group - emails will be deleted unread.
> >> >>
> >> >> "Craig" <(E-Mail Removed)> wrote in message
> >> >> news:5372825C-6168-46EE-AF4C-(E-Mail Removed)...
> >> >> > thanx Ronx but it is through following the interlackeb link that I
> >> >> > have been
> >> >> > able to achieve what I have already done. Could you be more specific
> >> >> > for me
> >> >> > on how I get
> >> >> > 1)A transparent .gif file to show as mine always turns white when
> >> >> > inserted
> >> >> > into front page - is there a tag that I need to adjust to make this
> >> >> > possible.
> >> >> > 2)How exactly do I configure the behaviours to get my menu to
> >> >> > disappear when
> >> >> > I mouseover the transparent background.
> >> >> > A site link
> >> >> > servecentrix.com
> >> >> > this will show you where I am at with this if you move your cursor
> >> >> > over the
> >> >> > Products menu tab.
> >> >> > "Ronx" wrote:
> >> >> >
> >> >> >> See http://www.interlacken.com/winnt/tip...ow.aspx?tip=28
> >> >> >> A link to the page may bring more specific help.
> >> >> >> --
> >> >> >> Ron Symonds
> >> >> >> Microsoft MVP (FrontPage)
> >> >> >> Reply only to group - emails will be deleted unread.
> >> >> >>
> >> >> >> "Craig" <(E-Mail Removed)> wrote in message
> >> >> >> news:8DA963F5-844D-48A6-A161-(E-Mail Removed)...
> >> >> >> > have set up a drop down menu leaf but I cannot get the layer
> >> >> >> > below
> >> >> >> > to display
> >> >> >> > as a transparent image (.gif) - it keeps on coming up with a
> >> >> >> > white
> >> >> >> > backgroud.How do Iget the behaviours control to remove my menu on
> >> >> >> > mouseout
> >> >> >> > when this is not
> >> >> >> > listed as an option in the drop down box. The only options I am
> >> >> >> > getting are
> >> >> >> > for onload, onerror and onabort.
> >> >> >> > Can someone please help!
> >> >> >> >
> >> >> >> > servecentrix.com
> >> >> >>
> >> >> >>
> >> >> >>
> >> >>
> >> >>
> >> >>
> >>
> >>
> >>

>
>
>

 
Reply With Quote
 
Ronx
Guest
Posts: n/a
 
      25th Jun 2005
This is explained in Jim Buyen's article at
http://www.interlacken.com/winnt/tip...ow.aspx?tip=28
in the section "Reset All Menu Leafs"

I found it easier to work with a non-transparent image when setting
things up. There is a cyan image at
www.rxs-enterprises.org/images/cyan.gif you can use, replace it with
your transparent .gif when the menu is working.
--
Ron Symonds
Microsoft MVP (FrontPage)
Reply only to group - emails will be deleted unread.

"Craig" <(E-Mail Removed)> wrote in message
news:3DCA3991-BE40-4B56-AFC8-(E-Mail Removed)...
> Thanks Jon
> OK I'll stick to one step at a time it is easier for me to pick up
> and maybe
> one day well who knows.How do you set the behaviour Jon as I've now
> tried
> various settings and none have hidden the menu leaf
>
> "Jon Spivey" wrote:
>
>> Hi Craig,
>>
>> Click the image hit CTRL + K to hyperlink it type "javascript:;" -
>> no
>> quotes - into the box now in the tag selector chose the <a> tag you
>> just
>> created and apply the behavior to it.
>>
>> Having said this I don't use this method for making menus any more,
>> it works
>> fine but it's a bit laborious, here's an example of an easier way
>> http://www.heresyourbook.com/menu2.htm
>>
>> No transparent gif needed - if you look at the code you should see
>> how it
>> works. I've got a behavior to automate the job - give me a few
>> hours and
>> I'll get it up on the web.
>>
>> --
>> Cheers,
>> Jon
>> Microsoft MVP
>>
>> "Craig" <(E-Mail Removed)> wrote in message
>> news:FA5B3AB3-1984-47EB-82CC-(E-Mail Removed)...
>> > Thanks Jon but when I set the behaviour up I don't get the option
>> > of on
>> > mouseover if I apply the behaviour to the <img> tag.Is this the
>> > right one
>> > or
>> > am I doing something totally wrong here?
>> > Could you talk me through how I set the behaviour to apply to the
>> > .gif
>> >
>> > "Jon Spivey" wrote:
>> >
>> >> Hi,
>> >>
>> >> You need to apply the behavior to the gif in the layer - not to
>> >> the layer
>> >> itself.
>> >>
>> >> --
>> >> Cheers,
>> >> Jon
>> >> Microsoft MVP
>> >>
>> >> "Craig" <(E-Mail Removed)> wrote in message
>> >> news:6CAE72E0-D28E-469A-B1B5-(E-Mail Removed)...
>> >> > Thanks Ron that is just fantastic and locally I have created
>> >> > and am now
>> >> > using
>> >> > a DWP. I cannot seem to get the hide layer(now with
>> >> > transparent .gif)
>> >> > to
>> >> > act
>> >> > on a behaviour of a mouseover though - why is this?
>> >> > When I select the layer either through the quick tag or by
>> >> > clicking the
>> >> > actual layer in design mode the option of insert in behaviours
>> >> > is
>> >> > grayed
>> >> > out
>> >> > if I select the <div> tag. How do I get this to act on
>> >> > mouseover.
>> >> > Once again many thanks for your help
>> >> >
>> >> > "Ronx" wrote:
>> >> >
>> >> >> There are two ways to make a transparent gif - first a .gif
>> >> >> with its
>> >> >> background the same colour as the page background, though
>> >> >> this is not
>> >> >> transparent, and second a truly transparent .gif.
>> >> >> It could be that in FP Design view you are seeing the layer
>> >> >> obscuring
>> >> >> the page behind it, rather than the .gif itself. If this is
>> >> >> not the
>> >> >> case, then use the image at
>> >> >> www.rxs-enterprises.org/images/tp.gif
>> >> >>
>> >> >>
>> >> >> 1) You have an Absolutely positioned Div located in a table
>> >> >> cell.
>> >> >> This is not a good idea, since different browsers will render
>> >> >> this in
>> >> >> different ways - the div may move in different browsers.
>> >> >> Different
>> >> >> browser sizes may also affect the positioning.
>> >> >> In general, absolutely positioned layers should be directly
>> >> >> after the
>> >> >> <body> tag, or directly before the </body> tag - but not in
>> >> >> other
>> >> >> containers like table cells.
>> >> >> You can see how I got round this at www.rxs-enterprises.org/
>> >> >> for
>> >> >> modern browsers, but the method fails in Netscape 4 (and may
>> >> >> fail in
>> >> >> other browsers I have not checked).
>> >> >> Using shared borders makes life difficult when also using
>> >> >> absolute
>> >> >> positioning - consider replacing your borders with include
>> >> >> files, or
>> >> >> even better use a Dynamic Web Template.
>> >> >>
>> >> >> 2) Do not use the Property-Restore behaviour to close the
>> >> >> drop-down
>> >> >> layer - explicitly use a change property behaviour to hide
>> >> >> it.
>> >> >>
>> >> >> 3) You are attempting to hide the drop down layer (see 2
>> >> >> above)
>> >> >> onmouseout from the cell that opens the layer. This makes it
>> >> >> impossible to select any links from that layer with the mouse
>> >> >> (and
>> >> >> also seems to throw a JavaScript error).
>> >> >>
>> >> >> 4) You do not need onload events anywhere in the page, except
>> >> >> in the
>> >> >> <body> tag.
>> >> >> In particular, the onload event in the "hide" layer is not
>> >> >> necessary.
>> >> >>
>> >> >> 5) The change property behaviours in the Products layer
>> >> >> should be
>> >> >> removed.
>> >> >>
>> >> >> 6) There should be a behaviour applied to the "hide" image
>> >> >> that hides
>> >> >> the products leaf, then another to hide the "hide" layer.
>> >> >> Instead
>> >> >> you have behaviours that show the (already visible) "hide"
>> >> >> layer, and
>> >> >> the main menu - which never gets hidden anyway.
>> >> >>
>> >> >> My menu at www.rxs-enterprises.org/_borders/globalnav.htm is
>> >> >> loosely
>> >> >> based on Jim Buyen's tutorial. However the code has been
>> >> >> considerably
>> >> >> tweaked so trying to follow it may confuse rather than help.
>> >> >> Also
>> >> >> look at Jon Spivey's menu at
>> >> >> http://myweb.tiscali.co.uk/jonspivey/menus/index.html , which
>> >> >> is
>> >> >> easier to implement.
>> >> >> --
>> >> >> Ron Symonds
>> >> >> Microsoft MVP (FrontPage)
>> >> >> Reply only to group - emails will be deleted unread.
>> >> >>
>> >> >> "Craig" <(E-Mail Removed)> wrote in message
>> >> >> news:5372825C-6168-46EE-AF4C-(E-Mail Removed)...
>> >> >> > thanx Ronx but it is through following the interlackeb link
>> >> >> > that I
>> >> >> > have been
>> >> >> > able to achieve what I have already done. Could you be more
>> >> >> > specific
>> >> >> > for me
>> >> >> > on how I get
>> >> >> > 1)A transparent .gif file to show as mine always turns
>> >> >> > white when
>> >> >> > inserted
>> >> >> > into front page - is there a tag that I need to adjust to
>> >> >> > make this
>> >> >> > possible.
>> >> >> > 2)How exactly do I configure the behaviours to get my menu
>> >> >> > to
>> >> >> > disappear when
>> >> >> > I mouseover the transparent background.
>> >> >> > A site link
>> >> >> > servecentrix.com
>> >> >> > this will show you where I am at with this if you move your
>> >> >> > cursor
>> >> >> > over the
>> >> >> > Products menu tab.
>> >> >> > "Ronx" wrote:
>> >> >> >
>> >> >> >> See
>> >> >> >> http://www.interlacken.com/winnt/tip...ow.aspx?tip=28
>> >> >> >> A link to the page may bring more specific help.
>> >> >> >> --
>> >> >> >> Ron Symonds
>> >> >> >> Microsoft MVP (FrontPage)
>> >> >> >> Reply only to group - emails will be deleted unread.
>> >> >> >>
>> >> >> >> "Craig" <(E-Mail Removed)> wrote in message
>> >> >> >> news:8DA963F5-844D-48A6-A161-(E-Mail Removed)...
>> >> >> >> > have set up a drop down menu leaf but I cannot get the
>> >> >> >> > layer
>> >> >> >> > below
>> >> >> >> > to display
>> >> >> >> > as a transparent image (.gif) - it keeps on coming up
>> >> >> >> > with a
>> >> >> >> > white
>> >> >> >> > backgroud.How do Iget the behaviours control to remove
>> >> >> >> > my menu on
>> >> >> >> > mouseout
>> >> >> >> > when this is not
>> >> >> >> > listed as an option in the drop down box. The only
>> >> >> >> > options I am
>> >> >> >> > getting are
>> >> >> >> > for onload, onerror and onabort.
>> >> >> >> > Can someone please help!
>> >> >> >> >
>> >> >> >> > servecentrix.com
>> >> >> >>
>> >> >> >>
>> >> >> >>
>> >> >>
>> >> >>
>> >> >>
>> >>
>> >>
>> >>

>>
>>
>>



 
Reply With Quote
 
 
 
Reply

Thread Tools
Rate This Thread
Rate This Thread:

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are Off


Similar Threads
Thread Thread Starter Forum Replies Last Post
drop down menu question Ratedr Microsoft Excel Discussion 0 10th Aug 2010 02:10 PM
Drop Down Menu Question NFL Microsoft Access Forms 3 1st May 2009 02:15 AM
Question on using a Drop Down Menu. turtlegalaxy Microsoft Excel Misc 1 1st Jul 2008 01:43 AM
Quick drop-down menu question shav Microsoft Excel Misc 4 8th Aug 2004 09:26 PM
drop down menu question deech Microsoft Word New Users 1 10th Mar 2004 06:29 AM


Features
 

Advertising
 

Newsgroups
 


All times are GMT +1. The time now is 07:41 AM.