	[x] Posted via EE Mobile
	Search, ask, and monitor your questions on the go with EE Mobile. Visit Experts Exchange from your mobile device and never be out of touch again.

Question

	[x] Attachment Details

[x]

The Solution Rating System

With so many solutions, how can you tell which solutions are most likely to help you and which ones are not? To provide you with a tool to use, we rate our solutions based on various elements that most accurately determine if a solution is a quality solution. To explain what factors affect the solution rating, here are the elements we take into consideration when formulating our solution rating.

The Grade of the Solution
The Zone Rank of the Expert Providing the Solution
The Number of Author and Expert Comments
The Number of Experts Contributing
The Feedback of the Community

Your Input Matters
Because of the way the system is set up, the most important variable in this equation is you. As a member of Experts Exchange, you are able to cast your vote on the quality of the solutions in regard to how complete, accurate, helpful and easy to understand each solution is. When you provide your feedback, each rating is adjusted accordingly. So, if you see a solution that has a poor rating that you think is a good solution, let us know by rating it. As you do, the rating will be adjusted and will become more accurate for other members of our site.

If you have any suggestions that you would like to make for our rating system, please ask a question in the Suggestions Zone of Community Support.

Thank you!

9.2

Image rollovers don't work. Image clicks don't work either. Very short web page to show the problem. What am I doing wrong? I need a 5 minute expert for 500 pts!

Asked by louisiana_blues in Web Development Software, Web Graphics Software, Microsoft IIS Web Server, Miscellaneous Web Development, Web Servers

Hello:

Help! I have a very small web page below that has a draggable panel with additional min, max and close buttons on the drag panel--just like a normal dialog, but using ASP.NET AJAX Drag panel. However, none of these buttons work! It appears that the javascript is never called! None of the rolloevers work either. And I do not get any javascript errors or anything. Doesn't matter if I move the javascript into the head tag either.

Can an expert please help me? I am so desperate to get this to work. It's probably a one line or one-word issue too! That's so frustrating.

And *please* take the minute it takes to copy and paste the code below w/your change to ensure you are correct. This women spent a lot of time breaking down the page to something fairly easy with which to ask this question and I've already asked this question twice because someone attempts to answer the question who doesn't know the answer like an expert would. I know you experts are out there!

View the Solution FREE for 30 Days

         
           
             1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:
63:
64:
65:
66:
67:
68:
69:
70:
71:
72:
73:
74:
75:
76:
77:
78:
79:
80:
81:
82:
83:
84:
85:
86:
87:
88:
89:
90:
91:
92:
93:
94:
95:
96:
97:
98:

           
           
             <%@ Page Language="vb" AutoEventWireup="false" CodeBehind="Default.aspx.vb" Inherits="DragTestApp20._Default" %>
 
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head id="Head1" runat="server">
  <title>Untitled Page</title>
  <script type="text/javascript" language="javascript">
 
    function switchImage(simgid, simg)
    {
      var oimg = $find(simgid);
      oimg.src = simg;
    }
 
    function minimizeDlg()
    {
      var odlgcnt = $find('dlgContent');
      odlcnt.style.visible = 'false';
    }
 
    function maximizeDlg()
    {
      var odlg = $find('dlgHtml');
      odlg.style.height = '100%';
      odlg.style.width = '100%';
      odlcnt.style.visible = 'true';
    }
 
    function closeDlg()
    {
      var odlgcnt = $find('dlgHtml');
      odlcnt.style.visible = 'false';
    } 
           
  </script>
  <style type="text/css">
 
.dragMe {
        width:100%;
        height:21px;
        background-color:#d6b24a;
        text-align:center;
        cursor:move;
        font-weight:bold;
}
  </style>
</head>
<body>
 
    <form id="form1" runat="server">
    <asp:ScriptManager ID="ScriptManager1" runat="server" />
 
    <div style="height: 200px; width: 400px; float: left; padding: 5px;" >
      <asp:Panel ID="dlgHtml" runat="server" Width="400px" style="z-index: 20;">
        <asp:Panel ID="drgHtml" runat="server" Width="100%" Height="20px" BackColor="#d6b24a" BorderStyle="Solid" BorderWidth="1px" BorderColor="black">
          <div class="dragMe">Web page Url
          <img src="Images/close.gif" id="imgClose" alt="Close" onclick="javascript:closeDlg();" onmouseover="javascript:switchImage('imgClose', 'Images/closeon.gif');" onmouseout="javascript:switchImage('imgClose', 'Images/close.gif');" style="vertical-align: bottom; cursor: pointer; float: right;" /> 
          <img src="Images/maximize.gif" id="imgMaximize" alt="Maximize" onclick="javascript:maximizeDlg();" onmouseover="javascript:switchImage('imgMaximize', 'Images/maximizeon.gif');" onmouseout="javascript:switchImage('imgMaximize', 'Images/maximize.gif');" style="vertical-align: bottom; cursor: pointer; float: right;" /> 
          <img src="Images/minimize.gif" id="imgMinimize" alt="Minimize" onclick="javascript:minimizeDlg();" onmouseover="javascript:switchImage('imgMinimize', 'Images/minimizeon.gif');" onmouseout="javascript:switchImage('imgMinimize', 'Images/minimize.gif');" style="vertical-align: bottom; cursor: pointer; float: right;" />
          </div>
        </asp:Panel>
        <asp:Panel ID="dlgContent" runat="server" Width="100%" Height="100%"
          Style="overflow: auto" BackColor="#F0F0F0" ForeColor="gray"
          BorderWidth="1px" BorderColor="black" BorderStyle="Solid" >
          <div>
            <p>This panel will reset its position on a postback or page refresh.</p>
            <hr />
            <p>It is a long established fact that a reader will be distracted by the readable content of a page when looking 
            at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as 
            opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages 
            and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover 
            many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, 
            sometimes on purpose (injected humour and the like).</p>
          </div>
        </asp:Panel>        
      </asp:Panel>
    </div>               
    <cc1:DragPanelExtender ID="DragPanelExtender1" runat="server" TargetControlID="dlgHtml" BehaviorID="drgbhvHtml" DragHandleID="drgHtml" />
 
</form>
  <script type="text/javascript" language="javascript">
 
    // The following snippet works around a problem where FloatingBehavior
    // doesn't allow drops outside the "content area" of the page - where "content
    // area" is a little unusual for our sample web pages due to their use of CSS
    // for layout.
    function setBodyHeightToContentHeight()
    {
      document.body.style.height = Math.max(document.documentElement.scrollHeight, document.body.scrollHeight) + "px";
    }
    setBodyHeightToContentHeight();
    $addHandler(window, "resize", setBodyHeightToContentHeight);
 
  </script>
</body>
</html>
           
         

20091111-EE-VQP-92 - Hierarchy / EE_QW_1_20070628

Hall of Fame

1. jason117848,120
2. mplungjan23,450
3. b0lsc0tt11,085
4. Graphixer10,268
5. abel6,700
6. objects6,050
7. TheLearn...6,000
7. cxr6,000
7. Philip_Sp...6,000
10. Ray_Pas...5,784
11. cs97jjm35,434
12. AsishRaj5,250
13. sybe5,000
13. carrzkiss5,000
13. x_com5,000
13. isaackhazi5,000
17. chilternPC4,900
18. hielo4,500
18. gwkg4,500
20. joeypolice4,400
21. govindaraj...4,000
21. caterham...4,000
21. mwecom...4,000
21. Onthrax4,000
21. Surone14,000
21. knonie4,000
21. Roads_R...4,000
21. chandres...4,000
21. selvol4,000
21. RockyMou...4,000

1. jason1178114,620
2. mrichmon96,273
3. b0lsc0tt67,872
4. COBOLdi...50,788
5. mplungjan46,160
6. coreybrya...40,294
7. seanpow...39,581
8. Jester_4836,484
9. rdivilbiss33,795
10. cheekycj30,939
11. webwoman26,866
12. hielo26,810
13. shuboarder25,564
14. humeniuk24,920
15. Esopo22,064
16. KenAdney18,369
17. ericpete18,300
18. scrathcyboy16,739
19. Graphixer16,668
20. cs97jjm314,834
21. BongSoo12,100
22. Ray_Pas...12,084
23. amit_g12,000
23. cxr12,000
25. Sheharya...11,750

Image rollovers don't work. Image clicks don't work either. Very short web page to show the problem. What am I doing wrong? I need a 5 minute expert for 500 pts!

Asked by louisiana_blues in Web Development Software, Web Graphics Software, Microsoft IIS Web Server, Miscellaneous Web Development, Web Servers

About this solution