how i set the position of modalpopupextender to much any screen size?

Question

how i set the position of modalpopupextender to much any screen size?

HOUSSEM MAHJOUBI 286

Hi admin

i have this code

  <ajaxToolkit:ModalPopupExtender ID="mpe" runat="server"
 TargetControlId="Button8" PopupControlID="ModalPanel2" 
 OkControlID="Button6" BackgroundCssClass="modalBackground2" X="1100" Y="190" />

i want to change the value in x and y accordinly the width of screen

please help

Accepted answer

0 additional answers

Your answer

Answer 1

Lan Huang-MSFT 30,191 Microsoft External Staff

Hi @HOUSSEM MAHJOUBI ,

You can do it via javascript.

You can use set_X()and set_Y() to set coordinates.

 <script type="text/javascript">
        function setPopup() {
            var pop = $find("mpe");
            var scr = screen.width;
            if (pop != null) {
                
                pop.set_X(scr * 0.4);
                pop.set_Y(scr * 0.2);
               
            }
        }
    </script>

<asp:Button ID="Button8" runat="server" Text="Show Modal Popup" OnClientClick="setPopup()" />
        <ajaxToolkit:ModalPopupExtender ID="mpe" runat="server"
            TargetControlID="Button8" PopupControlID="ModalPanel2"
            OkControlID="Button6" BackgroundCssClass="modalBackground2" />
        <asp:Panel ID="ModalPanel2" runat="server" CssClass="modalPopup" align="center" Style="display: none">
            This is an ASP.Net AJAX ModalPopupExtender Example<br />
            <asp:Button ID="Button6" runat="server" Text="Close" />
        </asp:Panel>

Best regards,
Lan Huang

If the answer is the right solution, please click "Accept Answer" and kindly upvote it. If you have extra questions about this answer, please click "Comment".
Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.

HOUSSEM MAHJOUBI 286 Reputation points

2023-02-21T08:41:25.06+00:00
thank you for helping me and when i delete the x and the y the modalpopup return to the center and my goal to make it be at the right of screen and i added the code in js and OnClientClick="setPopup()" to the button and that not effect the position of modal popup it return to the center

<script type="text/javascript"> function setPopup() { var pop = $find("mpe"); var scr = screen.width; if (pop != null) { pop.set_X(scr * 0.4); pop.set_Y(scr * 0.2); } } </script>

please help
Lan Huang-MSFT 30,191 Reputation points Microsoft External Staff

2023-02-21T09:00:52.75+00:00
Hi @HOUSSEM MAHJOUBI ,

The middle is because of the data I tested. If you want to be on the right, you need to adjust the coordinates, you need to reset set_X() and set_Y().

For example:

pop.set_X(scr * 0.7); pop.set_Y(scr * 0.05);
HOUSSEM MAHJOUBI 286 Reputation points

2023-02-21T09:04:41.2466667+00:00

pop.set_X(scr * 0.7); pop.set_Y(scr * 0.05);

still the same

Lan Huang-MSFT 30,191 Microsoft External Staff

Hi @HOUSSEM MAHJOUBI ,

Here is all my code and screenshots.

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <style type="text/css">
        .modalBackground2 {
            background-color: Black;
            filter: alpha(opacity=90);
            opacity: 0.8;
        }

        .modalPopup {
            background-color: #FFFFFF;
            border-width: 3px;
            border-style: solid;
            border-color: black;
            padding-top: 10px;
            padding-left: 10px;
            width: 300px;
            height: 140px;
        }
    </style>
    <script type="text/javascript">
        function setPopup() {
            var pop = $find("mpe");
            var scr = screen.width;
            if (pop != null) {
                
                pop.set_X(scr * 0.7);
                pop.set_Y(scr * 0.05);             
            }
        }
    </script>
</head>
<body>
    <form id="form1" runat="server">
        <asp:ScriptManager ID="ScriptManager1" runat="server">
        </asp:ScriptManager>
        <asp:Button ID="Button8" runat="server" Text="Show Modal Popup" OnClientClick="setPopup()" />
        <ajaxToolkit:ModalPopupExtender ID="mpe" runat="server"
            TargetControlID="Button8" PopupControlID="ModalPanel2"
            OkControlID="Button6" BackgroundCssClass="modalBackground2" />
        <asp:Panel ID="ModalPanel2" runat="server" CssClass="modalPopup" align="center" Style="display: none">
            This is an ASP.Net AJAX ModalPopupExtender Example<br />
            <asp:Button ID="Button6" runat="server" Text="Close" />
        </asp:Panel>
    </form>
</body>
</html>

User's image

Lan Huang-MSFT 30,191 Reputation points Microsoft External Staff

2023-02-21T09:15:02.4533333+00:00

Hi @HOUSSEM MAHJOUBI,

It may be because it was not saved, you saved it and tried it.

If it still doesn't work, maybe you can provide the code you're trying so we can help you better troubleshoot.

HOUSSEM MAHJOUBI 286

didn't want to work for me this my code

 .modalBackground2 {

 filter:alpha(opacity=90)!important;
 opacity:0.6!important;
 z-index:20;

        }

                      <asp:Button ID="Button8" runat="server" Height="34px" Width="48px" Style="background-image:url('../Images/png2.ico'); background-position: center; background-repeat:no-repeat; background-size:contain;"  OnClientClick="setPopup()"/>

<td>
     
      <script type="text/javascript">
        function setPopup() {
            var pop = $find("mpe");
            var scr = screen.width;
            if (pop != null) {
                
                pop.set_X(scr * 0.7);
                pop.set_Y(scr * 0.5);
               
            }
        }
    </script>

  <ajaxToolkit:ModalPopupExtender ID="mpe" runat="server"
 TargetControlId="Button8" PopupControlID="ModalPanel2" 
 OkControlID="Button6" BackgroundCssClass="modalBackground2" />
            <asp:Panel ID="ModalPanel2" runat="server" BackColor="White" BorderColor="#000099" BorderStyle="Groove" CssClass="auto-style158" BorderWidth="2px" >

HOUSSEM MAHJOUBI 286

this is my all code

<%@ Page Title="" Language="vb" AutoEventWireup="false" MasterPageFile="~/MasterPage.Master" CodeBehind="ArticleInvestigation.aspx.vb" Inherits="WebApplication11.ArticleInvestigation" EnableEventValidation = "false"%>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="ajaxToolkit" %>
<asp:Content ID="Content1" ContentPlaceHolderID="title" runat="server">
     <link href="css/jquery.autocomplete.css" rel="stylesheet" type="text/css" />
<script src="scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
<script src="scripts/jquery.autocomplete.js" type="text/javascript"></script>

    <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.10.0.min.js" type="text/javascript"></script>
<script src="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.9.2/jquery-ui.min.js" type="text/javascript"></script>
<link href="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.9.2/themes/blitzer/jquery-ui.css"
    rel="Stylesheet" type="text/css" />


     <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js" type="text/javascript"></script>
    <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"
        type="text/javascript"></script>
    <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css"
        rel="Stylesheet" type="text/css" />
    <style type="text/css">
        .panel11-a{
            display:none;
        }
        .auto-style29 {
            width: 100%;
            height: 50px;
        }
          .auto-style32 {
             width: 738px;
         }
          .auto-style33 {
             height: 25px;
            width: 94%;;
        }
         .auto-style34 {
             width: 622px;
         }
          .auto-style35 {
             width: 223px;
         }
        
        .modalBackground
        {
 background-color:black;
 filter:alpha(opacity=90)!important;
 opacity:0.6!important;
 z-index:20;
        }
        .modalBackground2 {

 filter:alpha(opacity=90)!important;
 opacity:0.6!important;
 z-index:20;

        }
       /*.modapopup{
           padding:20px 0px 24px 10px;
           position:relative;
           width:450px;
           height:66px;
           background-color:white;
           border:1px solid black;
               }*/
 
          .auto-style36 {
             padding: 20px 0px 24px 10px;
             position: relative;
        
             width: 1165px;
             height: 249px;
             background-color: white;
             border: 1px solid black;
             left: 0px;
             top: 0px;
         }
         .auto-style37 {
             width: 1084px;
             align-content:center;
         }
          .auto-style38 {
             width: 607px;
         }
         .auto-style39 {
             width: 442px;
         }
           .auto-style42 {
            margin-left: 0px;
        }
        .auto-style43 {
            width: 288px;
        }
           .auto-style156 {
            width: 349px;
        }
        .auto-style157 {
            width: 425px;
        }
        .button:hover{
            cursor:pointer;
            color:darkgray;
            background-color:azure;
        }
          .auto-style158 {
            padding: 20px 0px 24px 10px;
            position: relative;
            width: 509px;
            height: 646px;
            background-color: white;
            border: 1px solid black;
            left: 0px;
            top: 0px;
        }
          .auto-style159 {
            width: 541px;
        }
          .auto-style160 {
            height: 701px;
            width: 503px;
        }
          .auto-style161 {
            height: 42px;
        }
          .auto-style162 {
            padding: 20px 0px 24px 10px;
            position: relative;
            width: 460px;
            height: 80px;
            background-color: white;
            border: 1px solid black;
            left: 0px;
            top: 0px;
        }
          .auto-style163 {
            height: 97px;
            width: 445px;
        }
         .auto-style164 {
            height: 32px;
        }
        .auto-style165 {
            height: 14px;
        }
        .auto-style166 {
            height: 10px;
        }
        .auto-style167 {
            height: 33px;
        }
         </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlacebody" runat="server">
       <asp:Menu ID="Menu2" runat="server" BackColor="#E3EAEB" DynamicHorizontalOffset="2" Font-Names="Verdana" Font-Size="0.8em" ForeColor="#666666" Orientation="Horizontal" StaticSubMenuIndent="10px" Width="100%">
           <Items>
                        <asp:MenuItem Text="ChercheArticle" Value="ChercheArticle"></asp:MenuItem>
                        <asp:MenuItem Text="Mouvement" Value="Mouvement"></asp:MenuItem>
                        <asp:MenuItem Text="Factures" Value="Factures"></asp:MenuItem>
                        <asp:MenuItem Text="Devis" Value="Devis"></asp:MenuItem>
                        <asp:MenuItem Text="Achats" Value="Achats"></asp:MenuItem>
                    </Items>
                    <StaticHoverStyle BackColor="#284E98" BorderStyle="Double" BorderWidth="2px" ForeColor="White" />
                        <StaticMenuItemStyle BorderStyle="Outset" HorizontalPadding="15px" VerticalPadding="2px" BorderColor="#FFFFCC" BorderWidth="3px" BackColor="#CCCCCC" Font-Size="11px" />
                        <StaticSelectedStyle BackColor="#507CD1" />
                </asp:Menu>
           <%--               <button runat="server" ID="Button8" > your text here
              <%-- <asp:ImageButton ID="ImageButton1" runat="server" ImageAlign="Middle" />--%>
                <%--
<%--                        <asp:ImageButton ID="ImageButton2" ImageUrl="./icons/search24.png" ToolTip="Search"  runat="server" />--%>
                      <asp:Button ID="Button8" runat="server" Height="34px" Width="48px" Style="background-image:url('../Images/png2.ico'); background-position: center; background-repeat:no-repeat; background-size:contain;"  OnClientClick="setPopup()"/>
                    <asp:Label ID="Label17" runat="server" Text="0" ForeColor="#FF0066"></asp:Label>
                    <%--
         <asp:Label ID="Label3" runat="server" Text="CODE ARTICLE :" Font-Bold="False" Height="17px" Width="248px" Font-Size="Small" ></asp:Label>
            <asp:Panel ID="Panel8" runat="server" DefaultButton="Button1">
                   <asp:TextBox ID="TextBox1" runat="server" Width="242px" BorderStyle="Groove" BorderWidth="2px" ForeColor="#6600CC" placeholder="Rechercher"></asp:TextBox>  
            <asp:Button ID="Button1" runat="server" Text="Recherche Article " Width="117px" BorderStyle="Inset" BorderWidth="2px" Height="24px" Style="border-radius: 8px" Font-Italic="True" BorderColor="Maroon" CssClass="button" UseSubmitBehavior="False" OnClientClick="this.disabled='True';this.value='Patientez...';"/>
              </asp:Panel>
                 <asp:Panel ID="Panel7" runat="server" DefaultButton="Button2" BorderStyle="Groove">
     <asp:Label ID="Label2" runat="server" Text="Recherche avancé par article ou par désignation !!!" ForeColor="#FF0066"></asp:Label>
            <asp:TextBox ID="TextBox2" runat="server" Width="265px" placeholder="Rechercher"></asp:TextBox>
                    <script type="text/javascript">
                       //var checkBox = document.getElementById("CheckBox3");
                        //              if (checkBox.checked == true) {
                          $(document).ready(function () {
           <%--  $("#<%=TextBox1.ClientID%>").autocomplete('Search_VB2.ashx');--%>
   });        
</script> 
                    <asp:Button ID="Button2" runat="server" Text="Recherche Avancé " Width="125px" BorderStyle="Outset" BorderWidth="2px" Height="21px" BorderColor="#993333" Style="border-radius: 8px" CssClass="button" UseSubmitBehavior="False" OnClientClick="this.disabled='True';this.value='Patientez...';"/>
                </asp:Panel>
               <asp:CheckBox ID="CheckBox1" runat="server" Checked="True" Text="Références" Font-Underline="True" />
               <asp:CheckBox ID="CheckBox2" runat="server" Text="Désignations" Font-Underline="True" />
 <asp:Label ID="Label11" runat="server" Text="Label" Font-Size="X-Small"></asp:Label>
   <asp:Label ID="Label12" runat="server" Text="Label" Font-Size="X-Small"></asp:Label>
   <asp:Label ID="Label4" runat="server" ForeColor="#999999" BackColor="Gray"></asp:Label>
 <asp:DropDownList ID="DropDownList1" runat="server" AutoPostBack="True" Height="23px" Width="435px" BackColor="White" Font-Italic="True" ForeColor="#6600CC">
                  </asp:DropDownList>
<asp:CheckBox ID="CheckBox3" runat="server" Text="ActiverAutoComplete" Font-Underline="True" Checked="True" Visible="False" />
<asp:MultiView ID="MultiView1" runat="server">
   <asp:View ID="ViewChercheArticle0" runat="server">
<asp:Panel ID="Panel2" runat="server" Height="359px" Width="100%" ScrollBars="Vertical">
 <%--    <asp:GridView ID="GridView1" runat="server" CellPadding="3" ForeColor="Black" Width="100%" Height="235px" BackColor="White" BorderColor="#999999" BorderWidth="1px" HorizontalAlign="Center" BorderStyle="Solid" GridLines="Vertical" OnRowDataBound="OnRowDataBound">
                        <AlternatingRowStyle BackColor="#CCCCCC" />
                        <FooterStyle BackColor="#CCCCCC" />
                        <HeaderStyle BackColor="Black" Font-Bold="True" ForeColor="White" />
                        <PagerStyle BackColor="#999999" ForeColor="Black" HorizontalAlign="Center" />
                        <RowStyle VerticalAlign="Middle" />
                        <SelectedRowStyle BackColor="#000099" ForeColor="White" BorderStyle="Dashed" BorderWidth="2px" Font-Bold="True" />
                        <SortedAscendingCellStyle BackColor="#F1F1F1" />
                        <SortedAscendingHeaderStyle BackColor="#808080" />
                        <SortedDescendingCellStyle BackColor="#CAC9C9" />
                        <SortedDescendingHeaderStyle BackColor="#383838" />
                    </asp:GridView>--%>
 <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" Width="100%" OnRowDataBound="OnRowDataBound" BackColor="White" BorderColor="#999999" BorderStyle="Solid" BorderWidth="1px" CellPadding="3" ForeColor="Black" GridLines="Vertical">
                   <AlternatingRowStyle BackColor="#CCCCCC" />
    <Columns>
        <asp:BoundField HeaderText="Nom" DataField="Nom" />
        <asp:BoundField HeaderText="Depot" DataField="Depot" />
        <asp:BoundField HeaderText="Références" DataField="Références" />
        <asp:BoundField HeaderText="Description" DataField="Description" />
        <asp:BoundField HeaderText="STOCK" DataField="STOCK" />
        <asp:BoundField HeaderText="Commandé" DataField="Commandé" />
        <asp:BoundField HeaderText="Réservée" DataField="Réservée" />
        <asp:BoundField HeaderText="Principal" DataField="Principal" />
        <asp:BoundField HeaderText="Emplacement" DataField="Emplacement" />
       <asp:ButtonField ButtonType="Button" CommandName="Select" HeaderText="Ajouter" ShowHeader="True" Text="+" />
<%--<asp:TemplateField HeaderText="Qte">
            <ItemTemplate>
                <asp:TextBox ID="TextBox5" runat="server" Text=""></asp:TextBox>
            </ItemTemplate>
        </asp:TemplateField>--%>
    </Columns>
                   <FooterStyle BackColor="#CCCCCC" />
                   <HeaderStyle BackColor="Black" Font-Bold="True" ForeColor="White" />
                   <PagerStyle BackColor="#999999" ForeColor="Black" HorizontalAlign="Center" />
                   <SelectedRowStyle BackColor="#000099" Font-Bold="True" ForeColor="White" />
                   <SortedAscendingCellStyle BackColor="#F1F1F1" />
                   <SortedAscendingHeaderStyle BackColor="#808080" />
                   <SortedDescendingCellStyle BackColor="#CAC9C9" />
                   <SortedDescendingHeaderStyle BackColor="#383838" />
</asp:GridView>
    </asp:Panel>
   <asp:Label ID="Label8" runat="server" ForeColor="Black" Text="RESERVEES"></asp:Label>
 <asp:GridView ID="GridView4" runat="server" Width="712px">
                     </asp:GridView>
  <asp:Label ID="Label9" runat="server" ForeColor="Black" Text=" EN DOUANE"></asp:Label>
  <asp:Label ID="Label10" runat="server" ForeColor="Black" Text="COMMANDEES"></asp:Label>
  <asp:GridView ID="GridView2" runat="server" CellPadding="4" ForeColor="#333333" GridLines="None" Height="173px" Width="100%">
                         <AlternatingRowStyle BackColor="White" ForeColor="#284775" />
                         <EditRowStyle BackColor="#999999" />
                         <FooterStyle BackColor="#5D7B9D" Font-Bold="True" ForeColor="White" />
                         <HeaderStyle BackColor="#5D7B9D" Font-Bold="True" ForeColor="White" />
                         <PagerStyle BackColor="#284775" ForeColor="White" HorizontalAlign="Center" />
                         <RowStyle BackColor="#F7F6F3" ForeColor="#333333" HorizontalAlign="Center" VerticalAlign="Middle" />
                         <SelectedRowStyle BackColor="#E2DED6" Font-Bold="True" ForeColor="#333333" />
                         <SortedAscendingCellStyle BackColor="#E9E7E2" />
                         <SortedAscendingHeaderStyle BackColor="#506C8C" />
                         <SortedDescendingCellStyle BackColor="#FFFDF8" />
                         <SortedDescendingHeaderStyle BackColor="#6F8DAE" />
                     </asp:GridView>
    <asp:GridView ID="GridView3" runat="server" CellPadding="4" ForeColor="#333333" GridLines="None" Height="144px" Width="100%">
                         <AlternatingRowStyle BackColor="White" />
                         <EditRowStyle BackColor="#7C6F57" />
                         <FooterStyle BackColor="#1C5E55" Font-Bold="True" ForeColor="White" />
                         <HeaderStyle BackColor="#1C5E55" Font-Bold="True" ForeColor="White" />
                         <PagerStyle BackColor="#666666" ForeColor="White" HorizontalAlign="Center" />
                         <RowStyle BackColor="#E3EAEB" HorizontalAlign="Center" VerticalAlign="Middle" />
                         <SelectedRowStyle BackColor="#C5BBAF" Font-Bold="True" ForeColor="#333333" />
                         <SortedAscendingCellStyle BackColor="#F8FAFA" />
                         <SortedAscendingHeaderStyle BackColor="#246B61" />
                         <SortedDescendingCellStyle BackColor="#D4DFE1" />
                         <SortedDescendingHeaderStyle BackColor="#15524A" />
                     </asp:GridView>
          </asp:View>
          <asp:View ID="ViewMouvement1" runat="server">
       <asp:Label ID="Label1" runat="server" Text=""></asp:Label> 
                          <asp:Label ID="Label13" runat="server" BackColor="#FF9966" Font-Italic="True" ForeColor="Black" Text="Cliquer sur l'année pour avoir plus de détails !!!"></asp:Label>
  <asp:GridView ID="GridView5" runat="server" CellPadding="4" ForeColor="#333333" Width="1161px" OnRowDataBound="GridView5_RowDataBound">
                             <AlternatingRowStyle BackColor="White" />
                             <EditRowStyle BackColor="#2461BF" />
                             <FooterStyle BackColor="#507CD1" Font-Bold="True" ForeColor="White" />
                             <HeaderStyle BackColor="#507CD1" Font-Bold="True" ForeColor="White" />
                             <PagerStyle BackColor="#2461BF" ForeColor="White" HorizontalAlign="Center" />
                             <RowStyle BackColor="#EFF3FB" />
                             <SelectedRowStyle BackColor="#D1DDF1" Font-Bold="True" ForeColor="#333333" />
                             <SortedAscendingCellStyle BackColor="#F5F7FB" />
                             <SortedAscendingHeaderStyle BackColor="#6D95E1" />
                             <SortedDescendingCellStyle BackColor="#E9EBEF" />
                             <SortedDescendingHeaderStyle BackColor="#4870BE" />
      </asp:GridView>
     <input type="hidden" id="HeadertTxt" name="HeadertTxt" value=""/>
                       <asp:Button ID="btnGet" Text="Get" runat="server" OnClick="OnGet" Style="display: none;" />
                         <script type = "text/javascript">
                             function GetHeaderText(txt) {
                                // alert(txt);
                                 document.getElementById("HeadertTxt").value = txt;    
                              document.getElementById('<%=btnGet.ClientID%>').click();
                             }
                             </script>
                        <%-- <script type = "text/javascript">
    window.onload = function () {
        var grid = document.getElementById("<%=GridView5.ClientID %>");
        var headerCells = grid.getElementsByTagName("th");
        for (var i = 0; i < headerCells.length; i++) {
            headerCells[i].onclick = function () {
                alert(this.innerHTML);
            };
        }
    }
</script>--%>
            </asp:View>
                     <asp:View ID="ViewHistorique2" runat="server">
                        <%-- <asp:GridView ID="GridView6" runat="server" BackColor="White" BorderColor="#CCCCCC" BorderStyle="None" BorderWidth="1px" CellPadding="4" ForeColor="Black" GridLines="Horizontal" Height="100%" Width="100%">
                             <FooterStyle BackColor="#CCCC99" ForeColor="Black" />
                             <HeaderStyle BackColor="#333333" Font-Bold="True" ForeColor="White" />
                             <PagerStyle BackColor="White" ForeColor="Black" HorizontalAlign="Right" />
                             <RowStyle VerticalAlign="Middle" />
                             <SelectedRowStyle BackColor="#CC3333" Font-Bold="True" ForeColor="White" />
                             <SortedAscendingCellStyle BackColor="#F7F7F7" />
                             <SortedAscendingHeaderStyle BackColor="#4B4B4B" />
                             <SortedDescendingCellStyle BackColor="#E5E5E5" />
                             <SortedDescendingHeaderStyle BackColor="#242121" />
                         </asp:GridView>--%>
                           <asp:Panel ID="Panel4" runat="server" Height="690px" ScrollBars="Vertical" Width="100%">
                     <asp:GridView ID="GridView6" runat="server" Height="100%" BackColor="White" BorderColor="#999999" BorderStyle="Solid" BorderWidth="1px" CellPadding="3" ForeColor="Black" Width="100%">
                         <AlternatingRowStyle BackColor="#CCCCCC" />
                         <FooterStyle BackColor="#CCCCCC" />
                         <HeaderStyle BackColor="Black" Font-Bold="True" ForeColor="White" />
                         <PagerStyle BackColor="#999999" ForeColor="Black" HorizontalAlign="Center" />
                         <RowStyle HorizontalAlign="Left" VerticalAlign="Middle" />
                         <SelectedRowStyle BackColor="#000099" Font-Bold="True" ForeColor="White" />
                         <SortedAscendingCellStyle BackColor="#F1F1F1" />
                         <SortedAscendingHeaderStyle BackColor="#808080" />
                         <SortedDescendingCellStyle BackColor="#CAC9C9" />
                         <SortedDescendingHeaderStyle BackColor="#383838" />
                     </asp:GridView>
                 </asp:Panel>
                     </asp:View>
                     <asp:View ID="ViewFactures3" runat="server">
                         <%--<asp:GridView ID="GridView7" runat="server" BackColor="White" BorderColor="#DEDFDE" BorderStyle="None" BorderWidth="1px" CellPadding="4" ForeColor="Black" GridLines="Vertical" Width="100%">
                             <AlternatingRowStyle BackColor="White" />
                             <FooterStyle BackColor="#CCCC99" />
                             <HeaderStyle BackColor="#6B696B" Font-Bold="True" ForeColor="White" />
                             <PagerStyle BackColor="#F7F7DE" ForeColor="Black" HorizontalAlign="Right" />
                             <RowStyle BackColor="#F7F7DE" />
                             <SelectedRowStyle BackColor="#CE5D5A" Font-Bold="True" ForeColor="White" />
                             <SortedAscendingCellStyle BackColor="#FBFBF2" />
                             <SortedAscendingHeaderStyle BackColor="#848384" />
                             <SortedDescendingCellStyle BackColor="#EAEAD3" />
                             <SortedDescendingHeaderStyle BackColor="#575357" />
                         </asp:GridView>--%>
                          <asp:Panel ID="Panel1" runat="server" Height="731px" ScrollBars="Vertical" Width="100%">
 <asp:Button ID="Button3" runat="server" BorderStyle="Solid" BorderWidth="2px" Height="28px" Text=" Bons de LIVRAISON" Width="105px" Enabled="False" BorderColor="#660033" Font-Size="X-Small" />
    <asp:DropDownList ID="DropDownList3" runat="server" AutoPostBack="True" Height="23px" Width="389px">
                </asp:DropDownList>
    <asp:DropDownList ID="DropDownList2" runat="server" AutoPostBack="True" Height="20px" Width="429px">
                  </asp:DropDownList>
     <asp:GridView ID="GridView7" runat="server" Height="100%" BackColor="White" BorderColor="#DEDFDE" BorderStyle="None" BorderWidth="1px" CellPadding="4" ForeColor="Black" Width="100%">
                         <AlternatingRowStyle BackColor="White" />
                         <FooterStyle BackColor="#CCCC99" />
                         <HeaderStyle BackColor="#6B696B" Font-Bold="True" ForeColor="White" />
                         <PagerStyle BackColor="#F7F7DE" ForeColor="Black" HorizontalAlign="Right" />
                         <RowStyle HorizontalAlign="Left" VerticalAlign="Middle" BackColor="#F7F7DE" />
                         <SelectedRowStyle BackColor="#CE5D5A" Font-Bold="True" ForeColor="White" />
                         <SortedAscendingCellStyle BackColor="#FBFBF2" />
                         <SortedAscendingHeaderStyle BackColor="#848384" />
                         <SortedDescendingCellStyle BackColor="#EAEAD3" />
                         <SortedDescendingHeaderStyle BackColor="#575357" />
                     </asp:GridView>
                 </asp:Panel>

                     </asp:View>

HOUSSEM MAHJOUBI 286

                     <asp:View ID="ViewDevis4" runat="server">

  <asp:Label ID="Label5" runat="server" Text="Choisir l'année que vous voulez : " Font-Bold="True" Font-Underline="True" BackColor="#FF9966"></asp:Label>

   <asp:DropDownList ID="DropDownList4" runat="server" Height="18px" Width="199px" AutoPostBack="True" BackColor="#CCCC00" Font-Bold="True" Font-Italic="True" ForeColor="#660066" CssClass="auto-style42"></asp:DropDownList>

 <%-- <asp:GridView ID="GridView8" runat="server" BackColor="White" BorderColor="#999999" BorderStyle="Solid" BorderWidth="1px" CellPadding="3" ForeColor="Black" GridLines="Vertical" Width="100%">

                             <AlternatingRowStyle BackColor="#CCCCCC" />

                             <FooterStyle BackColor="#CCCCCC" />

                             <HeaderStyle BackColor="Black" Font-Bold="True" ForeColor="White" />

                             <PagerStyle BackColor="#999999" ForeColor="Black" HorizontalAlign="Center" />

                             <SelectedRowStyle BackColor="#000099" Font-Bold="True" ForeColor="White" />

                             <SortedAscendingCellStyle BackColor="#F1F1F1" />

                             <SortedAscendingHeaderStyle BackColor="#808080" />

                             <SortedDescendingCellStyle BackColor="#CAC9C9" />

                             <SortedDescendingHeaderStyle BackColor="#383838" />

                         </asp:GridView>--%>

                         <asp:Panel ID="Panel3" runat="server" Height="731px" ScrollBars="Vertical" Width="100%">

                     <asp:GridView ID="GridView8" runat="server" Height="100%" BackColor="White" BorderColor="#999999" BorderStyle="Solid" BorderWidth="1px" CellPadding="3" ForeColor="Black" Width="100%" OnRowDataBound="OnRowDataBound">

                         <AlternatingRowStyle BackColor="#CCCCCC" />

                         <FooterStyle BackColor="#CCCCCC" />

                         <HeaderStyle BackColor="Black" Font-Bold="True" ForeColor="White" />

                         <PagerStyle BackColor="#999999" ForeColor="Black" HorizontalAlign="Center" />

                         <RowStyle HorizontalAlign="Left" VerticalAlign="Middle" />

                         <SelectedRowStyle BackColor="#000099" Font-Bold="True" ForeColor="White" />

                         <SortedAscendingCellStyle BackColor="#F1F1F1" />

                         <SortedAscendingHeaderStyle BackColor="#808080" />

                         <SortedDescendingCellStyle BackColor="#CAC9C9" />

                         <SortedDescendingHeaderStyle BackColor="#383838" />

                     </asp:GridView>

                 </asp:Panel>

                          <input type="hidden" id="HeadertTxt2" name="HeadertTxt2" value=""/>

                       <asp:Button ID="Button7" Text="Get" runat="server" OnClick="OnGet2" Style="display: none;" />

                         <script type = "text/javascript">

                             function GetHeaderText2(txt) {

                                // alert(txt);

                                 document.getElementById("HeadertTxt2").value = txt;    

                              document.getElementById('<%=Button7.ClientID%>').click();

                             }

                             </script>

                     </asp:View>

                       <asp:View ID="ViewFactureDetail" runat="server">

                     

                         <asp:Panel ID="Panel5" runat="server" Height="731px" ScrollBars="Vertical" Width="100%">

                     <asp:GridView ID="GridView10" runat="server" Height="100%" BackColor="White" BorderColor="#999999" BorderStyle="None" BorderWidth="1px" CellPadding="3" Width="100%" GridLines="Vertical">

                         <AlternatingRowStyle BackColor="#DCDCDC" />

                         <FooterStyle BackColor="#CCCCCC" ForeColor="Black" />

                         <HeaderStyle BackColor="#000084" Font-Bold="True" ForeColor="White" />

                         <PagerStyle BackColor="#999999" ForeColor="Black" HorizontalAlign="Center" />

                         <RowStyle HorizontalAlign="Left" VerticalAlign="Middle" BackColor="#EEEEEE" ForeColor="Black" />

                         <SelectedRowStyle BackColor="#008A8C" Font-Bold="True" ForeColor="White" />

                         <SortedAscendingCellStyle BackColor="#F1F1F1" />

                         <SortedAscendingHeaderStyle BackColor="#0000A9" />

                         <SortedDescendingCellStyle BackColor="#CAC9C9" />

                         <SortedDescendingHeaderStyle BackColor="#000065" />

                     </asp:GridView>

                             <asp:Button ID="Button4" runat="server" Text="retour" />

                 </asp:Panel>

                     </asp:View>

                       <asp:View ID="View1" runat="server">

                    

                         <asp:Panel ID="Panel6" runat="server" Height="731px" ScrollBars="Vertical" Width="100%">

                     <asp:GridView ID="GridView11" runat="server" Height="100%" BackColor="White" BorderColor="#999999" BorderStyle="None" BorderWidth="1px" CellPadding="3" Width="100%" GridLines="Vertical">

                         <AlternatingRowStyle BackColor="#DCDCDC" />

                         <FooterStyle BackColor="#CCCCCC" ForeColor="Black" />

                         <HeaderStyle BackColor="#000084" Font-Bold="True" ForeColor="White" />

                         <PagerStyle BackColor="#999999" ForeColor="Black" HorizontalAlign="Center" />

                         <RowStyle HorizontalAlign="Left" VerticalAlign="Middle" BackColor="#EEEEEE" ForeColor="Black" />

                         <SelectedRowStyle BackColor="#008A8C" Font-Bold="True" ForeColor="White" />

                         <SortedAscendingCellStyle BackColor="#F1F1F1" />

                         <SortedAscendingHeaderStyle BackColor="#0000A9" />

                         <SortedDescendingCellStyle BackColor="#CAC9C9" />

                         <SortedDescendingHeaderStyle BackColor="#000065" />

                     </asp:GridView>

                             <asp:Button ID="Button5" runat="server" Text="retour" />

                 </asp:Panel>

                     </asp:View>

                   <%--  <asp:View ID="ViewRecherchesAvancées5" runat="server">--%>

 <%--   <asp:Button ID="Button4" runat="server" Text="Button"  OnClientClick='<%# String.Format(Eval("année"), Eval("Bon_de_LIVRAISON"), Eval("Date"),

                                                                                                                     Eval("CT_Num"), Eval("CT_INTITULE"), Eval("référence"), Eval("Désignation"), Eval("Qte"),

                                                                                                                     Eval("PU"), Eval("REM")) %>'/>

                        <asp:GridView ID="GridView9" runat="server" AutoGenerateColumns="false" Width="1122px">

    <Columns>

        <asp:BoundField DataField="année" HeaderText="année" ItemStyle-Width="90" />

        <asp:BoundField DataField="Bon_de_LIVRAISON" HeaderText="Bon_de_LIVRAISON" ItemStyle-Width="120" />

        <asp:BoundField DataField="Date" HeaderText="Date" ItemStyle-Width="100" />

        <asp:BoundField DataField="CT_Num" HeaderText="CT_Num" ItemStyle-Width="100" />

        <asp:BoundField DataField="CT_INTITULE" HeaderText="CT_INTITULE" ItemStyle-Width="100" />

        <asp:BoundField DataField="référence" HeaderText="référence" ItemStyle-Width="100" />

        <asp:BoundField DataField="Désignation" HeaderText="Désignation" ItemStyle-Width="100" />

        <asp:BoundField DataField="Qte" HeaderText="Qte" ItemStyle-Width="100" />

        <asp:BoundField DataField="PU" HeaderText="PU" ItemStyle-Width="100" />

        <asp:BoundField DataField="REM" HeaderText="REM" ItemStyle-Width="100" />

        <%--<asp:TemplateField>--%>

         <%--   <ItemTemplate>

                <asp:Button Text="View" runat="server" OnClientClick='<%# String.Format("return ViewDetails({0}, ""{1}"", ""{2}"");", Eval("Id"), Eval("Name"), Eval("Country")) %>' />

            </ItemTemplate>--%>

        <%--</asp:TemplateField>--%>

  <%--  </Columns>

</asp:GridView>

<script type="text/javascript">

    function ViewDetails(année, Bon_de_LIVRAISON, Date,CT_Num,CT_INTITULE,référence,Désignation,Qte,PU,REM) {

        var message = "année: " + année;

        message += "Bon_de_LIVRAISON: " + Bon_de_LIVRAISON;

        message += "Date: " + Date;

        message += "\nCT_Num: " + CT_Num;

        message += "\nCT_INTITULE: " + CT_INTITULE;

        message += "\nréférence: " + référence;

        message += "\nDésignation: " + Désignation;

        message += "\nQte: " + Qte;

        message += "\nPU: " + PU;

        message += "\nREM: " + REM;

               alert(message);

        return false;

    }

</script>--%>

                    <%-- </asp:View>--%>

                       <asp:View ID="View2" runat="server">

                            <asp:Panel ID="Panel9" runat="server" Height="731px" ScrollBars="Vertical" Width="100%">

                     



                <asp:GridView ID="GridView12" runat="server" Height="100%" Width="99%" BackColor="White" BorderColor="#336666" BorderStyle="Double" BorderWidth="3px" CellPadding="4">

                    <FooterStyle BackColor="White" ForeColor="#333333" />

                    <HeaderStyle BackColor="#336666" Font-Bold="True" ForeColor="White" />

                    <PagerStyle BackColor="#336666" ForeColor="White" HorizontalAlign="Center" />

                    <RowStyle BackColor="White" ForeColor="#333333" />

                    <SelectedRowStyle BackColor="#339966" Font-Bold="True" ForeColor="White" />

                    <SortedAscendingCellStyle BackColor="#F7F7F7" />

                    <SortedAscendingHeaderStyle BackColor="#487575" />

                    <SortedDescendingCellStyle BackColor="#E5E5E5" />

                    <SortedDescendingHeaderStyle BackColor="#275353" />

                </asp:GridView>

               <asp:Button ID="Retour" runat="server" Text="Retour" Width="138px" BorderColor="#993300" BorderStyle="Groove" BorderWidth="2px" ForeColor="Maroon" BackColor="#CC9900" Font-Bold="True" Font-Italic="True" />

    </asp:Panel>

                           

    

                           </asp:View>

                 </asp:MultiView>

<asp:ScriptManager ID="asm" runat="server" />

  <ajaxToolkit:ModalPopupExtender ID="mpe2" runat="server"

 TargetControlId="Button3" PopupControlID="ModalPanel" 

 OkControlID="OKButton" BackgroundCssClass="modalBackground" />

            <asp:Panel ID="ModalPanel" runat="server" BackColor="White" BorderColor="#000099" BorderStyle="Groove" CssClass="auto-style36" Visible="false" BorderWidth="2px" ScrollBars="Vertical">

  <asp:GridView ID="GridView9" runat="server" Height="264px" Width="1152px" BackColor="White" BorderColor="#336666" BorderStyle="Double" BorderWidth="3px" CellPadding="4">

                    <FooterStyle BackColor="White" ForeColor="#333333" />

                    <HeaderStyle BackColor="#336666" Font-Bold="True" ForeColor="White" />

                    <PagerStyle BackColor="#336666" ForeColor="White" HorizontalAlign="Center" />

                    <RowStyle BackColor="White" ForeColor="#333333" />

                    <SelectedRowStyle BackColor="#339966" Font-Bold="True" ForeColor="White" />

                    <SortedAscendingCellStyle BackColor="#F7F7F7" />

                    <SortedAscendingHeaderStyle BackColor="#487575" />

                    <SortedDescendingCellStyle BackColor="#E5E5E5" />

                    <SortedDescendingHeaderStyle BackColor="#275353" />

                </asp:GridView>

    <asp:Button ID="OKButton" runat="server" Text="fermer" Height="25px" Width="107px" />

  </asp:Panel>

 <script type="text/javascript">

        function setPopup() {

            var pop = $find("mpe");

            var scr = screen.width;

            if (pop != null) {

                

                pop.set_X(scr * 0.7);

                pop.set_Y(scr * 0.5);

               

            }

        }

    </script>



                         <ajaxToolkit:ModalPopupExtender ID="mpe" runat="server"

 TargetControlId="Button8" PopupControlID="ModalPanel2" 

 OkControlID="Button6" BackgroundCssClass="modalBackground2" />

            <asp:Panel ID="ModalPanel2" runat="server" BackColor="White" BorderColor="#000099" BorderStyle="Groove" CssClass="auto-style158" BorderWidth="2px" >

    <tr">

 <asp:Label ID="Label6" runat="server" Text="Creation d'un nouvelle DEVIS CLIENT:"></asp:Label>

     </tr">

       Client :

                             <asp:TextBox ID="TextBox3" runat="server" Width="205px"></asp:TextBox>

                              <asp:HiddenField ID="hfName" runat="server" />

                             <script type="text/javascript">

    $(function () {

        $("[id*=TextBox3]").autocomplete({

            source: function (request, response) {

                $.ajax({

                    type: "POST",

                    url: '<%=ResolveUrl("~/ArticleInvestigation.aspx/GetNames") %>',

                    data: "{ 'prefix': '" + request.term + "'}",

                    contentType: "application/json; charset=utf-8",

                    dataType: "json",

                    success: function (data) {

                        response($.map(data.d, function (item) {

                            return {

                                label: item.split('-')[0],

                                val: item.split('-')[1]

                            }

                        }))

                    },

                    error: function (response) {

                        alert(response.responseText);

                    }

                });

            },

            select: function (e, i) {



                $("[id$=hfName]").val(i.item.label);

                $.ajax({

                    type: "POST",

                    url: '<%=ResolveUrl("~/ArticleInvestigation.aspx/GetCountry") %>',

                    data: "{ 'name': '" + i.item.label + "'}",

                    contentType: "application/json; charset=utf-8",

                    dataType: "json",

                    success: function (response) {

                        $("[id*=TextBox4]").val(response.d.split('-')[0]);

                        $("[id*=TextBox6]").val(response.d.split('-')[1]);

                    },

                    error: function (response) {

                        alert(response.responseText);

                    }

                });

            },

            minLength: 0

        });

    });

</script>

                            <%--  <script type="text/javascript">

    $(function () {

        $("[id*=TextBox3]").autocomplete({

            source: function (request, response) {

                $.ajax({

                    type: "POST",

                    url: '<%=ResolveUrl("~/ArticleInvestigation.aspx/GetNames") %>',

                    data: "{ 'prefix': '" + request.term + "'}",

                    contentType: "application/json; charset=utf-8",

                    dataType: "json",

                    success: function (data) {

                        response($.map(data.d, function (item) {

                            return {

                                label: item.split('-')[0],

                                val: item.split('-')[1]

                            }

                        }))

                    },

                    error: function (response) {

                        alert(response.responseText);

                    }

                });

            },

            select: function (e, i) {

                $("[id$=hfName]").val(i.item.label);

                $.ajax({

                    type: "POST",

                    url: '<%=ResolveUrl("~/ArticleInvestigation.aspx/GetCountry") %>',

                    data: "{ 'name': '" + i.item.label + "'}",

                    contentType: "application/json; charset=utf-8",

                    dataType: "json",

                    success: function (response) {

                        $("[id*=TextBox4]").val(response.d);

                    },

                    error: function (response) {

                        alert(response.responseText);

                    }

                });

            },

             

            minLength: 0

        });

    });

</script>--%>

                             Numero  :

                             <asp:TextBox ID="TextBox4" runat="server" Width="82px" ></asp:TextBox>



                               <script type="text/javascript">

    $(document).ready(function () {

       $("#<%=TextBox4.ClientID %>").autocomplete({

            

           source: function (request, response) {

              

                $('TextBox9').attr('style', request.term == "9999" ? 'display:block;' : 'display:none;');

                $('#Label20').attr('style', request.term == "9999" ? 'display:normal;' : 'display:none;');

                   $.ajax({

                    type: "POST",

                    url: '<%=ResolveUrl("~/ArticleInvestigation.aspx/GetNames2") %>',

                    data: "{ 'prefix': '" + request.term + "'}",

                    contentType: "application/json; charset=utf-8",

                    dataType: "json",

                    success: function (data) {



                        $('TextBox9').attr('style', request.term == "9999" ? 'display:block;' : 'display:none;');

                        $('#Label20').attr('style', request.term == "9999" ? 'display:normal;' : 'display:none;');



                        response($.map(data.d, function (item) {

                            return {



                                label: item.split('-')[0],

                                val: item.split('-')[1]

                            }

                        }))

                    },

                    error: function (response) {

                        alert(response.responseText);

                    }

                });

             

            },

            

            select: function (e, i) {

               

                $("[id$=hfName]").val(i.item.label);

                $.ajax({

                    type: "POST",

                    url: '<%=ResolveUrl("~/ArticleInvestigation.aspx/GetCountry2") %>',

                    data: "{ 'name': '" + i.item.label + "'}",

                    contentType: "application/json; charset=utf-8",

                    dataType: "json",

                    success: function (response) {



                        $('TextBox9').attr('style', request.term == "9999" ? 'display:block;' : 'display:none;');

                        $('#Label20').attr('style', request.term == "9999" ? 'display:normal;' : 'display:none;');



                        $("[id*=TextBox3]").val(response.d.split('-')[0]);

                        $("[id*=TextBox6]").val(response.d.split('-')[1]);

                



                    },

                    error: function (response) {

                        alert(response.responseText);

                    }

                });

              

           },

            

            minLength: 0

        });

    });

</script>

                             <%-- <script type="text/javascript">

    $(document).ready(function() {

        $("#<%=TextBox4.ClientID%>").autocomplete('Search_VB6.ashx');

    });       

</script> --%>

                                   <asp:Button ID="Button9" runat="server" Text="Creation" UseSubmitBehavior="False" OnClientClick="this.disabled='True';this.value='Patientez...';"/>

                             <asp:Label ID="Label19" runat="server" ForeColor="Red"></asp:Label>

       Matricule fiscale :

                             <asp:TextBox ID="TextBox6" runat="server" Width="205px"></asp:TextBox>

                            <%-- <asp:Panel ID="Panel11" runat="server" Visible="true">--%>

 <asp:Label ID="Label20" runat="server" Text="Client divers:"></asp:Label>   

<%--                              <input type="text" id="lname" name="lname" style="display:none;">--%>

                             <asp:TextBox ID="TextBox9" runat="server" Width="135px"></asp:TextBox>



                            <%-- </asp:Panel>--%>

                            <%----%>

                             <asp:Label ID="Label23" runat="server" Text="Machine:" ></asp:Label>    <asp:TextBox ID="TextBox10" runat="server" Width="186px"></asp:TextBox>

                            <%-- <script type="text/javascript">

                                 $(function () {

       document.getElementById('Label24').value== document.getElementById('TextBox6').value;

                   }

        </script>--%>

                             <script type="text/javascript">

    $(function () {

        $("[id*=TextBox6]").autocomplete({

            source: function (request, response) {

                $.ajax({

                    type: "POST",

                    url: '<%=ResolveUrl("~/ArticleInvestigation.aspx/GetNames3") %>',

                    data: "{ 'prefix': '" + request.term + "'}",

                    contentType: "application/json; charset=utf-8",

                    dataType: "json",

                    success: function (data) {

                        response($.map(data.d, function (item) {

                            return {

                                label: item.split('-')[0],

                                val: item.split('-')[1]

                            }

                        }))

                    },

                    error: function (response) {

                        alert(response.responseText);

                    }

                });

            },

            select: function (e, i) {

                $("[id$=hfName]").val(i.item.label);

                $.ajax({

                    type: "POST",

                    url: '<%=ResolveUrl("~/ArticleInvestigation.aspx/GetCountry3") %>',

                    data: "{ 'name': '" + i.item.label + "'}",

                    contentType: "application/json; charset=utf-8",

                    dataType: "json",

                    success: function (response) {

                        $("[id*=TextBox3]").val(response.d.split('-')[0]);

                        $("[id*=TextBox4]").val(response.d.split('-')[1]);

                    },

                    error: function (response) {

                        alert(response.responseText);

                    }

                });

            },

            minLength: 0

        });

    });

</script>



                            <%-- <script type="text/javascript">

    $(document).ready(function() {

        $("#<%=TextBox6.ClientID%>").autocomplete('Search_VB7.ashx');

    });       

</script> --%>

  Devis ouvert numero   : <asp:Label ID="Label7" runat="server" Text=""></asp:Label>  Client : <asp:Label ID="Label14" runat="server" Text=""></asp:Label>           DEVIS EN COURS :   

                             <asp:DropDownList ID="DropDownList5" runat="server" Height="16px" Width="324px" AutoPostBack="True">

                             </asp:DropDownList>

   <%-- <asp:GridView ID="GridView13" runat="server" BackColor="White" BorderColor="#336666" BorderStyle="Double" BorderWidth="3px" CellPadding="4" Height="432px" Width="537px">

                                 <FooterStyle BackColor="White" ForeColor="#333333" />

                                 <HeaderStyle BackColor="#336666" Font-Bold="True" ForeColor="White" />

                                 <PagerStyle BackColor="#336666" ForeColor="White" HorizontalAlign="Center" />

                                 <RowStyle BackColor="White" ForeColor="#333333" />

                                 <SelectedRowStyle BackColor="#339966" Font-Bold="True" ForeColor="White" />

                                 <SortedAscendingCellStyle BackColor="#F7F7F7" />

                                 <SortedAscendingHeaderStyle BackColor="#487575" />

                                 <SortedDescendingCellStyle BackColor="#E5E5E5" />

                                 <SortedDescendingHeaderStyle BackColor="#275353" />

                             </asp:GridView>--%>

                             <asp:Panel ID="Panel10" runat="server" ScrollBars="Vertical" Width="493px" Height="346px">

                               <asp:GridView ID="GridView13" runat="server" AutoGenerateColumns="False" Height="356px" Width="456px" OnRowDataBound="OnRowDataBound" BackColor="White" BorderColor="#999999" BorderStyle="Solid" BorderWidth="1px" CellPadding="3" ForeColor="Black" GridLines="Vertical">

                   <AlternatingRowStyle BackColor="#CCCCCC" />

    <Columns>

        <asp:BoundField HeaderText="N_Devis" DataField="N_Devis" />

        <asp:BoundField HeaderText="Num_Client" DataField="Num_Client" />

        <asp:BoundField HeaderText="Article" DataField="Article" />

        <asp:BoundField HeaderText="Description" DataField="Description" />

<asp:TemplateField HeaderText="Qte" ControlStyle-Width="30px">

            <ItemTemplate>

                <asp:TextBox ID="TextBox7" runat="server" Text='<%# Eval("Qte") %>'></asp:TextBox>

            </ItemTemplate>

        </asp:TemplateField>

          

                <asp:ButtonField ButtonType="Button" CommandName="Select" HeaderText="Supp" ShowHeader="True" Text="-" />

        <%-- <asp:BoundField HeaderText="cbmarq" DataField="cbmarq" Visible="false"/>--%>

    </Columns>

                   <FooterStyle BackColor="#CCCCCC" />

                   <HeaderStyle BackColor="Black" Font-Bold="True" ForeColor="White" />

                   <PagerStyle BackColor="#999999" ForeColor="Black" HorizontalAlign="Center" />

                   <SelectedRowStyle BackColor="#000099" Font-Bold="True" ForeColor="White" />

                   <SortedAscendingCellStyle BackColor="#F1F1F1" />

                   <SortedAscendingHeaderStyle BackColor="#808080" />

                   <SortedDescendingCellStyle BackColor="#CAC9C9" />

                   <SortedDescendingHeaderStyle BackColor="#383838" />

</asp:GridView></asp:Panel>

    <asp:Button ID="Button6" runat="server" Height="25px" Text="Fermer" Width="107px" />

                             <asp:Button ID="Button10" runat="server" Height="25px" Text="Valider" Width="107px" UseSubmitBehavior="False" OnClientClick="this.disabled='True';this.value='Patientez...';"/>

                             <asp:Button ID="Button11" runat="server" Height="25px" Text="Supprimer" Width="107px" UseSubmitBehavior="False" OnClientClick="this.disabled='True';this.value='Patientez...';"/>

     </asp:Panel>

      <ajaxToolkit:ModalPopupExtender ID="mpe3" runat="server"

 TargetControlId="Button13" PopupControlID="ModalPanel3" 

 OkControlID="Button13" BackgroundCssClass="modalBackground2"   X="750" Y="290" />

            <asp:Panel ID="ModalPanel3" runat="server" BackColor="White" BorderColor="#000099" BorderStyle="Groove" CssClass="auto-style162" BorderWidth="2px" Visible="False" DefaultButton="Button14" >

  <asp:Label ID="Label16" runat="server" Visible="true"></asp:Label>

     <asp:Label ID="Label18" runat="server" Visible="true"></asp:Label>



    <asp:Label ID="Label22" runat="server" Text="Label" Visible="False"></asp:Label>

       </tr">

<asp:Label ID="Label15" runat="server" Text="Entrer votre quantitée :"></asp:Label>

 <asp:TextBox ID="TextBox5" runat="server"></asp:TextBox>

        </tr">

        <tr">

<asp:Button ID="Button14" runat="server" Text="Ajoutée" Width="75px" style="height: 26px" UseSubmitBehavior="False" OnClientClick="this.disabled='True';this.value='Patientez...';"/>

            </tr">

             <tr">

            </tr">

<asp:Label ID="Label21" runat="server" Text="Description article :" Visible="False"></asp:Label>   

 <asp:TextBox ID="TextBox8" runat="server" Visible="False"></asp:TextBox>

  <%--<asp:Button ID="Button12" runat="server" Height="21px" Text="ok" Width="16px" Visible="False" />--%>

                              <asp:Button ID="Button13" runat="server" Text="fermer" Width="75px" />

  </asp:Panel>

</asp:Content>

HOUSSEM MAHJOUBI 286 Reputation points

2023-02-22T01:25:12.6366667+00:00

can i put a variable in the x and the y of modalpopup

like

<ajaxToolkit:ModalPopupExtender ID="mpe3" runat="server"

TargetControlId="Button13" PopupControlID="ModalPanel3"

OkControlID="Button13" BackgroundCssClass="modalBackground2" X="'VARIABLE1'" Y="'VARIABLE12'" />

after i call that variable using javascript and put the value

please help or how i can fix the 1st idea and make it work for me?
Lan Huang-MSFT 30,191 Reputation points Microsoft External Staff

2023-02-22T02:54:29.4933333+00:00
Hi @HOUSSEM MAHJOUBI ,

This method is to get the coordinate variable.

The reason it doesn't work is because you are using a master page, ASP.NET Web Forms server control IDs are dynamic.

The previous method cannot get mpe.

You try to put ClientIDMode="Static" in ModalPopupExtender.

<ajaxToolkit:ModalPopupExtender ID="mpe" runat="server" TargetControlID="Button8" PopupControlID="ModalPanel2" OkControlID="Button6" BackgroundCssClass="modalBackground2" ClientIDMode="Static" />

I noticed that your Y coordinate is set to scr * 0.5, preferably scr * 0.05. Because scr is the width of the screen, which is much larger than the height.

I think you can set the y coordinate according to the height of the screen. For example:

function setPopup() { var pop = $find("mpe"); var scrX = screen.width; var scrY = screen.height if (pop != null) { pop.set_X(scrX * 0.7); pop.set_Y(scrY * 0.4); } }
HOUSSEM MAHJOUBI 286 Reputation points

2023-02-22T14:27:13.6433333+00:00

now its working fine you are amazing thank you very much thank you than kyou
HOUSSEM MAHJOUBI 286 Reputation points

2023-02-22T15:31:26.7466667+00:00

if i select a dropdownlist with autopostback and refresh the modalpopup return to the center

this is another issue

please help

HOUSSEM MAHJOUBI 286

 <asp:DropDownList ID="DropDownList5" runat="server" AutoPostBack="True" Height="16px" Width="324px" onchange="setPopup()">
                             </asp:DropDownList>

Lan Huang-MSFT 30,191 Microsoft External Staff

Hi @HOUSSEM MAHJOUBI ,

The follow-up to this post is too long. In order to better help you solve the problem, if you have other new questions, I suggest you post a new thread.

You can put DropDownList inside ASP.Net AJAX UpdatePanel to avoid full PostBack.

When "Move" is selected in the DropDownList, click Button8 to move the position.

Here is the complete example:

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <asp:ScriptManager ID="ScriptManager1" runat="server">
    </asp:ScriptManager> 
    <script src="Scripts/jquery-3.4.1.min.js"></script>
    <script type="text/javascript">
        function setPopup() {
            var text = $("#<%=DropDownList5.ClientID%> :selected").text();
            var pop = $find("mpe");
            var scrX = screen.width;
            var scrY = screen.height
            if (pop != null) {
                pop.set_X(scrX * 0.7);
                pop.set_Y(scrY * 0.4);
            }
            if (text == "move") {               
                if (pop != null) {
                    pop.set_X(scrX * 0.35);
                    pop.set_Y(scrY * 0.1);
                }
            }        
        }    
    </script>
   <asp:Button ID="Button8" runat="server" Height="34px" Width="48px" OnClientClick="setPopup()" />
    <asp:UpdatePanel ID="UpdatePanel1" runat="server">
            <ContentTemplate>
                <asp:DropDownList ID="DropDownList5" runat="server" AutoPostBack="True" onchange="changeCursor()">
                    <asp:ListItem Text="Please Select"></asp:ListItem>
                    <asp:ListItem Text="move"></asp:ListItem>
                </asp:DropDownList>
            </ContentTemplate>
        </asp:UpdatePanel>
    <ajaxToolkit:ModalPopupExtender ID="mpe" runat="server"
        TargetControlID="Button8" PopupControlID="ModalPanel2"
        OkControlID="Button6" BackgroundCssClass="modalBackground2" ClientIDMode="Static" />
    <asp:Panel ID="ModalPanel2" runat="server" BackColor="White" BorderColor="#000099" BorderStyle="Groove" CssClass="auto-style158" BorderWidth="2px">
        <asp:Panel ID="Panel10" runat="server" ScrollBars="Vertical" Width="493px" Height="346px"></asp:Panel>
        <asp:Button ID="Button6" runat="server" Height="25px" Text="Fermer" Width="107px" /><br />
        
    </asp:Panel>
</asp:Content>

DEMO

HOUSSEM MAHJOUBI 286

the dropdownlist is inside the ModalPopupExtender and the list item that inside the dropdownlist can be anything its variable not fix this is my code :


   <ajaxToolkit:ModalPopupExtender ID="mpe" runat="server" TargetControlId="Button8" PopupControlID="ModalPanel2" OkControlID="Button6" BackgroundCssClass="modalBackground2" ClientIDMode="Static"/>
            <asp:Panel ID="ModalPanel2" runat="server" BackColor="White" BorderColor="#000099" BorderStyle="Groove" CssClass="auto-style158" BorderWidth="2px" >
                 
                     
                         
                             <asp:Label ID="Label6" runat="server" Text="Creation d'un nouvelle DEVIS CLIENT:"></asp:Label>
                         
                         </tr">
                     
                         
                             <asp:TextBox ID="TextBox3" runat="server" Width="205px"></asp:TextBox>
                             <asp:HiddenField ID="hfName" runat="server" />
                             <script type="text/javascript">

    $(function () {
        $("[id*=TextBox3]").autocomplete({
            source: function (request, response) {
                $.ajax({
                    type: "POST",
                    url: '<%=ResolveUrl("~/ArticleInvestigation.aspx/GetNames") %>',
                    data: "{ 'prefix': '" + request.term + "'}",
                    contentType: "application/json; charset=utf-8",
                    dataType: "json",
                    success: function (data) {
                        response($.map(data.d, function (item) {
                            return {
                                label: item.split('-')[0],
                                val: item.split('-')[1]
                            }
                        }))
                    },
                    error: function (response) {
                        alert(response.responseText);
                    }
                });
            },
            select: function (e, i) {

                $("[id$=hfName]").val(i.item.label);
                $.ajax({
                    type: "POST",
                    url: '<%=ResolveUrl("~/ArticleInvestigation.aspx/GetCountry") %>',
                    data: "{ 'name': '" + i.item.label + "'}",
                    contentType: "application/json; charset=utf-8",
                    dataType: "json",
                    success: function (response) {
                        $("[id*=TextBox4]").val(response.d.split('-')[0]);
                        $("[id*=TextBox6]").val(response.d.split('-')[1]);
                    },
                    error: function (response) {
                        alert(response.responseText);
                    }
                });
            },
            minLength: 0
        });
    });
</script>
              Numero  :
                             <asp:TextBox ID="TextBox4" runat="server" Width="82px"></asp:TextBox>
                             <script type="text/javascript">

    $(document).ready(function () {
       $("#<%=TextBox4.ClientID %>").autocomplete({
            
           source: function (request, response) {
              
               $("#<%=TextBox9.ClientID %>").attr('style', request.term == "9999" ? 'display:block;' : 'display:none;');
               $("#<%=Label20.ClientID %>").attr('style', request.term == "9999" ? 'display:normal;' : 'display:none;');
             
                   $.ajax({
                    type: "POST",
                    url: '<%=ResolveUrl("~/ArticleInvestigation.aspx/GetNames2") %>',
                    data: "{ 'prefix': '" + request.term + "'}",
                    contentType: "application/json; charset=utf-8",
                    dataType: "json",
                    success: function (data) {
  
                       
                        response($.map(data.d, function (item) {
                            return {
                                
                                label: item.split('-')[0],
                                val: item.split('-')[1]
                            }
                        }))
                                



                    },
                    error: function (response) {
                        alert(response.responseText);
                    }
                });
             
            },
          
            select: function (e, i) {
               
                $("[id$=hfName]").val(i.item.label);
                $.ajax({
                    type: "POST",
                    url: '<%=ResolveUrl("~/ArticleInvestigation.aspx/GetCountry2") %>',
                    data: "{ 'name': '" + i.item.label + "'}",
                    contentType: "application/json; charset=utf-8",
                    dataType: "json",
                    success: function (response) {

                        $('TextBox9').attr('style', request.term == "9999" ? 'display:block;' : 'display:none;');
                        $('#Label20').attr('style', request.term == "9999" ? 'display:normal;' : 'display:none;');

                        $("[id*=TextBox3]").val(response.d.split('-')[0]);
                        $("[id*=TextBox6]").val(response.d.split('-')[1]);
                

                    },
                    error: function (response) {
                        alert(response.responseText);
                    }
                });
              
           },
              select: function (e, i) {                                  
                          $("#<%=TextBox9.ClientID %>").attr('style', i.item.value == "9999" ? 'display:block;' : 'display:none;');
                          $("#<%=Label20.ClientID %>").attr('style', i.item.value == "9999" ? 'display:normal;' : 'display:none;');
            },
            minLength: 0
        });
    });
</script>
                                 <asp:Button ID="Button9" runat="server" OnClientClick="this.disabled='True';this.value='Patientez...';" Text="Creation" UseSubmitBehavior="False" />
                             <asp:Label ID="Label19" runat="server" ForeColor="Red"></asp:Label>
                         
                     
                     
                         
                             <asp:TextBox ID="TextBox6" runat="server" Width="205px"></asp:TextBox>
                             
                             <asp:Label ID="Label20" runat="server" Text="Client divers:" style="display:none;"></asp:Label>
                             <asp:TextBox ID="TextBox9" runat="server" Width="135px" style="display:none;"></asp:TextBox>
                             <asp:Label ID="Label23" runat="server" Text="Machine:"></asp:Label>
                             <asp:TextBox ID="TextBox10" runat="server" Width="186px"></asp:TextBox>
                           
                             <script type="text/javascript">

    $(function () {
        $("[id*=TextBox6]").autocomplete({
            source: function (request, response) {
                $.ajax({
                    type: "POST",
                    url: '<%=ResolveUrl("~/ArticleInvestigation.aspx/GetNames3") %>',
                    data: "{ 'prefix': '" + request.term + "'}",
                    contentType: "application/json; charset=utf-8",
                    dataType: "json",
                    success: function (data) {
                        response($.map(data.d, function (item) {
                            return {
                                label: item.split('-')[0],
                                val: item.split('-')[1]
                            }
                        }))
                    },
                    error: function (response) {
                        alert(response.responseText);
                    }
                });
            },
            select: function (e, i) {
                $("[id$=hfName]").val(i.item.label);
                $.ajax({
                    type: "POST",
                    url: '<%=ResolveUrl("~/ArticleInvestigation.aspx/GetCountry3") %>',
                    data: "{ 'name': '" + i.item.label + "'}",
                    contentType: "application/json; charset=utf-8",
                    dataType: "json",
                    success: function (response) {
                        $("[id*=TextBox3]").val(response.d.split('-')[0]);
                        $("[id*=TextBox4]").val(response.d.split('-')[1]);
                    },
                    error: function (response) {
                        alert(response.responseText);
                    }
                });
            },
            minLength: 0
        });
    });
</script>
                          
                     
                     
                         
                             <asp:Label ID="Label7" runat="server" Text=""></asp:Label>
                             
                                                     Client :
                             <asp:Label ID="Label14" runat="server" Text=""></asp:Label>
                             
                         
                     
                   
                     

<
</
      <asp:Panel ID="Panel10" runat="server" Height="258px" ScrollBars="Vertical" Width="469px">
                                 <asp:GridView ID="GridView13" runat="server" AutoGenerateColumns="False" BackColor="White" BorderColor="#999999" BorderStyle="Solid" BorderWidth="1px" CellPadding="3" ForeColor="Black" GridLines="Vertical" Height="256px" OnRowDataBound="OnRowDataBound" Width="456px">
  <AlternatingRowStyle BackColor="#CCCCCC" />
   <Columns>
 <asp:BoundField DataField="N_Devis" HeaderText="N_Devis" />
 <asp:BoundField DataField="Num_Client" HeaderText="Num_Client" />
 <asp:BoundField DataField="Article" HeaderText="Article" />
 <asp:BoundField DataField="Description" HeaderText="Description" />
 <asp:TemplateField ControlStyle-Width="30px" HeaderText="Qte">
      <ItemTemplate>
 <asp:TextBox ID="TextBox7" runat="server" Text='<%# Eval("Qte") %>'></asp:TextBox>
       </ItemTemplate>
    </asp:TemplateField>
 <asp:ButtonField ButtonType="Button" CommandName="Select" HeaderText="Supp" ShowHeader="True" Text="-" />
           </Columns>
   <FooterStyle BackColor="#CCCCCC" />
 <HeaderStyle BackColor="Black" Font-Bold="True" ForeColor="White" />
 <PagerStyle BackColor="#999999" ForeColor="Black" HorizontalAlign="Center" />
  <SelectedRowStyle BackColor="#000099" Font-Bold="True" ForeColor="White" />
  <SortedAscendingCellStyle BackColor="#F1F1F1" />
  <SortedAscendingHeaderStyle BackColor="#808080" />
   <SortedDescendingCellStyle BackColor="#CAC9C9" />
    <SortedDescendingHeaderStyle BackColor="#383838" />
            </asp:GridView>
            </asp:Panel>
            
            
            
            
   <asp:Button ID="Button6" runat="server" Height="25px" Text="Fermer" Width="107px" />
   <asp:Button ID="Button10" runat="server" Height="25px" OnClientClick="this.disabled='True';this.value='Patientez...';" Text="Valider" UseSubmitBehavior="False" Width="107px" />
  <asp:Button ID="Button11" runat="server" Height="25px" OnClientClick="this.disabled='True';this.value='Patientez...';" Text="Supprimer" UseSubmitBehavior="False" Width="107px" />
                         
                     
         
    </asp:Panel>

HOUSSEM MAHJOUBI 286 Reputation points

2023-02-24T16:01:52.3766667+00:00

i think the problem is in this command in vb.net:

mpe.show

after open the dropdownlist and choose the item

i added a code inside DropDownList5_SelectedIndexChanged

after finishing anything i add mpe.show

to the modalpopup

and that command has no attribute using the javascript function

i think this is the problem

please help

Share via

how i set the position of modalpopupextender to much any screen size?

0 additional answers

Your answer