AJAX fel ordning
Använder en AJAX ValidatorCalloutExtender med felmmeddelande till textboxar
Men till höger om textboxen ligger en bild och då hamnar popup rutan under bilden.
Hur går man för att få popup rutan över bilden?
Använder absolut positionering av objekt på sidan
mvh Roland
Svara
Sv: AJAX fel ordning
Hej Roland
Kan du lägga bilden som bakgrund i stället? Exempelvis i en DIV eller Tabell som innehåller din textbox.
Annars borde du kunna lägga kontrollerna i olika DIV:ar som du sätter z-order på som Andreas var inne på. Beskriv gärna hur du har lagt upp kontrollerna eller klistra in koden, så blir det lite lättare att ge tips.
/Joachim
Svara
Sv:AJAX fel ordning
Hej
Provade med DIV men fick det inte att fungera. Vill inte gärna göra om det till tabeller eftersom jag vill ha absolut positionering.
Provar med att lägga in lite kod här
Det är bilden imgKeybord som alltid hamnar över ValidatorCalloutExtender popuppen
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 | <fieldset style="z-index: 106; left: 160px; width: 600px; position: absolute; top: 180px; height: 185px" id="FIELDSET1" language="javascript" onclick="return FIELDSET1_onclick()" class="frame"><legend><% =Get_Loggintxt %></legend> <asp:label id="lblAnvandarID" runat="server" Width="200px" Height="20px" style="z-index: 100; left: 10px; position: absolute; top: 25px" CssClass="lbl">AnvandarID...</asp:label> <div style="z-index: 300"><asp:textbox id="txtAnvandarID" runat="server" Width="200px" Height="22px" tabIndex="1"style="z-index: 101; left: 220px; position: absolute; top: 25px" CssClass="txt" BorderStyle="None"></asp:textbox> <asp:RequiredFieldValidator ID="reqAnvandarID" runat="server" ControlToValidate="txtAnvandarID" Display="None" Width="100px"> </asp:RequiredFieldValidator> <ajaxToolkit:ValidatorCalloutExtender ID="ereqAnvandarID" runat="server" TargetControlID="reqAnvandarID" > </ajaxToolkit:ValidatorCalloutExtender> </div><asp:label id="lblLosenord" runat="server" Width="200px" Height="20px" style="z-index: 102; left: 10px; position: absolute; top: 55px" CssClass="lbl">Lösenord...</asp:label> <asp:textbox id="txtLosenord" runat="server" Width="200px" Height="22px" tabIndex="2" TextMode="Password" style="z-index: 103; left: 220px; position: absolute; top: 55px CssClass="txt">txt</asp:textbox><asp:button id="btnOK" runat="server" Width="200px" Text="OK" tabIndex="3" style="z-index: 104; left: 220px; position: absolute; top: 120px" CssClass="btn"></asp:button><asp:image id="imgKeybord" runat="server" Width="150px" Height="150px ImageUrl="Picture/keyboard.jpg" style="z-index: 105; left: 435px; position: absolute; top: 20px"></asp:image> </fieldset> |
mvh Roland
Svara
Sv: AJAX fel ordning
Får se om jag förstått det här med z-index rätt...
Din imgKeybord har z-index: 105, vilket är det högsta z-indexet.
Alltså kommer den att vara överst.
Du får sätta den till något lägre värde och se vad som händer.
Eller så ger du din ValidatorCalloutExtender ett högre z-index (tror inte den har något alls nu).
/Håkan
Svara
Sv:AJAX fel ordning
Diven runt ValidationExtender har z-index 300
Har även provat att låta bilden ha z-index 99 men det hjälper inte.
Kan det vara något med absolut positionering?
mvh Roland
Svara
Sv: AJAX fel ordning
Löste det
Flyttade ut bilden, imgKeyboard, utanför fieldset till före allt annat
Altså först i form
Då kommer bilden under
Tackar alla som velat hjälpa till.
mvh Roland
Svara