473,405 Members | 2,262 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

home > topics > javascript > questions > 1/2 ie6:hover stops working in ajax

Join Bytes to post your question to a community of 473,405 software developers and data experts.

1/2 IE6:Hover stops working in Ajax

My previous post got squashed because m post is too long. Sorry for that:

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:
Expand|Select|Wrap|Line Numbers
  1. body
  2. {    background-image:url(images/capback.jpg);}
  3.  
  4. #caplogo
  5. {    margin:32px 0px 10px 10px;}
  6.  
  7. /*Middle Graphic********************************/
  8. #leftside
  9. {    float:left;}
  10.  
  11. #leftsideimage
  12. {
  13.     float:left;
  14.     width:17px;
  15.     height:175px;
  16.     margin:0px;
  17.     background-image:url(images/leftside.jpg);
  18. }
  19.  
  20. #rightside
  21. {
  22.     float:left;
  23.     width:793px;
  24.     height:175px;
  25.     background-image:url(images/rightside.jpg);
  26.     margin-right:-5px; /*IE6 Hack. IE adds pixels to the right margin of the last item floated to the left*/
  27. }
  28.  
  29. .fullpagewidth
  30. {    width:979px;}
  31.  
  32. /*Menu on front page**************/
  33. #menu{    width:169px; float:left;}
  34.  
  35. #capmenu,
  36. #capmenu ul
  37. {
  38.     float:left;
  39.     padding:0 0 0 0;
  40.     margin:0;
  41.     list-style:none;
  42.     background-image:url(images/leftmenuback.jpg);
  43.     position:relative;
  44.     z-index:200;
  45.     width:169px;
  46.     height:175px;
  47.     /*font: 16px verdana, sans-serif; */
  48.     font-family:Arial;
  49.     font-size:10pt;
  50.     font-weight:bold;
  51. }
  52.  
  53. #capmenu li li
  54. {    background-image:url(images/leftmenuback.jpg);}
  55.  
  56. /* a hack for IE5.x and IE6 */
  57. * html #capmenu li
  58. {    float:left;}
  59.  
  60. #capmenu li a /*text for menu links on left-hand side. original*/
  61. {
  62.     height:25px;
  63.     padding:0 0 0 5px;
  64.     color:rgb(0, 0, 0);
  65.     text-decoration:none;
  66.     white-space:nowrap;
  67.     display:block;
  68.     width:169px;
  69. }
  70.  
  71. #capmenu li:hover
  72. {    position:relative;     z-index:300; background:url(images/menulit.jpg);}
  73.  
  74. #capmenu ul
  75. {    position:absolute;    left:-9999px;    top:-9999px;}
  76.  
  77. /*hack for IE6 */
  78. * html #capmenu, * html capmenu ul
  79. {    width:1px;}
  80.  
  81. /*flyout pop-up*/
  82. #capmenu li:hover > ul
  83. {
  84.     left:-15px;
  85.     top:-1px;
  86.     margin-left:100%;
  87.     width:229px;
  88.     height:100px;
  89. }
Expand|Select|Wrap|Line Numbers
  1. /*hide sub menu*/
  2. #capmenu li:hover > ul ul
  3. {    position:absolute; left:-9999px; top:-9999px; width:auto;}
  4.  
  5. /* show path followed */
  6. #capmenu li:hover > a
  7. {    text-decoration:none; color: rgb(250, 250, 250);}
  8.  
  9. /*IE6 Hack flyout pop-up*/
  10. #capmenu li:hover ul
  11. {
  12.     left:-15px;
  13.     top:-1px;
  14.     margin-left:100%;
  15.     width:229px;
  16.     height:100px;
  17. }
  18.  
  19. /*IE6 Hide sub menu*/
  20. #capmenu li:hover ul ul
  21. {    position:absolute; left:-9999px; top:-9999px;}
  22.  
  23. /*IE6 show path followed */
  24. #capmenu li:hover a,
  25. #capmenu li:hover li:hover a
  26. {    text-decoration:none; color: rgb(250, 250, 250);}
  27.  
  28. /*IE6 hide futher possible paths */
  29. #capmenu li:hover li a
  30. {
  31.     text-decoration:none;
  32.     color:#000;
  33.     width:229px; /*IE6 Hack to make lit background full menu width, and not just the width of the text*/
  34. }
  35. /******************************************************************************************/
  36.  
Expand|Select|Wrap|Line Numbers
  1. #capcontainer
  2. {
  3.     float:left;  
  4.     width:991px;
  5.     height:540px;
  6.     position:absolute;
  7.     left:0px;
  8.     top:0px;
  9. }
  10.  
  11. #capleft
  12. {
  13.     float:left;
  14.     width:814px;
  15.     margin-right:-3px;
  16.     height:530px;
  17. }
  18.  
  19. #topcontainer
  20. {     float:left;  width:611px;}
  21.  
  22. #topdiecontainer
  23. {     float:left;  width:775px}
  24.  
  25. #pagetitle
  26. {    width:611px; height:56px; float:left;}
  27.  
  28. #topofpagetext
  29. {    width:600px; float:right; padding-right:5px;}
  30.  
  31. .tabletext
  32. {
  33.      margin-bottom:5px;
  34.      border-bottom:solid thin black;
  35.      width:600px;
  36.      float:left;
  37.      font-family:Arial;
  38.      font-size:smaller;
  39.      font-weight:bold;
  40.  
  41. }
  42.  
  43. .rightmenu
  44. {
  45.     background-image:url(images/ppage/rightpanelcss.jpg);
  46.     background-repeat:no-repeat;
  47.     width:180px;
  48.     height:530px;
  49.     padding-top:4px;
  50.     float:right;
  51. }
  52.  
  53. .rightul
  54. {
  55.      float:left;
  56.      list-style-type:none;
  57.      padding:0;
  58.      margin:14px 0px 0px 4px;
  59. }
  60.  
  61. .rightli
  62. {    width:168px; background-color:rgb(204,204,204); padding:0px 0px 0px 5px;}
  63.  
  64. * html .rightul /*IE6 Hack*/
  65. {    width:173px; margin-left:2px;}
  66.  
  67. /*Header text for entrances.aspx*/
  68. #htsystem
  69. {    float:left; margin:0px 38px 0px 25px;}
  70.  
  71. #htstyle
  72. {    float:left; margin:0px 28px 0px 20px;}
  73.  
  74. .htrailbottom
  75. {    float:left; margin:0px 28px 0px 5px;}
  76.  
  77. #httraffic
  78. {    float:left; margin:0px 5px 0px 5px;}
  79.  
  80. #htnarrow
  81. {    float:left; margin:0px 10px 0px 5px;}
  82.  
  83. #htlinetwo
  84. {    float:left; margin:0px 33px 0px 5px;}
  85.  
  86. #htlinethree
  87. {    float:left; margin:0px 23px 0px 5px;}
  88.  
  89. #htlinefour
  90. {    float:left; margin:0px 28px 0px 5px;}
  91.  
  92. .htlinefivesix
  93. {    float:left; margin:0px 23px 0px 20px;}
  94. /*Top Menu*******************************************/
  95. #topmenu,
  96. #topmenu ul
  97. {
  98.     padding:0;
  99.     margin:0;
  100.     list-style:none;
  101.     font: 10px verdana, sans-serif;
  102.     background-image:url(images/menu/topmenuback.jpg);
  103.     border:0;
  104.     position:relative;
  105.     z-index:200;
  106. }
  107. #topmenu
  108. {    height:20px; padding:0;}
  109.  
  110. #topmenu li
  111. {    float:left;}
  112. #topmenu li li
  113. {    float:none; background:#ccc;}
  114.  
Expand|Select|Wrap|Line Numbers
  1. /*hack for IE6 */
  2. * html #topmenu li li
  3. {    float:left;}
  4.  
  5. #topmenu li a
  6. {
  7.     display:block;
  8.     float:left;
  9.     color:#000;
  10.     height:20px;
  11.     line-height:15px;
  12.     text-decoration:none;
  13.     white-space:nowrap;
  14.     font-weight:bold;
  15. }
  16.  
  17. #topmenu li li a
  18. {    height:20px; line-height:20px; float:none;}
  19.  
  20. #topmenu li:hover
  21. {    position:relative; z-index:300;}
  22.  
  23. #topmenu li:hover ul
  24. {
  25.     left:0;
  26.     top:18px;
  27.     height:80px;
  28.     background:#ccc;
  29.     border-bottom:solid thin white;
  30.     border-right:solid thin white;
  31.     border-left:solid thin white;
  32.     width:140px;
  33. }
  34.  
  35. /*hack for IE6 */
  36. * html #topmenu li:hover ul
  37. {    left:0px;}
  38.  
  39. #topmenu ul
  40. {    position:absolute; left:-9999px; top:-9999px;}
  41.  
  42. /*hack for IE6 */
  43. * html #topmenu ul
  44. {    width:1px;}
  45.  
  46. /* show next level */
  47. #topmenu li:hover li:hover > ul
  48. {    left:-15px; margin-left:100%; top:-1px;}
  49.  
  50. /* keep further levels hidden */
  51. #topmenu li:hover > ul ul
  52. {
  53.     position:absolute;
  54.     left:-9999px;
  55.     top:-9999px;
  56.     width:auto;
  57. }
  58. /* show path followed */
  59. #topmenu li:hover > a
  60. {    text-decoration:none; color:#fff;}
  61.  
  62. /*flyout dropdown */
  63. #topmenu li:hover li:hover ul
  64. {    left:-15px; margin-left:100%; top:-1px;}
  65.  
  66. /*hide sub menu*/
  67. #topmenu li:hover ul ul
  68. {    position:absolute; left:-9999px; top:-9999px;}
  69.  
  70. /* show path followed */
  71. #topmenu li:hover a,
  72. #topmenu li:hover li:hover a
  73. {    text-decoration:none; color:#fff;}
  74.  
  75. /* hide futher possible paths */
  76. #topmenu li:hover li a,
  77. #topmenu li:hover li:hover li a
  78. {    text-decoration:none; color:#000;}
  79. /*die pages****************************************************************/
Expand|Select|Wrap|Line Numbers
  1. #diepagecontainer
  2. {     width:979px; height:552px;}
  3.  
  4. #dienodecontainer
  5. {    height:357px; width:618px; float:left;}
  6.  
  7. #dieulcontainer
  8. {
  9.     list-style:none;
  10.     width:618px;
  11.     height:357px;
  12.     margin:0;
  13.     padding:0;
  14. }
  15.  
  16. .licontainer
  17. { float:left; width:618px;}
  18.  
  19. #dierightpanelcontainer
  20. {
  21.     width:157px;
  22.     height:357px;
  23.     float:left;
  24.     background-image:url(images/filepanel/rightfilepane.gif);
  25. }
  26.  
  27. #diebottomcontainer
  28. {    width:778px; float:left;}
  29. /*CAPDOwnload page**********************************************************/
  30. #downloadcontainer
  31. {    width:814px;}
  32.  
  33. #downloadleft
  34. {
  35.      float:left;
  36.      width:814px;
  37.      position:absolute;
  38.      left:0;
  39.      top:0;
  40.      margin-right:-3px;
  41. }
  42.  
  43. #downloadcustsvc
  44. {
  45.     margin-left:201px;
  46.     height:220px;
  47.     margin-top:21px;
  48.     width:601px;
  49.     padding:0px 0px 0px 10px;
  50. }
  51.  
  52. #downloadtitlecustsvc
  53. {    width:611px; margin-top:10px; margin-bottom:10px;}
  54.  
  55. #downloadcustsvcleft
  56. {    float:left; width:218px;}
  57.  
  58. #downloadcustsvcright
  59. {    float:right; width:238px;}
  60.  
  61. #downloadtitlecredit
  62. {
  63.     width:601px;
  64.     margin-left:201px;
  65.     margin-top:10px;
  66.     margin-bottom:10px;
  67. }
  68.  
  69. #downloadcredit
  70. {
  71.     width:601px;
  72.     margin-left:201px;
  73.     height:120px;
  74.     padding:0px 0px 0px 10px;
  75. }
  76.  
  77. #downloadcreditleft
  78. {    float:left; width:218px;}
  79.  
  80. #downloadtitleliterature
  81. {
  82.     width:611px;
  83.     margin-left:201px;
  84.     margin-top:10px;
  85.     margin-bottom:10px;
  86. }
  87.  
  88. #downloadliterature
  89. {
  90.     width:611px;
  91.     height:40px;
  92.     margin-left:201px;
  93.     padding:0px 0px 0px 10px;
  94. }
  95.  
  96. #downloadliteratureleft
  97. {    float:left; width:218px;}
  98.  
  99. #downloadliteratureright
  100. {    float:right; width:238px;}
  101.  
  102. a.download{font-family:Arial; font-size:x-small;}
  103. a.download:link {color: black; text-decoration: none;}
  104. a.download:visited {color: black; text-decoration: none;}
  105. a.download:background-color {color:white; text-decoration: none;}
  106. a.download:hover {color: black; text-decoration: none; background-color: #aaaaaa;}
  107.  
  108. a.title{ font-family:Arial Black; font-size:small;}
  109. /****companyinfo.aspx************************************************************/
  110. #companyinfotitle
  111. {
  112.     display:block;
  113.     width:600px;
  114.     margin-left:201px;
  115.     margin-top:40px;
  116.     height:20px;
  117.     padding:0px 0px 0px 10px;
  118. }
  119.  
  120. #companyinfocontainer
  121. {    width:600px; float:right; padding-top:10px;}
  122.  
  123. p.text{    font-family:Arial; font-size:small; font-weight:bold;}
  124. /******gallery.aspx**************************************************************/
  125. p.gallery
  126. {    font-family:Arial; font-size:larger; font-weight:bold; text-align:center; margin-top:30%;}
  127.  
  128. #gallerycontainer
  129. {    width:600px; height:530px; margin:21px 0px 0px 201px;}
  130.  


The code in "tophover.js" is:

Expand|Select|Wrap|Line Numbers
  1. Hover = function() {
  2.     var cssRule;
  3.     var newSelector;
  4.     for (var i = 0; i < document.styleSheets.length; i++)
  5.         for (var x = 0; x < document.styleSheets[i].rules.length ; x++)
  6.             {
  7.             cssRule = document.styleSheets[i].rules[x];
  8.             if (cssRule.selectorText.indexOf("LI:hover") != -1)
  9.             {
  10.                  newSelector = cssRule.selectorText.replace(/LI:hover/gi, "LI.iehover");
  11.                 document.styleSheets[i].addRule(newSelector , cssRule.style.cssText);
  12.             }
  13.         }
  14.     var getElm = document.getElementById("topmenu").getElementsByTagName("LI");
  15.     for (var i=0; i<getElm.length; i++) {
  16.         getElm[i].onmouseover=function() {
  17.             this.className+=" iehover";
  18.         }
  19.         getElm[i].onmouseout=function() {
  20.             this.className=this.className.replace(new RegExp(" iehover\\b"), "");
  21.         }
  22.     }
  23. }
  24. if (window.attachEvent) window.attachEvent("onload", Hover);
  25.  

HTML code is posted in the 2nd post. VERY sorry for this.
Mar 17 '08 #1
4 2240
This is the continuation of my post. Sorry it is so long.

Code in the VB code-behind is:
Expand|Select|Wrap|Line Numbers
  1. Partial Class dies281css
  2.     Inherits System.Web.UI.Page
  3.  
  4.     Protected Sub imgbNode1_Click(ByVal sender As Object, ByVal e As System.Web.UI.ImageClickEventArgs)
  5.         Me.cboFiles.Items.Clear()
  6.         Me.cboFiles.Items.Add("COC Header")
  7.         Me.cboFiles.Items.Add("N-Door-Frame-Header")
  8.         Me.imgbPane.ImageUrl = "fl500/images/fl500Elev/fl500Details/n1/n1.jpg"
  9.         Me.hlGetAcadFile.NavigateUrl = "fl500/images/fl500Elev/fl500Details/n1/COCHEADER.dwg"
  10.         Me.hlGetPDF.NavigateUrl = "fl500/images/fl500Elev/fl500Details/n1/COCHEADER.pdf"
  11.         Session("Node") = "1"
  12.         Me.imgbPane.HotSpots.Clear()
  13.         Call Add_Node1_Hotspots()
  14.     End Sub
  15.  
  16.     Protected Sub imgbNode2_Click(ByVal sender As Object, ByVal e As System.Web.UI.ImageClickEventArgs)
  17.         Me.cboFiles.Items.Clear()
  18.         Me.cboFiles.Items.Add("N-Int-Door-Jamb")
  19.         Me.imgbPane.ImageUrl = "fl500/images/fl500Elev/fl500Details/n2/n2.jpg"
  20.         Me.hlGetAcadFile.NavigateUrl = "fl500/images/fl500Elev/fl500Details/n2/NINTDOORJAMB.dwg"
  21.         Me.hlGetPDF.NavigateUrl = "fl500/images/fl500Elev/fl500Details/n2/NINTDOORJAMB.pdf"
  22.         Session("Node") = "2"
  23.         Me.imgbPane.HotSpots.Clear()
  24.         Call Add_Node2_Hotspots()
  25.     End Sub
  26.  
  27.     Protected Sub imgbNode3_Click(ByVal sender As Object, ByVal e As System.Web.UI.ImageClickEventArgs)
  28.         Me.cboFiles.Items.Clear()
  29.         Me.cboFiles.Items.Add("D108-Threshold")
  30.         Me.cboFiles.Items.Add("D109-Threshold")
  31.         Me.hlGetAcadFile.NavigateUrl = "fl500/images/fl500Elev/fl500Details/n3/D108THRESHOLD.dwg"
  32.         Me.imgbPane.ImageUrl = "fl500/images/fl500Elev/fl500Details/n3/nm3.jpg"
  33.         Me.hlGetPDF.NavigateUrl = "fl500/images/fl500Elev/fl500Details/n3/D108THRESHOLD.pdf"
  34.         Session("Node") = "3"
  35.         Me.imgbPane.HotSpots.Clear()
  36.         Call Add_Node3_Hotspots()
  37.     End Sub
  38.  
  39.     Protected Sub imgbNode4_Click(ByVal sender As Object, ByVal e As System.Web.UI.ImageClickEventArgs)
  40.         Me.cboFiles.Items.Clear()
  41.         Me.cboFiles.Items.Add("N-Door-Jamb")
  42.         Me.hlGetAcadFile.NavigateUrl = "fl500/images/fl500Elev/fl500Details/n4/NDOORJAMB.dwg"
  43.         Me.imgbPane.ImageUrl = "fl500/images/fl500Elev/fl500Details/n4/n4.jpg"
  44.         Me.hlGetPDF.NavigateUrl = "fl500/images/fl500Elev/fl500Details/n4/NDOORJAMB.dwg"
  45.         Session("Node") = "4"
  46.         Me.imgbPane.HotSpots.Clear()
  47.         Call Add_Node4_Hotspots()
  48.     End Sub
  49.  
  50.     Protected Sub imgbNode4Opp_Click(ByVal sender As Object, ByVal e As System.Web.UI.ImageClickEventArgs)
  51.         Me.cboFiles.Items.Clear()
  52.         Me.cboFiles.Items.Add("N-Door-Jamb")
  53.         Me.hlGetAcadFile.NavigateUrl = "fl500/images/fl500Elev/fl500Details/n4/NDOORJAMB.dwg"
  54.         Me.imgbPane.ImageUrl = "fl500/images/fl500Elev/fl500Details/n4/n4.jpg"
  55.         Me.hlGetPDF.NavigateUrl = "fl500/images/fl500Elev/fl500Details/n4/NDOORJAMB.dwg"
  56.         Session("Node") = "4"
  57.         Me.imgbPane.HotSpots.Clear()
  58.         Call Add_Node4_Hotspots()
  59.     End Sub
  60.  
  61.     Protected Sub imgbNode5_Click(ByVal sender As Object, ByVal e As System.Web.UI.ImageClickEventArgs)
  62.         Me.cboFiles.Items.Clear()
  63.         Me.cboFiles.Items.Add("N-MTG-STILES")
  64.         Me.hlGetAcadFile.NavigateUrl = "fl500/images/fl500Elev/fl500Details/n5/NMTGSTILES.dwg"
  65.         Me.imgbPane.ImageUrl = "fl500/images/fl500Elev/fl500Details/n5/n5.jpg"
  66.         Me.hlGetPDF.NavigateUrl = "fl500/images/fl500Elev/fl500Details/n5/NMTGSTILES.pdf"
  67.         Session("Node") = "5"
  68.         Me.imgbPane.HotSpots.Clear()
  69.         Call Add_Node5_Hotspots()
  70.     End Sub
  71.  
  72.     Protected Sub imgbNode6_Click(ByVal sender As Object, ByVal e As System.Web.UI.ImageClickEventArgs)
  73.         Me.cboFiles.Items.Clear()
  74.         Me.cboFiles.Items.Add("COC-Transom-Bar")
  75.         Me.cboFiles.Items.Add("N-Transom-Bar")
  76.         Me.hlGetAcadFile.NavigateUrl = "fl500/images/fl500Elev/fl500Details/n6/COCTRANSOM BAR.dwg"
  77.         Me.imgbPane.ImageUrl = "fl500/images/fl500Elev/fl500Details/n6/n6.jpg"
  78.         Me.hlGetPDF.NavigateUrl = "fl500/images/fl500Elev/fl500Details/n6/COCTRANSOM BAR.pdf"
  79.         Session("Node") = "6"
  80.         Me.imgbPane.HotSpots.Clear()
  81.         Call Add_Node6_Hotspots()
  82.     End Sub
Expand|Select|Wrap|Line Numbers
  1.     Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
  2.         If Not IsPostBack Then
  3.             Me.imgbNode1.Attributes.Add("onmouseover", "this.src='fl500/images/row2/Node1Lit-281.jpg'")
  4.             Me.imgbNode1.Attributes.Add("onmouseout", "this.src='fl500/images/row2/Node1-281.jpg'")
  5.  
  6.             Me.imgbNode2.Attributes.Add("onmouseover", "this.src='FL500/images/row3/Node2Lit-281.jpg'")
  7.             Me.imgbNode2.Attributes.Add("onmouseout", "this.src='FL500/images/row3/Node2-281.jpg'")
  8.  
  9.             Me.imgbNode3.Attributes.Add("onmouseover", "this.src='FL500/images/row4/Node3Lit-281.jpg'")
  10.             Me.imgbNode3.Attributes.Add("onmouseout", "this.src='FL500/images/row4/Node3-281.jpg'")
  11.  
  12.             Me.imgbNode4.Attributes.Add("onmouseover", "this.src='FL500/images/row4/Node4Lit-281.jpg'")
  13.             Me.imgbNode4.Attributes.Add("onmouseout", "this.src='FL500/images/row4/Node4-281.jpg'")
  14.             Me.imgbNode4Opp.Attributes.Add("onmouseover", "this.src='FL500/images/row4/Node4oppLit-281.jpg'")
  15.             Me.imgbNode4Opp.Attributes.Add("onmouseout", "this.src='FL500/images/row4/Node4opp-281.jpg'")
  16.  
  17.             Me.imgbNode5.Attributes.Add("onmouseover", "this.src='fl500/images/row3/Node5Lit-281.jpg'")
  18.             Me.imgbNode5.Attributes.Add("onmouseout", "this.src='FL500/images/row3/Node5-281.jpg'")
  19.  
  20.             Me.imgbNode6.Attributes.Add("onmouseover", "this.src='fl500/images/row2/Node6Lit-281.jpg'")
  21.             Me.imgbNode6.Attributes.Add("onmouseout", "this.src='fl500/images/row2/Node6-281.jpg'")
  22.  
  23.             Me.imgbTitle281.Attributes.Add("onmouseover", "this.src='fl500/images/row1/narrowtitle281lit.jpg'")
  24.             Me.imgbTitle281.Attributes.Add("onmouseout", "this.src='fl500/images/row1/narrowtitle281.jpg'")
  25.         End If
  26.     End Sub
  27.  
  28.     Protected Sub cboFiles_SelectedIndexChanged(ByVal sender As Object, ByVal e As System.EventArgs)
  29.         Select Case Session("node")
  30.             Case "1"
  31.                 If Me.cboFiles.SelectedIndex = 0 Then
  32.                     Me.hlGetAcadFile.NavigateUrl = "fl500/images/fl500Elev/fl500Details/n1/COCHEADER.dwg"
  33.                     Me.hlGetPDF.NavigateUrl = "fl500/images/fl500Elev/fl500Details/n1/COCHEADER.pdf"
  34.                 ElseIf Me.cboFiles.SelectedIndex = 1 Then
  35.                     Me.hlGetAcadFile.NavigateUrl = "fl500/images/fl500Elev/fl500Details/n1/NDOORFRAMEHEADER.dwg"
  36.                     Me.hlGetPDF.NavigateUrl = "fl500/images/fl500Elev/fl500Details/n1/NDOORFRAMEHEADER.pdf"
  37.                 End If
  38.             Case "3"
  39.                 If Me.cboFiles.SelectedIndex = 0 Then
  40.                     Me.hlGetAcadFile.NavigateUrl = "fl500/images/fl500Elev/fl500Details/n3/D108THRESHOLD.dwg"
  41.                     Me.hlGetPDF.NavigateUrl = "fl500/images/fl500Elev/fl500Details/n3/D108THRESHOLD.pdf"
  42.                 ElseIf Me.cboFiles.SelectedIndex = 1 Then
  43.                     Me.hlGetAcadFile.NavigateUrl = "fl500/images/fl500Elev/fl500Details/n3/D109THRESHOLD.dwg"
  44.                     Me.hlGetPDF.NavigateUrl = "fl500/images/fl500Elev/fl500Details/n3/D109THRESHOLD.pdf"
  45.                 End If
  46.             Case "6"
  47.                 If Me.cboFiles.SelectedIndex = 0 Then
  48.                     Me.hlGetAcadFile.NavigateUrl = "fl500/images/fl500Elev/fl500Details/n6/COCTRANSOM BAR.dwg"
  49.                     Me.hlGetPDF.NavigateUrl = "fl500/images/fl500Elev/fl500Details/n6/COCTRANSOM BAR.pdf"
  50.                 ElseIf Me.cboFiles.SelectedIndex = 1 Then
  51.                     Me.hlGetAcadFile.NavigateUrl = "fl500/images/fl500Elev/fl500Details/n6/NTRANSOM BAR.dwg"
  52.                     Me.hlGetPDF.NavigateUrl = "fl500/images/fl500Elev/fl500Details/n6/NTRANSOM BAR.pdf"
  53.                 End If
  54.         End Select
  55.     End Sub
Expand|Select|Wrap|Line Numbers
  1.     Protected Sub Add_Node1_Hotspots()
  2.         Dim hotspot1 As New RectangleHotSpot
  3.         Dim hotspot2 As New RectangleHotSpot
  4.         hotspot1.HotSpotMode = HotSpotMode.Navigate
  5.         hotspot1.NavigateUrl = "fl500/images/fl500Elev/fl500Details/n1/COCHEADER.pdf"
  6.         hotspot1.Top = 0
  7.         hotspot1.Left = 0
  8.         hotspot1.Bottom = 168
  9.         hotspot1.Right = 260
  10.         hotspot1.AlternateText = "N-Door-Frame-Header"
  11.         hotspot1.Target = "_blank"
  12.         hotspot2.HotSpotMode = HotSpotMode.Navigate
  13.         hotspot2.NavigateUrl = "fl500/images/fl500Elev/fl500Details/n1/NDOORFRAMEHEADER.pdf"
  14.         hotspot2.Top = 0
  15.         hotspot2.Left = 265
  16.         hotspot2.Bottom = 168
  17.         hotspot2.Right = 756
  18.         hotspot2.AlternateText = "COC Header"
  19.         hotspot2.Target = "_blank"
  20.         Me.imgbPane.HotSpots.Add(hotspot1)
  21.         Me.imgbPane.HotSpots.Add(hotspot2)
  22.     End Sub
  23.  
  24.     Protected Sub Add_Node2_Hotspots()
  25.         Dim hotspot1 As New RectangleHotSpot
  26.         hotspot1.HotSpotMode = HotSpotMode.Navigate
  27.         hotspot1.NavigateUrl = "fl500/images/fl500Elev/fl500Details/n2/NINTDOORJAMB.pdf"
  28.         hotspot1.Top = 0
  29.         hotspot1.Left = 0
  30.         hotspot1.Bottom = 168
  31.         hotspot1.Right = 756
  32.         hotspot1.AlternateText = "N-Int-Door-Jamb"
  33.         hotspot1.Target = "_blank"
  34.         Me.imgbPane.HotSpots.Add(hotspot1)
  35.     End Sub
  36.  
  37.     Protected Sub Add_Node3_Hotspots()
  38.         Dim hotspot1 As New RectangleHotSpot
  39.         Dim hotspot2 As New RectangleHotSpot
  40.         hotspot1.HotSpotMode = HotSpotMode.Navigate
  41.         hotspot1.NavigateUrl = "fl500/images/fl500Elev/fl500Details/n3/D108THRESHOLD.pdf"
  42.         hotspot1.Top = 0
  43.         hotspot1.Left = 0
  44.         hotspot1.Bottom = 168
  45.         hotspot1.Right = 260
  46.         hotspot1.AlternateText = "D108-Threshold"
  47.         hotspot1.Target = "_blank"
  48.         hotspot2.HotSpotMode = HotSpotMode.Navigate
  49.         hotspot2.NavigateUrl = "fl500/images/fl500Elev/fl500Details/n3/D109THRESHOLD.pdf"
  50.         hotspot2.Top = 0
  51.         hotspot2.Left = 265
  52.         hotspot2.Bottom = 168
  53.         hotspot2.Right = 756
  54.         hotspot2.AlternateText = "D109-Threshold"
  55.         hotspot2.Target = "_blank"
  56.         Me.imgbPane.HotSpots.Add(hotspot1)
  57.         Me.imgbPane.HotSpots.Add(hotspot2)
  58.     End Sub
  59.  
  60.     Protected Sub Add_Node4_Hotspots()
  61.         Dim hotspot1 As New RectangleHotSpot
  62.         hotspot1.HotSpotMode = HotSpotMode.Navigate
  63.         hotspot1.NavigateUrl = "fl500/images/fl500Elev/fl500Details/n4/NDOORJAMB.pdf"
  64.         hotspot1.Top = 0
  65.         hotspot1.Left = 0
  66.         hotspot1.Bottom = 168
  67.         hotspot1.Right = 756
  68.         hotspot1.AlternateText = "N-Door-Jamb"
  69.         hotspot1.Target = "_blank"
  70.         Me.imgbPane.HotSpots.Add(hotspot1)
  71.     End Sub
  72.  
  73.     Protected Sub Add_Node5_Hotspots()
  74.         Dim hotspot1 As New RectangleHotSpot
  75.         hotspot1.HotSpotMode = HotSpotMode.Navigate
  76.         hotspot1.NavigateUrl = "fl500/images/fl500Elev/fl500Details/n5/NMTGSTILES.pdf"
  77.         hotspot1.Top = 0
  78.         hotspot1.Left = 0
  79.         hotspot1.Bottom = 168
  80.         hotspot1.Right = 756
  81.         hotspot1.AlternateText = "N-MTG-Stiles"
  82.         hotspot1.Target = "_blank"
  83.         Me.imgbPane.HotSpots.Add(hotspot1)
  84.     End Sub
  85.  
  86.     Protected Sub Add_Node6_Hotspots()
  87.         Dim hotspot1 As New RectangleHotSpot
  88.         Dim hotspot2 As New RectangleHotSpot
  89.         hotspot1.HotSpotMode = HotSpotMode.Navigate
  90.         hotspot1.NavigateUrl = "fl500/images/fl500Elev/fl500Details/n6/COCTRANSOM BAR.pdf"
  91.         hotspot1.Top = 0
  92.         hotspot1.Left = 0
  93.         hotspot1.Bottom = 168
  94.         hotspot1.Right = 260
  95.         hotspot1.AlternateText = "COC-Transom-Bar"
  96.         hotspot1.Target = "_blank"
  97.         hotspot2.HotSpotMode = HotSpotMode.Navigate
  98.         hotspot2.NavigateUrl = "fl500/images/fl500Elev/fl500Details/n6/NTRANSOM BAR.pdf"
  99.         hotspot2.Top = 0
  100.         hotspot2.Left = 265
  101.         hotspot2.Bottom = 168
  102.         hotspot2.Right = 756
  103.         hotspot2.AlternateText = "N-Transom-Bar"
  104.         hotspot2.Target = "_blank"
  105.         Me.imgbPane.HotSpots.Add(hotspot1)
  106.         Me.imgbPane.HotSpots.Add(hotspot2)
  107.     End Sub
  108.  
  109.     Protected Sub imgbTitle281_Click(ByVal sender As Object, ByVal e As System.Web.UI.ImageClickEventArgs)
  110.         Server.Transfer("dies381.aspx")
  111.     End Sub
  112.  
  113.     Protected Sub imgbPane_Click(ByVal sender As Object, ByVal e As System.Web.UI.WebControls.ImageMapEventArgs)
  114.  
  115.     End Sub
  116. End Class
  117.  
HTML code is :

[HTML]<%@ 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>
<ul>
<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>[/HTML]
Mar 17 '08 #2
acoder
16,027 Expert Mod 8TB
I've moved the VB code to the second post so that the code appears. Also, code tags make code more readable.

You didn't need to post all that code. Just the relevant parts would've sufficed. If we did need to see more code, we could ask for it (and you did provide a link).

I tried the link in IE6 and it works fine. I clicked 1, 2, 3 and the hover still works.
Mar 18 '08 #3
Sorry about the lengthy post. But on other boards I have been flamed for not providing enough code and information.

Also, I found a solution to my problem but you tested it before I could log in here to post it.

The code below allows the HTML page to reload the "Hover" javascript when a partial update is made. I Put it at the end of the page, after the "</asp:UpdatePanel>" tag and before the "</form>" tag.

Thanks for replying.


Expand|Select|Wrap|Line Numbers
  1.  <!--[if lte IE 6]>
  2.         <script src="TopHover.js" type="text/javascript"></script>
  3.         <script type="text/javascript" language="javascript">
  4.             var prm = Sys.WebForms.PageRequestManager.getInstance();
  5.             prm.add_pageLoaded(Hover);
  6.         </script>
  7.     <![endif]-->    
  8.  
Mar 18 '08 #4
acoder
16,027 Expert Mod 8TB
Sorry about the lengthy post. But on other boards I have been flamed for not providing enough code and information.
Hehe, here there was just a tad too much that the software couldn't take it and hid your post!

Also, I found a solution to my problem but you tested it before I could log in here to post it.
Glad you got it working and thanks for posting the solution.
Mar 19 '08 #5

Sign in to post your reply or Sign up for a free account.

Similar topics

0
IE6 stops turning "world" on using background-image links
by: Winfried Heymann | last post by:
Hi there, I am struggling with a IE 6 glitch (possibly available in earlier versions): If you click on a link which has a background-image and leave this link during loading, IE stops ist...
HTML / CSS
2
dumping data to excel via https and ie6 broken
by: mr.kuhl | last post by:
I thought I would contribute a solution for once. We have a standard SUSE LAMP (Linux Apache Mysql PHP) server running some custom apps, of which one component is dumping reports out to excel. ...
PHP
1
Vertical CSS menu - in IE6 hover does not trigger except over text
by: Richard | last post by:
A menu page has a set of A tages in a UL The menu (in IE) will only get the hover visualization if the mouse rolls over underlined text. I want it to happen if the rollover occurs anywhere in...
HTML / CSS
4
help! I dont have IE6 and apparently it aint working
by: windandwaves | last post by:
Hi Folk Can you please have a look at http://www.friars.co.nz/map.php and let me know if the map is working on IE6 (just do a simple search). Unfortunately, I do not have IE6 anymore and so I...
Javascript
5
AJAX works in IE6 but not IE7 or Firefox
by: Steve Wright | last post by:
I have an AJAX routine on a webpage that is working in IE6, but not IE7 or Firefox v2.0.0.2 The webpage is http://www.a-drop-in-the-ocean.co.uk/CWS/monitor10bins.php?quarry=401 The AJAX...
Javascript
7
Image Links and Hover not working on IE
by: Cate Archer | last post by:
I want to have a border around an image that changes color when the mouse hovers over it. The following code works perfectly in FireFox but not in Internet Exploiter. The text link changes color...
HTML / CSS
8
Hover submenus not working with FF or Opera
by: Meri | last post by:
Hello Everybody on the internet seems to think this is a problem with IE but for me it works fine with IE, but the submenus do not appear with Firefox andOpera. The html is a simple list with...
HTML / CSS
5
Element offsetLeft producing a wrong value in IE6
by: montybytes | last post by:
Hi there, Although, I have already placed this question in the HTML/CSS section, perhaps it might be worthwhile asking the question here as well. I have a JavaScript function which retrieves...
Javascript
5
Problem with horizonal dropdown css menu in IE6...
by: jerry101 | last post by:
Hi, I've been working on a horizontal drop down menu today, and I can get it to display perfectly in everything bar IE6. Basically instead of them lining up horizontally, they line up...
HTML / CSS
0
BarryA
Navigating the Data Structures and Algorithms (DSA)
by: BarryA | last post by:
What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...
Algorithms / Advanced Math
1
Looking to do Android software development, any suggestions? Is flutter better?
by: nemocccc | last post by:
hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?
General
0
How to build RAID in BIOS?
by: Hystou | last post by:
There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...
Computer Hardware
0
marktang
What is ONU?
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However,...
General
0
Oralloy
Problem With Comparison Operator <=> in G++
by: Oralloy | last post by:
Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers,...
C / C++
0
jinu1996
Maximizing Business Potential: The Nexus of Website Design and Digital Marketing
by: jinu1996 | last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven...
Online Marketing
0
The easy way to turn off automatic updates for Windows 10/11
by: Hystou | last post by:
Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows...
Windows Server
0
agi2029
AI Job Threat for Devs
by: agi2029 | last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing,...
Career Advice
0
isladogs
Access Europe - Using VBA to create a class based on a table - Wed 1 May
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome a new...
Microsoft Access / VBA

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.

BYTES.COM © 2024
About Bytes
Terms Of Use
Privacy Policy
Sitemap
Advertise on Bytes:
Post a Job
Sponsored Posts
Platinum & Gold Sponsors
Hire Now!