如何获得ValidatorCalloutExtender的正确弹出位置 [英] how to get proper popup postion of ValidatorCalloutExtender
本文介绍了如何获得ValidatorCalloutExtender的正确弹出位置的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
<html>
<head id="head1" runat="server">
<%--<style>
.CustomValidator {position:relative;margin-top:80px;}
.CustomValidator div {border:solid 1px Black;background-color:LemonChiffon; position:absolute;}
.CustomValidator td {border:solid 1px Black;background-color:LemonChiffon;}
.CustomValidator .ajax__validatorcallout_popup_table {display:none;border:none;background-color:transparent;padding:0px;}
.CustomValidator .ajax__validatorcallout_popup_table_row {vertical-align:top;height:100%;background-color:transparent;padding:0px;}
.CustomValidator .ajax__validatorcallout_callout_cell {width:20px;height:100%;text-align:right;vertical-align:top;border:none;background-color:transparent;padding:0px;}
.CustomValidator .ajax__validatorcallout_callout_table {height:100%;border:none;background-color:transparent;padding:0px;}
.CustomValidator .ajax__validatorcallout_callout_table_row {background-color:transparent;padding:0px;}
.CustomValidator .ajax__validatorcallout_callout_arrow_cell {padding:8px 0px 0px 0px;text-align:right;vertical-align:top;font-size:1px;border:none;background-color:transparent;}
.CustomValidator .ajax__validatorcallout_callout_arrow_cell .ajax__validatorcallout_innerdiv {font-size:1px;position:relative;left:1px;border-bottom:none;border-right:none;border-left:none;width:15px;background-color:transparent;padding:0px;}
.CustomValidator .ajax__validatorcallout_callout_arrow_cell .ajax__validatorcallout_innerdiv div {height:1px;overflow:hidden;border-top:none;border-bottom:none;border-right:none;padding:0px;margin-left:auto;}
.CustomValidator .ajax__validatorcallout_error_message_cell {font-family:Verdana;font-size:10px;padding:5px;border-right:none;border-left:none;width:100%;}
.CustomValidator .ajax__validatorcallout_icon_cell {width:20px;padding:5px;border-right:none;}
.CustomValidator .ajax__validatorcallout_close_button_cell {vertical-align:top;padding:0px;text-align:right;border-left:none;}
.CustomValidator .ajax__validatorcallout_close_button_cell .ajax__validatorcallout_innerdiv {border:none;text-align:center;width:10px;padding:2px;cursor:pointer;}
</style>--%>
<script>
function pageLoad() {
//To find all the ValidationCallout client behavior
var currentBehavior = null;
var allBehaviors = Sys.Application.getComponents();
for (var loopIndex = 0; loopIndex < allBehaviors.length; loopIndex++) {
currentBehavior = allBehaviors[loopIndex];
if (currentBehavior._name && currentBehavior.get_name() == "ValidatorCalloutBehavior") {
//execute the operation of changing the popup's position
if (currentBehavior._popupBehavior) {
currentBehavior._popupBehavior.set_x($common.getSize(currentBehavior._elementToValidate).width);
}
}
}
}
</script>
<script src="Jquery.js"></script>
<script src="jquery.layout.js"></script>
<script>
$(document).ready(function () {
$('body').layout({ applyDefaultStyles: true });
});
</script>
</head>
<body>
<form id="Form1" runat="server">
<div class="ui-layout-center">
<asp:Panel ID="Panel1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
Center<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<asp:Textbox id="txtLastName" runat="server"></asp:Textbox>
<asp:RequiredFieldValidator id="RequiredFieldValidator1" runat="server"
ControlToValidate="txtLastName" SetFocusOnError="true" ValidationGroup="s"
ForeColor="Red">
</asp:RequiredFieldValidator>
<asp:ValidatorCalloutExtender ID="ValidatorCalloutExtender1" TargetControlID="RequiredFieldValidator1" runat="server">
</asp:ValidatorCalloutExtender>
<br /><br />
<br /><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
hiii
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<asp:Button ID="Button1" ValidationGroup="s" runat="server" Text="Button" />
</asp:Panel>
</div>
<div class="ui-layout-north">North</div>
<div class="ui-layout-south">South</div>
<div class="ui-layout-east">East</div>
<div class="ui-layout-west">West</div>
</form>
</body>
</html>
This Is My Page When Scroll Come on Page Validatecalloutextennot com on proper position
i am using javascript jquery.layout.js
This Is My Page When Scroll Come on Page Validatecalloutextennot com on proper position
i am using javascript jquery.layout.js
推荐答案
common.getSize(currentBehavior._elementToValidate).width);
}
}
}
}
</script>
<script src=\"Jquery.js\"></script>
<script src=\"jquery.layout.js\"></script>
<script>
common.getSize(currentBehavior._elementToValidate).width); } } } } </script> <script src="Jquery.js"></script> <script src="jquery.layout.js"></script> <script>
(document).ready(function () {
(document).ready(function () {
('body').layout({ applyDefaultStyles: true });
}）;
</script>
</head>
<body>
<form id=\"Form1\" runat=\"server\">
<div class=\"ui-layout-center\">
<asp:Panel ID=\"Panel1\" runat=\"server\">
<asp:ScriptManager ID=\"ScriptManager1\" runat=\"server\">
</asp:ScriptManager>
Center<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<asp:Textbox id=\"txtLastName\" runat=\"server\"></asp:Textbox>
<asp:RequiredFieldValidator id=\"RequiredFieldValidator1\" runat=\"server\"
ControlToValidate=\"txtLastName\" SetFocusOnError=\"true\" ValidationGroup=\"s\"
ForeColor=\"Red\">
</asp:RequiredFieldValidator>
<asp: ValidatorCalloutExtender ID=\"ValidatorCalloutExtender1\" TargetControlID=\"RequiredFieldValidator1\" runat=\"server\">
</asp:ValidatorCalloutExtender>
<br /><br />
<br /><br />
<br />
<br />
<br/>br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br /> ;
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<
<br />
hiii
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<asp:Button ID=\"Button1\" ValidationGroup=\"s\" runat=\"server\" Text=\"Button\" />
</asp:Panel>
</div>
<div class=\"ui-layout-north\">North</div>
<div class=\"ui-layout-south\">South</div>
<div class=\"ui-layout-east\">East</div>
<div class=\"ui-layout-west\">West</div>
</form>
</body>
</html>
('body').layout({ applyDefaultStyles: true }); }); </script> </head> <body> <form id="Form1" runat="server"> <div class="ui-layout-center"> <asp:Panel ID="Panel1" runat="server"> <asp:ScriptManager ID="ScriptManager1" runat="server"> </asp:ScriptManager> Center<br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <asp:Textbox id="txtLastName" runat="server"></asp:Textbox> <asp:RequiredFieldValidator id="RequiredFieldValidator1" runat="server" ControlToValidate="txtLastName" SetFocusOnError="true" ValidationGroup="s" ForeColor="Red"> </asp:RequiredFieldValidator> <asp:ValidatorCalloutExtender ID="ValidatorCalloutExtender1" TargetControlID="RequiredFieldValidator1" runat="server"> </asp:ValidatorCalloutExtender> <br /><br /> <br /><br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> hiii <br /> <br /> <br /> <br /> <br /> <br /> <br /> <asp:Button ID="Button1" ValidationGroup="s" runat="server" Text="Button" /> </asp:Panel> </div> <div class="ui-layout-north">North</div> <div class="ui-layout-south">South</div> <div class="ui-layout-east">East</div> <div class="ui-layout-west">West</div> </form> </body> </html>
This Is My Page When Scroll Come on Page Validatecalloutextennot com on proper position
i am using javascript jquery.layout.js
This Is My Page When Scroll Come on Page Validatecalloutextennot com on proper position
i am using javascript jquery.layout.js
这篇关于如何获得ValidatorCalloutExtender的正确弹出位置的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
