Click to See Complete Forum and Search --> : Dropdown menu's


TJJ
05-01-2003, 03:07 PM
How can I get the dropdown menus to disappear after the cursor is removed?

http://www.optioncaddie.com/Home.htm

khalidali63
05-01-2003, 03:17 PM
take a look at your code,
you will see that there is an onmouseover event call in html element,just add onmouseout call in it and in the function

hide the object
object.style.visibility="hidden"

Shampie
05-01-2003, 03:23 PM
I am sure with some fine css adding it'be possible too ..oui/non?

TJJ
05-01-2003, 03:25 PM
This is the code now

}
.ItemMouseOut

{
WIDTH: 100%

Where would I add

onmouseout call

Shampie
05-01-2003, 03:36 PM
just add a function like ->
onMouseOver="blaat();" onMouseOut="blaatend();"

function blaat(){
//what you want to happen
this.object.Width = 100%;

}

function blaatend(){
//what you want to happen
this.object.Width = 0%;

}

or something liek that...
g'luck

TJJ
05-01-2003, 03:40 PM
Sorry I am a real novice at this. I need exact help. Let say I want it to stay up for 1 second. Would it be

}
.ItemMouseOut

onMouseOver="blaat(1);"

function blaat(1 second)

{

WIDTH: 100%

Shampie
05-01-2003, 03:41 PM
just listen to khalid.. believe me he knows well (for that what he knows)

TJJ
05-01-2003, 03:44 PM
I will listen to anybody. I just need exactness for my little brain.

khalidali63
05-01-2003, 03:48 PM
Take a look at this link..

I have created a very simple CSS/JS menu in it for some other purpose,you can take a look at the code,it does exactly what you are looking for,creating a delay in hiding the visible menu.

http://68.145.35.86/skills/javascripts/CSSMenuSelectBoxWorkAround.html

TJJ
05-01-2003, 03:51 PM
I don't know what that means. As I said, I am a novice. I need specific code to insert and told where to place it, otherwise it is all a foreign language tome.

I appreciate you trying though.

Shampie
05-01-2003, 04:04 PM
well ofcourse you learn from combining..
here try this simple script..
=====

<script>
function hello(){
alert("Hello")
}
</script>

<input type=button value="Press me!" name=button onClick="hello()">

====

just copy and paste everything between the ='s ..
press the button and yah get a message..
now replace everything between the { } with code you want and by pressing the button you'll activate the code

Shampie
05-01-2003, 04:05 PM
P.s khalid, nice link.. very nice line underneath those words!
:D
no serious.. its a usable link.. tnx!

TJJ
05-01-2003, 04:40 PM
That is no help.
But thanks I will try another chat room.