Solved

hotspot onmouseover

Posted on 2000-04-11
8
575 Views
Last Modified: 2012-08-14
I have a hotspot that I want a menu to drop down when the mouse moves over it.  Any ideas?  Thanks JOhn
0
Comment
Question by:johnsis
  • 4
  • 4
8 Comments
 
LVL 1

Accepted Solution

by:
Smacked earned 100 total points
ID: 2706078
You'll have to put the drop down menu inside a <div>, give it name and in your mouseover function do

document.all['divname'].style.visibility = 'visible'

and for mouseout

document.all['divname'].style.visibility = 'hidden'

where 'divname' is the name (id) given to the <div>

you'll have to position the div properly you may need to read up on your style sheets.

http://www.w3.org/
hunt for css specifications
0
 

Author Comment

by:johnsis
ID: 2706088
can you explain a little better.  I don't know anything about <div> and I don't know how to add a mouseover function to a hotspot item.  Thanks.
0
 
LVL 1

Expert Comment

by:Smacked
ID: 2706108
ok, i'd say ur in over ur head if ur first run in with style sheets is gong to be making a pop-up menu

<div style="visibility: hidden" name="mydiv">
text and stuff
</div>

a div is like a layer. it can be part of the document layout or it can be positioned to move anywhere it wants over the document.

if u had a link
<a href="#" onMouseover="showmenu()">mouse me</a>

some javascript
<script>
<!--
function showmenu()
{
 document.all['mydiv'].style.visibility = 'visible';

}
//-->
</script>

then whenever the mouse moves over the link the menu would appear. just make a new func called hide menu and change what u set the visibility to 'hidden' to turn the div off again.

to position it anywhere
<div style="position: absolute;top: 50px;left: 50px">

GO TO!!!! www.w3.org or u won't understand whats going on

is this enough for u. i can't tell u any more without writing the whole thing for u. PLUS! you only gave me B for my answer.
0
 

Author Comment

by:johnsis
ID: 2706117
Sorry about the "B" - I'll change it to an "A" - Seems like a lot for just a simple menu.  Do you know of any software that will create this for me?  I see a lot for java scripting, but not for use on a hotspot.  Thanks again for all your help and your quick response
0
How your wiki can always stay up-to-date

Quip doubles as a “living” wiki and a project management tool that evolves with your organization. As you finish projects in Quip, the work remains, easily accessible to all team members, new and old.
- Increase transparency
- Onboard new hires faster
- Access from mobile/offline

 
LVL 1

Expert Comment

by:Smacked
ID: 2706123
dreamweaver 3 has a lot of behaviours etc. that can make this easier. but you won't be able to read the code that it outputs so you wont' be able to customise it much. however it probably will still suit your needs.

download the trial from macromedia.com

then get the crack from
astalavista.box.sk

;-)
0
 

Author Comment

by:johnsis
ID: 2706134
Sorry about the "B" - I'll change it to an "A" - Seems like a lot for just a simple menu.  Do you know of any software that will create this for me?  I see a lot for java scripting, but not for use on a hotspot.  Thanks again for all your help and your quick response
0
 
LVL 1

Expert Comment

by:Smacked
ID: 2706136
dreamweaver 3 has a lot of behaviours etc. that can make this easier. but you won't be able to read the code that it outputs so you wont' be able to customise it much. however it probably will still suit your needs.

download the trial from macromedia.com

then get the crack from
astalavista.box.sk

;-)
0
 

Author Comment

by:johnsis
ID: 2706139
Sorry about the "B" - I'll change it to an "A" - Seems like a lot for just a simple menu.  Do you know of any software that will create this for me?  I see a lot for java scripting, but not for use on a hotspot.  Thanks again for all your help and your quick response
0

Featured Post

How your wiki can always stay up-to-date

Quip doubles as a “living” wiki and a project management tool that evolves with your organization. As you finish projects in Quip, the work remains, easily accessible to all team members, new and old.
- Increase transparency
- Onboard new hires faster
- Access from mobile/offline

Join & Write a Comment

Suggested Solutions

This article will give core knowledge of JavaScript and will head in to your first JavaScript program. I am Durvesh Naik and I am here to deal with this series of JavaScript. I will teach you JavaScript in part wise , as its quite boring to read big…
This article discusses the difference between strict equality operator and equality operator in JavaScript. The Need: Because JavaScript performs an implicit type conversion when performing comparisons, we have to take this into account when wri…
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

747 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

10 Experts available now in Live!

Get 1:1 Help Now