CodeVerge.Net Beta


   Explore    Item Entry   Register  Login  
Microsoft News
Asp.Net Forums
IBM Software
Borland Forums
Adobe Forums
Novell Forums

ASP.NET Web Hosting – 3 Months Free!
Zone: > NEWSGROUP > Asp.Net Forum > visual_studio.visual_studio_2005 Tags:
Item Type: NewsGroup Date Entered: 6/20/2007 12:38:53 PM Date Modified: Subscribers: 0 Subscribe Alert
Rate It:
(NR, 0)
XPoints: N/A Replies: 1 Views: 102 Favorited: 0 Favorite
Can Reply:  No Members Can Edit: No Online: Yes
2 Items, 1 Pages 1 |< << Go >> >|
vardhan.mvs
Asp.Net User
Drop down menu from image map6/20/2007 12:38:53 PM

0/0

Hi, i am facing a problem when trying to create a drop down menu from a image map.

My image goes like this : :  Projects

                                        Knowledge Repository

                                        Contact Us

( I tried copying the image onto this board, but it didnt work, for that i am sending you in the textual format )

In the projects image map, i need a drop down menu...

 Can you please send me the code for this.

 

Regards

Vardhan. 

 

 
Benson Yu - MSF
Asp.Net User
Re: Drop down menu from image map6/26/2007 9:28:17 AM

0/0

Hi Vardhan,

From your description, I understand that you want to show dropdown menu when click an area of imagemap. For this situation, please refer to the following code.

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title>Untitled Page</title>
    <script type="text/javascript">
        function ShowMenu(id)
        {
            HideMenu();
            var menu =document.getElementById(id);
            menu.style.left=event.clientX;
            menu.style.top=event.clientY;
            menu.style.visibility="visible";
        }
        function HideMenu()
        {
            document.getElementById("myMenu").style.visibility = "hidden";
            document.getElementById("myMenu2").style.visibility = "hidden";
        }

    </script>
</head>
<body onload="HideMenu()">
    <form id="form1" runat="server">
        <div>
            <img id="Img1" border="0" src="Images/clsid.jpg" usemap="#ImageMapButtons" />
            <map name="ImageMapButtons">
                <area  coords="0,0,100,100" onclick="ShowMenu('myMenu')" shape="rect" />
                <area  coords="101,0,200,100" onclick="ShowMenu('myMenu2')" shape="rect" />
            </map>
        </div>
        <div id="myMenu" style="position: absolute; z-index: 999;">
            <asp:Menu ID="Menu1" runat="server" BackColor="#B5C7DE" DynamicHorizontalOffset="2"
                Font-Names="Verdana" Font-Size="1.2em" ForeColor="#284E98" StaticSubMenuIndent="10px">
                <Items>
                    <asp:MenuItem Text="Open" Value="Open"></asp:MenuItem>
                    <asp:MenuItem Text="Save" Value="Save"></asp:MenuItem>
                    <asp:MenuItem Text="Edit" Value="Edit"></asp:MenuItem>
                </Items>
            </asp:Menu>
        </div>
        <div id="myMenu2" style="position: absolute; z-index: 999;">
            <asp:Menu ID="Menu2" runat="server" BackColor="#C0C0FF" DynamicHorizontalOffset="2"
                Font-Names="Verdana" Font-Size="1.2em" ForeColor="#284E98" StaticSubMenuIndent="10px">
                <Items>
                    <asp:MenuItem Text="Open" Value="Open"></asp:MenuItem>
                    <asp:MenuItem Text="Delete" Value="Delete"></asp:MenuItem>
                </Items>
            </asp:Menu>
        </div>
    </form>
</body>
</html>

 

Sincerely,
Benson Yu
Microsoft Online Community Support

Please remember to click ?Mark as Answer? on the post that helps you, and to click ?Unmark as Answer? if a marked post does not actually answer your question. This can be beneficial to other community members reading the thread.
2 Items, 1 Pages 1 |< << Go >> >|


Free Download:

Books:
Microsoft Office FrontPage 2003: The Complete Reference Authors: Carole Boggs Matthews, Erik B. Poulsen, Pages: 800, Published: 2003
Texturing: Concepts and Techniques Authors: Dennis Summers, ebrary, Inc, Pages: 388, Published: 2004
Dreamweaver CS3 For Dummies Authors: Janine Warner, Pages: 434, Published: 2007
Adobe Photoshop Cs in 10 Simple Steps Or Less Authors: Micah Laaker, Christopher Schmitt, Pages: 648, Published: 2004
Photoshop 6/ImageReady 3 Hands-on Training: H-O-T Authors: Lynda Weinman, Jan Kabili, Pages: 649, Published: 2001
How to Do Everything with FrontPage 2002: How to Do Everything With.. ... Authors: David Plotkin, Pages: 633, Published: 2001
How to Do Everything with Illustrator CS Authors: David Karlins, Pages: 377, Published: 2003
FrontPage 2002 for Windows: Visual QuickStart Guide Authors: Nolan Hester, Pages: 436, Published: 2001
Mac OS X Leopard for Dummies Authors: Bob LeVitus, Pages: 432, Published: 2007
Photoshop CS Timesaving Techniques for Dummies: Timesaving Techniques for Dummies Authors: Phyllis Davis, Pages: 423, Published: 2004

Web:
Image Maps and Drop Down Menu - compatability issues (FF/IE ... May 22, 2006 ... [Archive] Image Maps and Drop Down Menu - compatability issues (FF/IE) ... For image maps to work well with this script cross browser, ...
AnyLink Drop Down Menu with Image Maps [Archive] - Dynamic Drive ... Nov 27, 2005 ... I am using the AnyLink Drop Down Menu on my site with no other JavaScripts, but I am using image map hot spots. ...
Image Map Drop Down Menus Image Map Drop Down Menus. Use the following DHTML script to give a neat .... Function btnTimer is called to hide the current drop down menu on the ...
Hybrid drop-down menu / image-map menu: iMMap Mini Imagemap Menu Navigation map: "Smallville Tours" - a popular layout concept showing how to combine multiple photographs into a hybrid drop-down menu / image-map menu ...
Image Map Drop Down Menus Image Map Drop Down Menus Hot... Image Map Drop Down Menus (IE4 ) (NN4 ) Use the following DHTML script to give a neat navigation for your site without ...
Image Map Drop Down Menus - Tutorialized Image Map Drop Down Menus (IE4+) & (NN4+) Use the following DHTML script to give a neat navigation for your site without much code involved. ...
hover image map - Ultimate Web Site Drop Down Menu Forum hover image map CSS and HTML. ... Is there a way to add a hover background color change to an image map area?Thanks,-Adam ...
Imagemap rollover to toggle CSS drop-down menu? - Site Owners ... Old 10-03-2002, 01:28 PM. Dcubed. Registered User. Join Date: Oct 2002. Location : Indiana. Posts: 2. Imagemap rollover to toggle CSS drop-down menu? ...
Drop Down Menu Overlap with Image Map (above Image Map like google ... Dec 20, 2008 ... I have problem of Drop Down Menu Overlaps with Image Map of my Website. This happens when I click on Top menu bar (drop down).
Hybrid drop-down menu / image-map menus: Dynamic image switching Hybrid drop-down menu / image-map menus. Dynamic image switching. What's " dynamic image switching"? You've probably been to a website sometime and seen that ...

Videos:
Nokia N95 con nuevo firmware (20.0.0.015) Pequeño video para mostrar algunos cambios con el nuevo firmware del N95. Review Parte 1: http://www.youtube.com/watch?v=iP2w-ta99dk Review ...
Cod World at War Glitch Below Castle + Out of Map ***The Glitch Got Patched*** I will teach you how to get under the map message me under KRoMaTiKK. After you are out you have to keep walking on ...
Dreamweaver: Publishing Every great project in Dreamweaver deserves to be shared. Learn how to publish your site.
Sermon 2-17-2008 Redeemer Ev. Lutheran Church, Yakima, WA ... Pastor Timothy Schwartz (WELS) delivers a sermon about "Jesus and the Woman at the Well". (John 4:5-26) It isn't going through the motions that ...
The Graphing Calculator Story Google TechTalks August 1, 2006 Ron Avitzur ABSTRACT It's midnight. I've been working sixteen hours a day, seven days a week. I'm not ...
Literate functional testing Google London Test Automation Conference (LTAC) Google Tech Talks September 7th, 2006 Presenters: Robert Chatley and Tom White
Lec 33 | MIT 3.091 Introduction to Solid State Chemistry Phase Diagrams - Basic Definitions: Phase, Component, Equilibrium; One-component Phase Diagrams Two-component Phase Diagrams: Complete Solid ...
Affiliate Summit 2006 East -- Straight Talk on Search Engine ... Brief presentation on Search Engine Optimization with a heavy focus on Q&A. A very open, honest and straight to the point discussion about search ...
Live Webcast of Resective Surgery for Refractory Epilepsy While the majority of patients with epilepsy are managed well with medications, a significant number of patients â⠬â approximately 25 percent ...
Star Wars Galactic Quest Episode I RISE OF THE SITH! Saber ... Watch more at http://www.swgq.co.nr This video was produced by Plasma Productions. Please visit the official Plasma Productions website at ...




Search This Site:










#if debug compiler directive vs2005

web deployment projects in team system?

checkbox list problem

firefox instead of ie7

error creating controll

how to force the developers to compile before protect the code into sourcesafe?

adding new items to project

visual studio workflow designer is slow

vs 2005 thinks some queries are views and functions

export template problem

vs.net soooo sloooowwww...

why cannot find the "reference.cs" file in vs2005

web.config problem in visual studio 2005 beta 2

cross site reference?

using .net framework 1.1 w/ vs2005 beta 1

when i try to debug aeb site on visual studio 2005 an error occur?

can i use vs 2005 to alter my stored procedures?

declare conditional compilation constants

team foundation server installation

vs2005 can not run on winxp sp2

not getting breakpoint from second browser in asp.net 2.0

property window always blank in source mode

code snippets by project/solution

html-type code snippets in the asp editor?

error message box in visual studio

how to write a stored procedure in visual studio

visual studio .net 2005 beta 2

manipulating value of an item before its displayed in data repeater

server objects & events in code-behind

can you access a partial class objects, variables, ect. from a class in app_code?
  Privacy | Contact Us
All Times Are GMT