472,133 Members | 1,033 Online
Bytes | Software Development & Data Engineering Community
Post +

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 472,133 software developers and data experts.

Dynamic pop-up menu

ak1dnar
1,584 Expert 1GB
I have a page for product listening, here on this page, all the products images will display dynamically. onmouse over for each and every product image, I need to display another pop-up menu. Say here we have three subcategories for each products. that sub category links should display on the pop up.

Hope you have a clear idea on this. for now we have designed a layer and in that we have put the links to sub categories. But the problem is once we set up the layer we have set the attributes for the layer like this. So its FIXED. and as per requirement I have to print my product images dynamically. for them I have to print the Layers too.
Expand|Select|Wrap|Line Numbers
  1. #Layer1 {
  2.     position:absolute;
  3.     width:114px;
  4.     height:36px;
  5.     z-index:3;
  6.     top: 385px;
  7.     visibility: hidden;
  8. }

Without going for such a stupi* manner, Is there any better way to do this.
Thanks for your time.
Sep 11 '07 #1
8 1695
acoder
16,027 Expert Mod 8TB
Can you post some more code or a link, so that I (we) have a better idea.
Sep 11 '07 #2
ak1dnar
1,584 Expert 1GB
Please refer to this link
here on the "Article-Tools" there is a pop up menu or page which comes onmouse over "Add This" link. If I can create a pop up page rather than a menu it will answer my question.

[EDIT: Sorry acoder, I am not that much familiar with designing stuffs. That is why my question is not clear, But I tried to explain it.]
Sep 11 '07 #3
acoder
16,027 Expert Mod 8TB
Please refer to this link
here on the "Article-Tools" there is a pop up menu or page which comes onmouse over "Add This" link. If I can create a pop up page rather than a menu it will answer my question.
To create a popup page, use window.open (link).
Sep 11 '07 #4
ak1dnar
1,584 Expert 1GB
To create a popup page, use window.open (link).
Thanks I think I know how to create a popup. But I have to learn some CSS for make it as in the Link in Time.com.
Sep 11 '07 #5
acoder
16,027 Expert Mod 8TB
Thanks I think I know how to create a popup. But I have to learn some CSS for make it as in the Link in Time.com.
Maybe I misunderstood. By popup page, you mean a pseudo-popup div with links?
Sep 11 '07 #6
ak1dnar
1,584 Expert 1GB
Maybe I misunderstood. By popup page, you mean a pseudo-popup div with links?
Let me say again with a example:
On the Page I am going to print some Products Images.
DELL
IBM

Once I mouse over on DELL sub links should display. For now there we have created a DIV with links on it. but I can't repeat the same div for IBM also. Because on mouse over IBM image div will display on the DELL image Location. And I dont like to set a separate div for this. I need to reuse the same div. Is there any way to set the position of a div that relates to the each image. currently its page relative.

Since I failed with this I thought to create pop-up page.
Sep 11 '07 #7
acoder
16,027 Expert Mod 8TB
I dont like to set a separate div for this. I need to reuse the same div. Is there any way to set the position of a div that relates to the each image. currently its page relative.
Maybe this link will help.
Sep 11 '07 #8
ak1dnar
1,584 Expert 1GB
Maybe this link will help.
Thanks a lot. I'll give it a try and let you know.
Sep 12 '07 #9

Post your reply

Sign in to post your reply or Sign up for a free account.

Similar topics

20 posts views Thread by Rick | last post: by
6 posts views Thread by Sandeep Chikkerur | last post: by
21 posts views Thread by Marky C | last post: by
6 posts views Thread by Materialised | last post: by
9 posts views Thread by Gibby Koldenhof | last post: by
7 posts views Thread by Christopher Pisz | last post: by

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.