Wrox Programmer Forums

Need to download code?

View our list of code downloads.

Go Back   Wrox Programmer Forums > Web Programming > JavaScript > Ajax
Password Reminder
Register
| FAQ | Members List | Calendar | Search | Today's Posts | Mark Forums Read
Ajax the combination of XHTML, CSS, DOM, XML, XSLT, XMLHttpRequest, and JavaScript
Welcome to the p2p.wrox.com Forums.

You are currently viewing the Ajax section of the Wrox Programmer to Programmer discussions. This is a community of tens of thousands of software programmers and website developers including Wrox book authors and readers. As a guest, you can read any forum posting. By joining today you can post your own programming questions, respond to other developers’ questions, and eliminate the ads that are displayed to guests. Registration is fast, simple and absolutely free .
DRM-free e-books 300x50
Reply
 
Thread Tools Search this Thread Display Modes
  #1 (permalink)  
Old March 17th, 2008, 09:58 AM
Authorized User
 
Join Date: Jul 2007
Location: , , .
Posts: 12
Thanks: 0
Thanked 0 Times in 0 Posts
Default IE6: Hover stops working on AJAX page

I have an AJAX page with a CSS menu at the top. My problem is the hover functionality stops working after someone clicks on one of the details in the main blue section. This only occurs in IE6. IE7 and FF work correctly.

The URL to the page is:
http://www.coralap.com/dies281css.aspx

Steps to reproduce:
1. Mouse over the top menu and verify the hover works.
2. Click on the circle with the number "1" in it.
3. Mouse over the top menu again. The items no longer light up and the "Products" flyout no longer appears.

I use a JavaScript routine to add an event handler for IE6, so that hover works. A also use VB code-behind for the download functionality.

I will post the CSS, VB code, HTML and the JavaScript below.


The code in "capcss.css" is:
body
{ background-image:url(images/capback.jpg);}

#caplogo
{ margin:32px 0px 10px 10px;}

/*Middle Graphic********************************/
#leftside
{ float:left;}

#leftsideimage
{
    float:left;
    width:17px;
    height:175px;
    margin:0px;
    background-image:url(images/leftside.jpg);
}

#rightside
{
    float:left;
    width:793px;
    height:175px;
    background-image:url(images/rightside.jpg);
    margin-right:-5px; /*IE6 Hack. IE adds pixels to the right margin of the last item floated to the left*/
}

.fullpagewidth
{ width:979px;}

/*Menu on front page**************/
#menu{ width:169px; float:left;}

#capmenu,
#capmenu ul
{
    float:left;
    padding:0 0 0 0;
    margin:0;
    list-style:none;
    background-image:url(images/leftmenuback.jpg);
    position:relative;
    z-index:200;
    width:169px;
    height:175px;
    /*font: 16px verdana, sans-serif; */
    font-family:Arial;
    font-size:10pt;
    font-weight:bold;
}

#capmenu li li
{ background-image:url(images/leftmenuback.jpg);}

/* a hack for IE5.x and IE6 */
* html #capmenu li
{ float:left;}

#capmenu li a /*text for menu links on left-hand side. original*/
{
    height:25px;
    padding:0 0 0 5px;
    color:rgb(0, 0, 0);
    text-decoration:none;
    white-space:nowrap;
    display:block;
    width:169px;
}

#capmenu li:hover
{ position:relative; z-index:300; background:url(images/menulit.jpg);}

#capmenu ul
{ position:absolute; left:-9999px; top:-9999px;}

/*hack for IE6 */
* html #capmenu, * html capmenu ul
{ width:1px;}

/*flyout pop-up*/
#capmenu li:hover > ul
{
    left:-15px;
    top:-1px;
    margin-left:100%;
    width:229px;
    height:100px;
}

/*hide sub menu*/
#capmenu li:hover > ul ul
{ position:absolute; left:-9999px; top:-9999px; width:auto;}

/* show path followed */
#capmenu li:hover > a
{ text-decoration:none; color: rgb(250, 250, 250);}

/*IE6 Hack flyout pop-up*/
#capmenu li:hover ul
{
    left:-15px;
    top:-1px;
    margin-left:100%;
    width:229px;
    height:100px;
}

/*IE6 Hide sub menu*/
#capmenu li:hover ul ul
{ position:absolute; left:-9999px; top:-9999px;}

/*IE6 show path followed */
#capmenu li:hover a,
#capmenu li:hover li:hover a
{ text-decoration:none; color: rgb(250, 250, 250);}

/*IE6 hide futher possible paths */
#capmenu li:hover li a
{
    text-decoration:none;
    color:#000;
    width:229px; /*IE6 Hack to make lit background full menu width, and not just the width of the text*/
}
/************************************************** ****************************************/
#capcontainer
{
    float:left;
    width:991px;
    height:540px;
    position:absolute;
    left:0px;
    top:0px;
}

#capleft
{
    float:left;
    width:814px;
    margin-right:-3px;
    height:530px;
}

#topcontainer
{ float:left; width:611px;}

#topdiecontainer
{ float:left; width:775px}

#pagetitle
{ width:611px; height:56px; float:left;}

#topofpagetext
{ width:600px; float:right; padding-right:5px;}

.tabletext
{
     margin-bottom:5px;
     border-bottom:solid thin black;
     width:600px;
     float:left;
     font-family:Arial;
     font-size:smaller;
     font-weight:bold;

}

.rightmenu
{
    background-image:url(images/ppage/rightpanelcss.jpg);
    background-repeat:no-repeat;
    width:180px;
    height:530px;
    padding-top:4px;
    float:right;
}

.rightul
{
     float:left;
     list-style-type:none;
     padding:0;
     margin:14px 0px 0px 4px;
}

.rightli
{ width:168px; background-color:rgb(204,204,204); padding:0px 0px 0px 5px;}

* html .rightul /*IE6 Hack*/
{ width:173px; margin-left:2px;}

/*Header text for entrances.aspx*/
#htsystem
{ float:left; margin:0px 38px 0px 25px;}

#htstyle
{ float:left; margin:0px 28px 0px 20px;}

.htrailbottom
{ float:left; margin:0px 28px 0px 5px;}

#httraffic
{ float:left; margin:0px 5px 0px 5px;}

#htnarrow
{ float:left; margin:0px 10px 0px 5px;}

#htlinetwo
{ float:left; margin:0px 33px 0px 5px;}

#htlinethree
{ float:left; margin:0px 23px 0px 5px;}

#htlinefour
{ float:left; margin:0px 28px 0px 5px;}

.htlinefivesix
{ float:left; margin:0px 23px 0px 20px;}
/*Top Menu*******************************************/
#topmenu,
#topmenu ul
{
    padding:0;
    margin:0;
    list-style:none;
    font: 10px verdana, sans-serif;
    background-image:url(images/menu/topmenuback.jpg);
    border:0;
    position:relative;
    z-index:200;
}
#topmenu
{ height:20px; padding:0;}

#topmenu li
{ float:left;}
#topmenu li li
{ float:none; background:#ccc;}

/*hack for IE6 */
* html #topmenu li li
{ float:left;}

#topmenu li a
{
    display:block;
    float:left;
    color:#000;
    height:20px;
    line-height:15px;
    text-decoration:none;
    white-space:nowrap;
    font-weight:bold;
}

#topmenu li li a
{ height:20px; line-height:20px; float:none;}

#topmenu li:hover
{ position:relative; z-index:300;}

#topmenu li:hover ul
{
    left:0;
    top:18px;
    height:80px;
    background:#ccc;
    border-bottom:solid thin white;
    border-right:solid thin white;
    border-left:solid thin white;
    width:140px;
}

/*hack for IE6 */
* html #topmenu li:hover ul
{ left:0px;}

#topmenu ul
{ position:absolute; left:-9999px; top:-9999px;}

/*hack for IE6 */
* html #topmenu ul
{ width:1px;}

/* show next level */
#topmenu li:hover li:hover > ul
{ left:-15px; margin-left:100%; top:-1px;}

/* keep further levels hidden */
#topmenu li:hover > ul ul
{
    position:absolute;
    left:-9999px;
    top:-9999px;
    width:auto;
}
/* show path followed */
#topmenu li:hover > a
{ text-decoration:none; color:#fff;}

/*flyout dropdown */
#topmenu li:hover li:hover ul
{ left:-15px; margin-left:100%; top:-1px;}

/*hide sub menu*/
#topmenu li:hover ul ul
{ position:absolute; left:-9999px; top:-9999px;}

/* show path followed */
#topmenu li:hover a,
#topmenu li:hover li:hover a
{ text-decoration:none; color:#fff;}

/* hide futher possible paths */
#topmenu li:hover li a,
#topmenu li:hover li:hover li a
{ text-decoration:none; color:#000;}
/*die pages********************************************* *******************/
#diepagecontainer
{ width:979px; height:552px;}

#dienodecontainer
{ height:357px; width:618px; float:left;}

#dieulcontainer
{
    list-style:none;
    width:618px;
    height:357px;
    margin:0;
    padding:0;
}

.licontainer
{ float:left; width:618px;}

#dierightpanelcontainer
{
    width:157px;
    height:357px;
    float:left;
    background-image:url(images/filepanel/rightfilepane.gif);
}

#diebottomcontainer
{ width:778px; float:left;}
/*CAPDOwnload page********************************************** ************/
#downloadcontainer
{ width:814px;}

#downloadleft
{
     float:left;
     width:814px;
     position:absolute;
     left:0;
     top:0;
     margin-right:-3px;
}

#downloadcustsvc
{
    margin-left:201px;
    height:220px;
    margin-top:21px;
    width:601px;
    padding:0px 0px 0px 10px;
}

#downloadtitlecustsvc
{ width:611px; margin-top:10px; margin-bottom:10px;}

#downloadcustsvcleft
{ float:left; width:218px;}

#downloadcustsvcright
{ float:right; width:238px;}

#downloadtitlecredit
{
    width:601px;
    margin-left:201px;
    margin-top:10px;
    margin-bottom:10px;
}

#downloadcredit
{
    width:601px;
    margin-left:201px;
    height:120px;
    padding:0px 0px 0px 10px;
}

#downloadcreditleft
{ float:left; width:218px;}

#downloadtitleliterature
{
    width:611px;
    margin-left:201px;
    margin-top:10px;
    margin-bottom:10px;
}

#downloadliterature
{
    width:611px;
    height:40px;
    margin-left:201px;
    padding:0px 0px 0px 10px;
}

#downloadliteratureleft
{ float:left; width:218px;}

#downloadliteratureright
{ float:right; width:238px;}

a.download{font-family:Arial; font-size:x-small;}
a.download:link {color: black; text-decoration: none;}
a.download:visited {color: black; text-decoration: none;}
a.download:background-color {color:white; text-decoration: none;}
a.download:hover {color: black; text-decoration: none; background-color: #aaaaaa;}

a.title{ font-family:Arial Black; font-size:small;}
/****companyinfo.aspx****************************** ******************************/
#companyinfotitle
{
    display:block;
    width:600px;
    margin-left:201px;
    margin-top:40px;
    height:20px;
    padding:0px 0px 0px 10px;
}

#companyinfocontainer
{ width:600px; float:right; padding-top:10px;}

p.text{ font-family:Arial; font-size:small; font-weight:bold;}
/******gallery.aspx******************************** ******************************/
p.gallery
{ font-family:Arial; font-size:larger; font-weight:bold; text-align:center; margin-top:30%;}

#gallerycontainer
{ width:600px; height:530px; margin:21px 0px 0px 201px;}




The code in "tophover.js" is:

Hover = function() {
    var cssRule;
    var newSelector;
    for (var i = 0; i < document.styleSheets.length; i++)
        for (var x = 0; x < document.styleSheets[i].rules.length ; x++)
            {
            cssRule = document.styleSheets[i].rules[x];
            if (cssRule.selectorText.indexOf("LI:hover") != -1)
            {
                 newSelector = cssRule.selectorText.replace(/LI:hover/gi, "LI.iehover");
                document.styleSheets[i].addRule(newSelector , cssRule.style.cssText);
            }
        }
    var getElm = document.getElementById("topmenu").getElementsByTa gName("LI");
    for (var i=0; i<getElm.length; i++) {
        getElm[i].onmouseover=function() {
            this.className+=" iehover";
        }
        getElm[i].onmouseout=function() {
            this.className=this.className.replace(new RegExp(" iehover\\b"), "");
        }
    }
}
if (window.attachEvent) window.attachEvent("onload", Hover);




Code in the VB code-behind is:
Partial Class dies281css
    Inherits System.Web.UI.Page

    Protected Sub imgbNode1_Click(ByVal sender As Object, ByVal e As System.Web.UI.ImageClickEventArgs)
        Me.cboFiles.Items.Clear()
        Me.cboFiles.Items.Add("COC Header")
        Me.cboFiles.Items.Add("N-Door-Frame-Header")
        Me.imgbPane.ImageUrl = "fl500/images/fl500Elev/fl500Details/n1/n1.jpg"
        Me.hlGetAcadFile.NavigateUrl = "fl500/images/fl500Elev/fl500Details/n1/COCHEADER.dwg"
        Me.hlGetPDF.NavigateUrl = "fl500/images/fl500Elev/fl500Details/n1/COCHEADER.pdf"
        Session("Node") = "1"
        Me.imgbPane.HotSpots.Clear()
        Call Add_Node1_Hotspots()
    End Sub

    Protected Sub imgbNode2_Click(ByVal sender As Object, ByVal e As System.Web.UI.ImageClickEventArgs)
        Me.cboFiles.Items.Clear()
        Me.cboFiles.Items.Add("N-Int-Door-Jamb")
        Me.imgbPane.ImageUrl = "fl500/images/fl500Elev/fl500Details/n2/n2.jpg"
        Me.hlGetAcadFile.NavigateUrl = "fl500/images/fl500Elev/fl500Details/n2/NINTDOORJAMB.dwg"
        Me.hlGetPDF.NavigateUrl = "fl500/images/fl500Elev/fl500Details/n2/NINTDOORJAMB.pdf"
        Session("Node") = "2"
        Me.imgbPane.HotSpots.Clear()
        Call Add_Node2_Hotspots()
    End Sub

    Protected Sub imgbNode3_Click(ByVal sender As Object, ByVal e As System.Web.UI.ImageClickEventArgs)
        Me.cboFiles.Items.Clear()
        Me.cboFiles.Items.Add("D108-Threshold")
        Me.cboFiles.Items.Add("D109-Threshold")
        Me.hlGetAcadFile.NavigateUrl = "fl500/images/fl500Elev/fl500Details/n3/D108THRESHOLD.dwg"
        Me.imgbPane.ImageUrl = "fl500/images/fl500Elev/fl500Details/n3/nm3.jpg"
        Me.hlGetPDF.NavigateUrl = "fl500/images/fl500Elev/fl500Details/n3/D108THRESHOLD.pdf"
        Session("Node") = "3"
        Me.imgbPane.HotSpots.Clear()
        Call Add_Node3_Hotspots()
    End Sub

    Protected Sub imgbNode4_Click(ByVal sender As Object, ByVal e As System.Web.UI.ImageClickEventArgs)
        Me.cboFiles.Items.Clear()
        Me.cboFiles.Items.Add("N-Door-Jamb")
        Me.hlGetAcadFile.NavigateUrl = "fl500/images/fl500Elev/fl500Details/n4/NDOORJAMB.dwg"
        Me.imgbPane.ImageUrl = "fl500/images/fl500Elev/fl500Details/n4/n4.jpg"
        Me.hlGetPDF.NavigateUrl = "fl500/images/fl500Elev/fl500Details/n4/NDOORJAMB.dwg"
        Session("Node") = "4"
        Me.imgbPane.HotSpots.Clear()
        Call Add_Node4_Hotspots()
    End Sub

    Protected Sub imgbNode4Opp_Click(ByVal sender As Object, ByVal e As System.Web.UI.ImageClickEventArgs)
        Me.cboFiles.Items.Clear()
        Me.cboFiles.Items.Add("N-Door-Jamb")
        Me.hlGetAcadFile.NavigateUrl = "fl500/images/fl500Elev/fl500Details/n4/NDOORJAMB.dwg"
        Me.imgbPane.ImageUrl = "fl500/images/fl500Elev/fl500Details/n4/n4.jpg"
        Me.hlGetPDF.NavigateUrl = "fl500/images/fl500Elev/fl500Details/n4/NDOORJAMB.dwg"
        Session("Node") = "4"
        Me.imgbPane.HotSpots.Clear()
        Call Add_Node4_Hotspots()
    End Sub

    Protected Sub imgbNode5_Click(ByVal sender As Object, ByVal e As System.Web.UI.ImageClickEventArgs)
        Me.cboFiles.Items.Clear()
        Me.cboFiles.Items.Add("N-MTG-STILES")
        Me.hlGetAcadFile.NavigateUrl = "fl500/images/fl500Elev/fl500Details/n5/NMTGSTILES.dwg"
        Me.imgbPane.ImageUrl = "fl500/images/fl500Elev/fl500Details/n5/n5.jpg"
        Me.hlGetPDF.NavigateUrl = "fl500/images/fl500Elev/fl500Details/n5/NMTGSTILES.pdf"
        Session("Node") = "5"
        Me.imgbPane.HotSpots.Clear()
        Call Add_Node5_Hotspots()
    End Sub

    Protected Sub imgbNode6_Click(ByVal sender As Object, ByVal e As System.Web.UI.ImageClickEventArgs)
        Me.cboFiles.Items.Clear()
        Me.cboFiles.Items.Add("COC-Transom-Bar")
        Me.cboFiles.Items.Add("N-Transom-Bar")
        Me.hlGetAcadFile.NavigateUrl = "fl500/images/fl500Elev/fl500Details/n6/COCTRANSOM BAR.dwg"
        Me.imgbPane.ImageUrl = "fl500/images/fl500Elev/fl500Details/n6/n6.jpg"
        Me.hlGetPDF.NavigateUrl = "fl500/images/fl500Elev/fl500Details/n6/COCTRANSOM BAR.pdf"
        Session("Node") = "6"
        Me.imgbPane.HotSpots.Clear()
        Call Add_Node6_Hotspots()
    End Sub

    Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
        If Not IsPostBack Then
            Me.imgbNode1.Attributes.Add("onmouseover", "this.src='fl500/images/row2/Node1Lit-281.jpg'")
            Me.imgbNode1.Attributes.Add("onmouseout", "this.src='fl500/images/row2/Node1-281.jpg'")

            Me.imgbNode2.Attributes.Add("onmouseover", "this.src='FL500/images/row3/Node2Lit-281.jpg'")
            Me.imgbNode2.Attributes.Add("onmouseout", "this.src='FL500/images/row3/Node2-281.jpg'")

            Me.imgbNode3.Attributes.Add("onmouseover", "this.src='FL500/images/row4/Node3Lit-281.jpg'")
            Me.imgbNode3.Attributes.Add("onmouseout", "this.src='FL500/images/row4/Node3-281.jpg'")

            Me.imgbNode4.Attributes.Add("onmouseover", "this.src='FL500/images/row4/Node4Lit-281.jpg'")
            Me.imgbNode4.Attributes.Add("onmouseout", "this.src='FL500/images/row4/Node4-281.jpg'")
            Me.imgbNode4Opp.Attributes.Add("onmouseover", "this.src='FL500/images/row4/Node4oppLit-281.jpg'")
            Me.imgbNode4Opp.Attributes.Add("onmouseout", "this.src='FL500/images/row4/Node4opp-281.jpg'")

            Me.imgbNode5.Attributes.Add("onmouseover", "this.src='fl500/images/row3/Node5Lit-281.jpg'")
            Me.imgbNode5.Attributes.Add("onmouseout", "this.src='FL500/images/row3/Node5-281.jpg'")

            Me.imgbNode6.Attributes.Add("onmouseover", "this.src='fl500/images/row2/Node6Lit-281.jpg'")
            Me.imgbNode6.Attributes.Add("onmouseout", "this.src='fl500/images/row2/Node6-281.jpg'")

            Me.imgbTitle281.Attributes.Add("onmouseover", "this.src='fl500/images/row1/narrowtitle281lit.jpg'")
            Me.imgbTitle281.Attributes.Add("onmouseout", "this.src='fl500/images/row1/narrowtitle281.jpg'")
        End If
    End Sub

    Protected Sub cboFiles_SelectedIndexChanged(ByVal sender As Object, ByVal e As System.EventArgs)
        Select Case Session("node")
            Case "1"
                If Me.cboFiles.SelectedIndex = 0 Then
                    Me.hlGetAcadFile.NavigateUrl = "fl500/images/fl500Elev/fl500Details/n1/COCHEADER.dwg"
                    Me.hlGetPDF.NavigateUrl = "fl500/images/fl500Elev/fl500Details/n1/COCHEADER.pdf"
                ElseIf Me.cboFiles.SelectedIndex = 1 Then
                    Me.hlGetAcadFile.NavigateUrl = "fl500/images/fl500Elev/fl500Details/n1/NDOORFRAMEHEADER.dwg"
                    Me.hlGetPDF.NavigateUrl = "fl500/images/fl500Elev/fl500Details/n1/NDOORFRAMEHEADER.pdf"
                End If
            Case "3"
                If Me.cboFiles.SelectedIndex = 0 Then
                    Me.hlGetAcadFile.NavigateUrl = "fl500/images/fl500Elev/fl500Details/n3/D108THRESHOLD.dwg"
                    Me.hlGetPDF.NavigateUrl = "fl500/images/fl500Elev/fl500Details/n3/D108THRESHOLD.pdf"
                ElseIf Me.cboFiles.SelectedIndex = 1 Then
                    Me.hlGetAcadFile.NavigateUrl = "fl500/images/fl500Elev/fl500Details/n3/D109THRESHOLD.dwg"
                    Me.hlGetPDF.NavigateUrl = "fl500/images/fl500Elev/fl500Details/n3/D109THRESHOLD.pdf"
                End If
            Case "6"
                If Me.cboFiles.SelectedIndex = 0 Then
                    Me.hlGetAcadFile.NavigateUrl = "fl500/images/fl500Elev/fl500Details/n6/COCTRANSOM BAR.dwg"
                    Me.hlGetPDF.NavigateUrl = "fl500/images/fl500Elev/fl500Details/n6/COCTRANSOM BAR.pdf"
                ElseIf Me.cboFiles.SelectedIndex = 1 Then
                    Me.hlGetAcadFile.NavigateUrl = "fl500/images/fl500Elev/fl500Details/n6/NTRANSOM BAR.dwg"
                    Me.hlGetPDF.NavigateUrl = "fl500/images/fl500Elev/fl500Details/n6/NTRANSOM BAR.pdf"
                End If
        End Select
    End Sub

    Protected Sub Add_Node1_Hotspots()
        Dim hotspot1 As New RectangleHotSpot
        Dim hotspot2 As New RectangleHotSpot
        hotspot1.HotSpotMode = HotSpotMode.Navigate
        hotspot1.NavigateUrl = "fl500/images/fl500Elev/fl500Details/n1/COCHEADER.pdf"
        hotspot1.Top = 0
        hotspot1.Left = 0
        hotspot1.Bottom = 168
        hotspot1.Right = 260
        hotspot1.AlternateText = "N-Door-Frame-Header"
        hotspot1.Target = "_blank"
        hotspot2.HotSpotMode = HotSpotMode.Navigate
        hotspot2.NavigateUrl = "fl500/images/fl500Elev/fl500Details/n1/NDOORFRAMEHEADER.pdf"
        hotspot2.Top = 0
        hotspot2.Left = 265
        hotspot2.Bottom = 168
        hotspot2.Right = 756
        hotspot2.AlternateText = "COC Header"
        hotspot2.Target = "_blank"
        Me.imgbPane.HotSpots.Add(hotspot1)
        Me.imgbPane.HotSpots.Add(hotspot2)
    End Sub

    Protected Sub Add_Node2_Hotspots()
        Dim hotspot1 As New RectangleHotSpot
        hotspot1.HotSpotMode = HotSpotMode.Navigate
        hotspot1.NavigateUrl = "fl500/images/fl500Elev/fl500Details/n2/NINTDOORJAMB.pdf"
        hotspot1.Top = 0
        hotspot1.Left = 0
        hotspot1.Bottom = 168
        hotspot1.Right = 756
        hotspot1.AlternateText = "N-Int-Door-Jamb"
        hotspot1.Target = "_blank"
        Me.imgbPane.HotSpots.Add(hotspot1)
    End Sub

    Protected Sub Add_Node3_Hotspots()
        Dim hotspot1 As New RectangleHotSpot
        Dim hotspot2 As New RectangleHotSpot
        hotspot1.HotSpotMode = HotSpotMode.Navigate
        hotspot1.NavigateUrl = "fl500/images/fl500Elev/fl500Details/n3/D108THRESHOLD.pdf"
        hotspot1.Top = 0
        hotspot1.Left = 0
        hotspot1.Bottom = 168
        hotspot1.Right = 260
        hotspot1.AlternateText = "D108-Threshold"
        hotspot1.Target = "_blank"
        hotspot2.HotSpotMode = HotSpotMode.Navigate
        hotspot2.NavigateUrl = "fl500/images/fl500Elev/fl500Details/n3/D109THRESHOLD.pdf"
        hotspot2.Top = 0
        hotspot2.Left = 265
        hotspot2.Bottom = 168
        hotspot2.Right = 756
        hotspot2.AlternateText = "D109-Threshold"
        hotspot2.Target = "_blank"
        Me.imgbPane.HotSpots.Add(hotspot1)
        Me.imgbPane.HotSpots.Add(hotspot2)
    End Sub

    Protected Sub Add_Node4_Hotspots()
        Dim hotspot1 As New RectangleHotSpot
        hotspot1.HotSpotMode = HotSpotMode.Navigate
        hotspot1.NavigateUrl = "fl500/images/fl500Elev/fl500Details/n4/NDOORJAMB.pdf"
        hotspot1.Top = 0
        hotspot1.Left = 0
        hotspot1.Bottom = 168
        hotspot1.Right = 756
        hotspot1.AlternateText = "N-Door-Jamb"
        hotspot1.Target = "_blank"
        Me.imgbPane.HotSpots.Add(hotspot1)
    End Sub

    Protected Sub Add_Node5_Hotspots()
        Dim hotspot1 As New RectangleHotSpot
        hotspot1.HotSpotMode = HotSpotMode.Navigate
        hotspot1.NavigateUrl = "fl500/images/fl500Elev/fl500Details/n5/NMTGSTILES.pdf"
        hotspot1.Top = 0
        hotspot1.Left = 0
        hotspot1.Bottom = 168
        hotspot1.Right = 756
        hotspot1.AlternateText = "N-MTG-Stiles"
        hotspot1.Target = "_blank"
        Me.imgbPane.HotSpots.Add(hotspot1)
    End Sub

    Protected Sub Add_Node6_Hotspots()
        Dim hotspot1 As New RectangleHotSpot
        Dim hotspot2 As New RectangleHotSpot
        hotspot1.HotSpotMode = HotSpotMode.Navigate
        hotspot1.NavigateUrl = "fl500/images/fl500Elev/fl500Details/n6/COCTRANSOM BAR.pdf"
        hotspot1.Top = 0
        hotspot1.Left = 0
        hotspot1.Bottom = 168
        hotspot1.Right = 260
        hotspot1.AlternateText = "COC-Transom-Bar"
        hotspot1.Target = "_blank"
        hotspot2.HotSpotMode = HotSpotMode.Navigate
        hotspot2.NavigateUrl = "fl500/images/fl500Elev/fl500Details/n6/NTRANSOM BAR.pdf"
        hotspot2.Top = 0
        hotspot2.Left = 265
        hotspot2.Bottom = 168
        hotspot2.Right = 756
        hotspot2.AlternateText = "N-Transom-Bar"
        hotspot2.Target = "_blank"
        Me.imgbPane.HotSpots.Add(hotspot1)
        Me.imgbPane.HotSpots.Add(hotspot2)
    End Sub

    Protected Sub imgbTitle281_Click(ByVal sender As Object, ByVal e As System.Web.UI.ImageClickEventArgs)
        Server.Transfer("dies381.aspx")
    End Sub

    Protected Sub imgbPane_Click(ByVal sender As Object, ByVal e As System.Web.UI.WebControls.ImageMapEventArgs)

    End Sub
End Class


HTML code is:
<%@ Page Language="VB" AutoEventWireup="false" CodeFile="dies281css.aspx.vb" Inherits="dies281css" %>

<%@ Register Assembly="System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"
    Namespace="System.Web.UI" TagPrefix="asp" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1" runat="server">
    <title>Coral Dies - 281</title>
    <link rel="stylesheet" type="text/css" href="capcss.css" />
</head>
<!--[if lte IE 6]>
<script src="TopHover.js" type="text/javascript"></script>
<![endif]-->
<body background="images/capback.jpg">
<form id="form1" runat="server">
    <asp:ScriptManager ID="ScriptManager1" runat="server" EnablePartialRendering=true>
    </asp:ScriptManager>
    <asp:UpdatePanel ChildrenAsTriggers=true ID="UpdatePanel1" runat="server" UpdateMode=Conditional>
    <Triggers><asp:PostBackTrigger ControlID="imgbTitle281"/></Triggers>
    <ContentTemplate>
    <div id="diepagecontainer">
        <img alt="imgLeftPanel" src="images/menu/capleftsideInstruct281.jpg" align="left"/>
        <div id="topdiecontainer">
            <ul id="topmenu">
                <li><a href="http://www.coralap.com/default.aspx">&nbsp;&nbsp;Home |&nbsp;</a></li>
                <li><a href="http://www.coralap.com/companyinfo.aspx">Company Info |&nbsp;</a></li>
                <li><a href="#nogo">Products |&nbsp;</a>
                [list]
                  <li><a href="http://www.coralap.com/entrances.aspx">Entrances</a></li>
                  <li><a href="http://www.coralap.com/sffl200.aspx">Storefront Systems</a></li>
                  <li><a href="http://www.coralap.com/sfPW251.aspx">Curtain Wall Systems</a></li>
                  <li><a href="http://www.coralap.com/hurricane.aspx">Hurricane Resistant</a></li>
                </ul>
                </li>
                <li><a href="http://www.coralap.com/contactus.aspx">Contact Us |&nbsp;</a></li>
                <li><a href="http://www.coralap.com/gallery.aspx">Gallery |&nbsp;</a></li>
                <li><a href="http://www.coralap.com/news.aspx">News |&nbsp;</a></li>
                <li><a href="http://www.coralap.com/careers.aspx">Careers</a></li>
            </ul>
        </div>
        <div id="dienodecontainer">
            <ul id="dieulcontainer">
                <li class="licontainer">
                    <img alt="imgr1c1" src="FL500/images/row1/r1-281.jpg" align="left" />
                    <asp:ImageButton ID="imgbTitle281" runat="server" ImageUrl="~/FL500/images/row1/narrowtitle281.jpg" ImageAlign="left" OnClick="imgbTitle281_Click" />
                </li>
                <li class="licontainer">
                    <img alt="imgr2c1" src="FL500/images/row2/r2c1-281.jpg" align="left" />
                    <asp:Imagebutton ImageAlign="left" ID="imgbNode1" runat="server" ImageUrl="~/FL500/images/row2/node1-281.jpg" OnClick="imgbNode1_Click" />
                    <asp:Imagebutton ImageAlign="left" ID="imgbNode6" runat="server" ImageUrl="~/FL500/images/row2/node6-281.jpg" OnClick="imgbNode6_Click" />
                </li>
                <li class="licontainer">
                    <asp:Imagebutton ImageAlign="left" ID="imgbNode5" runat="server" ImageUrl="~/FL500/images/row3/node5-281.jpg" OnClick="imgbNode5_Click" />
                    <asp:Imagebutton ImageAlign="left" ID="imgbNode2" runat="server" ImageUrl="~/FL500/images/row3/node2-281.jpg" OnClick="imgbNode2_Click" />
                    <img alt="imgr3c3" src="FL500/images/row3/r3c3-281.jpg" align="left" />
                </li>
                <li class="licontainer">
                    <asp:Imagebutton ImageAlign="left" ID="imgbNode4" runat="server" ImageUrl="~/FL500/images/row4/node4-281.jpg" OnClick="imgbNode4_Click" />
                    <asp:Imagebutton ImageAlign="left" ID="imgbNode3" runat="server" ImageUrl="~/FL500/images/row4/node3-281.jpg" OnClick="imgbNode3_Click" />
                    <asp:Imagebutton ImageAlign="left" ID="imgbNode4Opp" runat="server" ImageUrl="~/FL500/images/row4/node4opp-281.jpg" OnClick="imgbNode4Opp_Click" />
                </li>
            </ul>
        </div>
        <div id="dierightpanelcontainer">
            <asp:imagebutton id="imgbFileTitle" runat="server" ImageUrl ="~/images/filepanel/BlankDetail.gif" style="margin-left:8px; width:137px;" imagealign="texttop"/>
            <br />&nbsp;&nbsp;&nbsp;&nbsp;
            <asp:HyperLink ID="hlGetAcadFile" runat="server" Font-Bold="True" Font-Size="X-Small">Get Autocad File</asp:HyperLink><br />
            <br />&nbsp;&nbsp;&nbsp;&nbsp;
            <asp:HyperLink ID="hlGetPDF" runat="server" Font-Bold="True" Font-Size="X-Small">Get PDF</asp:HyperLink><br />
            <br />&nbsp;&nbsp;&nbsp;&nbsp;
            <asp:DropDownList ID="cboFiles" runat="server" Width="128px" Font-Size="XX-Small" AutoPostBack="true" OnSelectedIndexChanged="cboFiles_SelectedIndexChan ged"></asp:DropDownList><br /><br /><br /><br /><br />
            &nbsp;&nbsp;&nbsp;&nbsp;<asp:HyperLink NavigateUrl="~/NarrowStile/AllNarrowStileAcadFiles.zip" ID="hlGetAllAcadFiles" runat="server" Font-Bold="True" Font-Size="XX-Small">All Details(dwg)-2 Mb</asp:HyperLink><br /><br />
            &nbsp;&nbsp;&nbsp;<asp:HyperLink NavigateUrl="~/NarrowStile/ALLNarrowStilepdfs.zip" ID="hlGetAllPDFs" runat="server" Font-Bold="True" Font-Size="xX-Small">All Details(pdf)-159 Kb</asp:HyperLink><br />
        </div>
        <div id="diebottomcontainer">
            <img alt="imgLeftBorder" src="images/filepanel/LeftBorder.gif" align="left"/>
            <asp:ImageMap ID="imgbPane" runat="server" ImageUrl="~/images/filepanel/Pane.gif" ImageAlign="Left" OnClick="imgbPane_Click" />
            <img alt="imgRightBorder" src="images/filepanel/rightborder.gif" align="left" />
        </div>
    </div>
     </ContentTemplate>
    </asp:UpdatePanel>
</form>
</body>
</html>

Reply With Quote
Reply


Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is Off
HTML code is Off
Trackbacks are Off
Pingbacks are On
Refbacks are Off


Similar Threads
Thread Thread Starter Forum Replies Last Post
IE6 Hover Bug - Causing containing DIV to collapse socoolbrewster CSS Cascading Style Sheets 0 August 1st, 2008 09:46 AM
anchor link not working in IE6 sbkumar CSS Cascading Style Sheets 2 July 29th, 2008 11:27 AM
schema stops stylesheet from working? stekker XSLT 4 June 15th, 2006 02:02 PM
CSS2 :hover Problem in IE6 kwilliams CSS Cascading Style Sheets 9 April 13th, 2006 02:43 PM
CDONTS sendmail stops working suddenly Cinderella Classic ASP Basics 1 March 9th, 2006 08:45 PM



All times are GMT -4. The time now is 12:41 AM.


Powered by vBulletin®
Copyright ©2000 - 2019, Jelsoft Enterprises Ltd.
© 2013 John Wiley & Sons, Inc.