• Post Reply Bookmark Topic Watch Topic
  • New Topic
programming forums Java Mobile Certification Databases Caching Books Engineering Micro Controllers OS Languages Paradigms IDEs Build Tools Frameworks Application Servers Open Source This Site Careers Other Pie Elite all forums
this forum made possible by our volunteer staff, including ...
Marshals:
  • Campbell Ritchie
  • Jeanne Boyarsky
  • Ron McLeod
  • Paul Clapham
  • Liutauras Vilda
Sheriffs:
  • paul wheaton
  • Rob Spoor
  • Devaka Cooray
Saloon Keepers:
  • Stephan van Hulst
  • Tim Holloway
  • Carey Brown
  • Frits Walraven
  • Tim Moores
Bartenders:
  • Mikalai Zaikin

java script menu with a twist!

 
Greenhorn
Posts: 7
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
Hello everbody!
I was planning to create a "special" kind of homepage which basically is just one big picture for each site/part of it. Just a centered jpg.
However part of that jpg is also a menu (at the top) and I was wondering how to make it so that when you put your mouse over any of the topics another small picture appears below it with various links to click (this box again would be a picture)
I�ve come across a lot of powerful javascripts for html-like menues but so far none that might help me with this problem.
Would be great if any of you guys could help me with either a few lines of code or maybe a lnk to an actionscript that might be useful! The problem I see (I�m a real java newbie though!) is that with most scripts I�ve seen I would have to make the whole 800x600 page a java object. Or do I need to create a few java scripts- one for each menu to appear?
What is important to me is that I need to be able to specify the coordinates where the boxes will appear inside the big image/site background (which automatically gets centered). It shouldn�t pop up somewhere else than below the topic you selected

many many thanks!
 
Sheriff
Posts: 7023
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
Theodor Roosevelt,
Welcome to JavaRanch!
We ain't got many rules 'round these parts, but we do got one. Please change your display name to comply with The JavaRanch Naming Policy.
Obviously fictitious names aren't allowed.
Thanks Pardner! Hope to see you 'round the Ranch!
 
Stefan Grie�bach
Greenhorn
Posts: 7
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
sorry I didn�t know
change dit now
 
Ranch Hand
Posts: 1061
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
Hi Stefan,
in general: the usage of large graphics isn't a good idea, as they delay the loading time of your page. Another disadvantage is that graphics don't
adjust to the user's current browser window.
But if this doesn't stop you, this article about contact-sensitive graphics with image maps might interest you. You could set the href of the <area>s to href="#" and add an onmouseOver with a JavaScript that sets the CSS-style-attribute "visibility" of the small pics from "hidden" to "visible".
The small pics also have to be positioned "absolute" and you have to give them a higher z-Index to get them in front of the large graphic.
Here is everything about positioning, z-Index and changing visibility with JavaScript.
Another hint: Java and Javascript have nothing in common except the name. That's a real Fettnäpfchen
cb
[ April 15, 2004: Message edited by: Chris Baron ]
 
Stefan Grie�bach
Greenhorn
Posts: 7
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
looking through that page currently
seems to be a BIG help
thank you
 
What are you saying? I thought you said that Santa gave you that. And this tiny ad:
a bit of art, as a gift, the permaculture playing cards
https://gardener-gift.com
reply
    Bookmark Topic Watch Topic
  • New Topic