Changing Z-Order

  • Thread starter Thread starter JCO
  • Start date Start date
J

JCO

I have a menu system that was done using Xara Menu System. Underneath the
menu is a "Scrolling" information box written in JavaScripts. When I use
the menu, the dropdown system goes underneath the scrolling box. I can do
anything about the way the menu works and reorganizing my site is not what I
want to do.

Is there a way to force the Scrolling Information Box to be on the bottom so
that the menu is on top?

Site: www.dfwtejanos.com

Thanks
 
Is there a way to force the Scrolling Information Box to be on the bottom
so
that the menu is on top?
Click to expand...

You would have to hack into the menu script to adjust the document.writes to
place the menu's layers at a z-index value higher than 1. This should not be
too hard, but it's just one of the many reasons why I would never use an all
javascript menu system like that.
 
Hi,

Is the problem that when the menu and 'scrolling' box are lapping over, the
lapped options cannot be properly selected and the mouse icon is changed?

Do you want to get rid of this or there are some other issues I haven't
seen?

Best regards,

WenJun Zhang
Microsoft Online Partner Support

This posting is provided "AS IS" with no warranties, and confers no rights.
 
You got most of the issue. Yes they overlap. You can see it more clear if
you tried to select the "Profile" option from the menu. The menu is
readable, however, when text from the scrolling box scrolls over the menu
item.... you can no longer select it. If you wait until the words scroll
pass the item you want to select, then you can make the selection.

I already know I can't change the menu (other than moving the profile to
another section). The Profile if going to expand with many links in the
near future. I want the scrolling text to scroll underneath the "menu
dropdown text" so that it won't interfere.
 
Hi,

You may specify <DIV>'s z-index style attribute to a low value to test. (in
the bottom of ScrollingMessages.js. <ilayer> should apply to Netscape)

I cannot 100% guarantee if this will get rid of the conflict with menu DIV,
but it's worthy to have a try.

Thanks.

Best regards,

WenJun Zhang
Microsoft Online Partner Support

This posting is provided "AS IS" with no warranties, and confers no rights.
 
I'm not sure how to do this. On my home page, I call the JavaScript as
shown:
<td width="93%" align="center" bgcolor="#000080">
<script language="JavaScript1.2"
src="MyScripts/ScrollingMessages.js"></script>
</td>

Therefore; the actual script is located in another folder as shown above.
Can I add the <DIV>'s z-index on my home page? If so, how would it look?
Or do I have to add it in the actual code?

Thanks, sorry so long for me to get back to this issue.
 
You would have to edit the javascript.

--
Murray
============

JCO said:
I'm not sure how to do this. On my home page, I call the JavaScript as
shown:
<td width="93%" align="center" bgcolor="#000080">
<script language="JavaScript1.2"
src="MyScripts/ScrollingMessages.js"></script>
</td>

Therefore; the actual script is located in another folder as shown above.
Can I add the <DIV>'s z-index on my home page? If so, how would it look?
Or do I have to add it in the actual code?

Thanks, sorry so long for me to get back to this issue.



"WenJun Zhang[msft]" said:
Hi,

You may specify <DIV>'s z-index style attribute to a low value to test. (in
the bottom of ScrollingMessages.js. <ilayer> should apply to Netscape)

I cannot 100% guarantee if this will get rid of the conflict with menu DIV,
but it's worthy to have a try.

Thanks.

Best regards,

WenJun Zhang
Microsoft Online Partner Support

This posting is provided "AS IS" with no warranties, and confers no rights.
Click to expand...
Click to expand...
 
Please look into the ScrollingMessages.js. You will see the <DIV> tag is
generated at the bottom.

Best regards,

WenJun Zhang
Microsoft Online Partner Support

This posting is provided "AS IS" with no warranties, and confers no rights.
 
Hi,

If the z-index doesn't work, I think this may not be a good enough solution
on this. You'd better modify the typeset of this page to prevent the menu
overlap with the info box to work around the issue.

Thanks.

Best regards,

WenJun Zhang
Microsoft Online Partner Support

This posting is provided "AS IS" with no warranties, and confers no rights.
 
Back
Top