Closed Thread Icon

Preserved Topic: Right Click popup menu - only on ONE image (Page 1 of 1) Pages that link to <a href="https://ozoneasylum.com/backlink?for=18045" title="Pages that link to Preserved Topic: Right Click popup menu - only on ONE image (Page 1 of 1)" rel="nofollow" >Preserved Topic: Right Click popup menu - only on ONE image <span class="small">(Page 1 of 1)</span>\

 
sonicsnail
Bipolar (III) Inmate

From: Scotland
Insane since: Jun 2001

posted posted 08-03-2001 17:55

Hi all,

I am making a simple desktop emulator, that will allow people to click-through dummy screens to see window's network settings...

I'm doing it dead simply (experimented with flash and gave up!) with image-maps and layers.. (will be intranet based and therefore I'm building for IE).

When it comes to "dial up networking" I'm having problems... I want people to be able to right-click on an icon and get the context menu (in order to click "properties")

I'm a pure copy/paste/(dreamweaver) man when it comes to javascript/dhtml, and all I'm finding on the web are scripts that pop up menus wherever the mouse button is clicked - when I'm wanting my menu only to pop up over one image.

Could anyone point me to a script they know of - or maybe suggest some tweaks to this one http://www.sonicsnail.com/ozone/rightmenu.htm

Thanks in advance...

Pete.

mr.maX
Maniac (V) Mad Scientist

From: Belgrade, Serbia
Insane since: Sep 2000

posted posted 08-03-2001 18:07

Here's the patched version: http://www.max.co.yu/ozone/image-menu.html

Enjoy!

sonicsnail
Bipolar (III) Inmate

From: Scotland
Insane since: Jun 2001

posted posted 08-03-2001 18:18

Thank you very very very much!

One more thing (may be pushing my luck here now..)

You'll notice the menu only disappears after another mouse-over... would it be possible to make it time-out and disappear after, say 3 seconds?

I'm sooo grateful (If I had cookies and pills I'd give you a dozen!)

Pete.

mr.maX
Maniac (V) Mad Scientist

From: Belgrade, Serbia
Insane since: Sep 2000

posted posted 08-03-2001 18:23

Something like this: http://www.max.co.yu/ozone/image-menu2.html

Enjoy!

sonicsnail
Bipolar (III) Inmate

From: Scotland
Insane since: Jun 2001

posted posted 08-03-2001 18:26

Unbelievable.

Thanks.

I will enjoy!

Pete

sonicsnail
Bipolar (III) Inmate

From: Scotland
Insane since: Jun 2001

posted posted 08-03-2001 20:02

Just so you know how I got on..

http://www.sonicsnail.com/ozone/rightmenu3.htm

I have - Put images with mouseovers into the dropdown; changed the cursor so it looks like you're in windows; forced double-left-click to actually click the icon..

the result is a pretty realistic windows emulation...

thanks again Max. I owe you a beer.

Pete.

mr.maX
Maniac (V) Mad Scientist

From: Belgrade, Serbia
Insane since: Sep 2000

posted posted 08-03-2001 20:17

FYI You can achieve the same effect without using Dreamwaver's image rollover script...

sonicsnail
Bipolar (III) Inmate

From: Scotland
Insane since: Jun 2001

posted posted 08-03-2001 20:26

Just sticking to what I know I suppose... saying that, the dreamweaver code does look a bit heavy...

Next on my ToDo list will be mouseover scripts. (and paths in ps :-)

mr.maX
Maniac (V) Mad Scientist

From: Belgrade, Serbia
Insane since: Sep 2000

posted posted 08-03-2001 20:42

You already had more or less the correct CSS code that would do this, but it was declared wrong...

Anyway, take a look at this: http://www.max.co.yu/ozone/image-menu3.html

sonicsnail
Bipolar (III) Inmate

From: Scotland
Insane since: Jun 2001

posted posted 08-03-2001 21:57

For some reason the "seperator" inset line thingy isn't appearing on my NT4 IE5.00 workstation, but is on my win98 IE5.50...

the 98 machine is my standalone, and the users who'll be using this emulator will be using identical NT4 machines...

any idea why its not appearing? - and should I just drop an image in there to make up for it?

cheers,

Pete.

mr.maX
Maniac (V) Mad Scientist

From: Belgrade, Serbia
Insane since: Sep 2000

posted posted 08-03-2001 22:03

Try to put a 1x1px transparent gif image inside this tag <DIV CLASS="menuItemSep">..here..</DIV>

sonicsnail
Bipolar (III) Inmate

From: Scotland
Insane since: Jun 2001

posted posted 08-03-2001 22:12

that worked.. http://www.sonicsnail.com/ozone/rightmenu4.htm

its made a 1 pixel gap between the upper and lower lines, but barely noticable...

shame there's nothing smaller to fill that div than a 1x1.gif... '&-n-b-s-p ' would look ridiculous of course...


edit - HTML is "off" but it still renders &-n-b-s-p as a space!



[This message has been edited by sonicsnail (edited 08-03-2001).]

mr.maX
Maniac (V) Mad Scientist

From: Belgrade, Serbia
Insane since: Sep 2000

posted posted 08-03-2001 22:48

Only HTML tags are disabled (<WHATEVER> ), you can still write HTML entities.

So, if you want to write &amp;nbsp; - you'll have to write it like this &amp;amp;nbsp; ...



[This message has been edited by mr.maX (edited 08-03-2001).]

« BackwardsOnwards »

Show Forum Drop Down Menu