Попытка заполнить данные POST в лайтбокс - PullRequest
Новая
       9

Попытка заполнить данные POST в лайтбокс

1 голос
/ 29 сентября 2011

У меня есть форма на главной странице, и я отправляю данные с помощью POST на другую страницу. 

<form id="Form2" action="index.aspx" method="post" name="Form2">
          <asp:ContentPlaceHolder ID="form_right_top" runat="server">


        </asp:ContentPlaceHolder>
<div id="page_form">
    <!-- sample error here -->
    <div style="color: red; font-size: 11px; margin-left: 110px; clear: both; padding-top: 6px;">
    </div>
    <!-- end sample error -->
    <div style="float: left; position: relative; width: 110px; height: 30px;">
        First Name*</div>
    <div style="float: left; position: relative; width: 148px; height: 30px;">
        <input type="text" tabindex="100" id="FIRST_NAME" maxlength="14" name="FIRST_NAME">
    </div>
    <div style="color: red; font-size: 11px; margin-left: 110px; clear: both; padding-top: 6px;">
    </div>
    <div style="float: left; position: relative; width: 110px; height: 30px;">
        Last Name*</div>
    <div style="float: left; position: relative; width: 148px; height: 30px;">
        <input type="text" tabindex="101" id="LAST_NAME" maxlength="14" name="LAST_NAME">
    </div>
    <div style="color: red; font-size: 11px; margin-left: 110px; clear: both; padding-top: 6px;">
    </div>
    <div style="float: left; position: relative; width: 110px; height: 30px;">
        Billing Address*</div>
    <div style="float: left; position: relative; width: 148px; height: 30px;">
        <input type="text" tabindex="102" id="ADDRESS" maxlength="30" name="ADDRESS"></div>

    <div style="color: red; font-size: 11px; margin-left: 110px; clear: both; padding-top: 6px;">
    </div>
    <div style="float: left; position: relative; width: 110px; height: 30px;">
        City*</div>
    <div style="float: left; position: relative; width: 148px; height: 30px;">
        <input type="text" tabindex="104" id="CITY" maxlength="18" name="CITY"></div>
    <div style="color: red; font-size: 11px; margin-left: 110px; clear: both; padding-top: 6px;">
    </div>
    <div style="float: left; position: relative; width: 110px; height: 30px;">
        State*
    </div>
    <div style="float: left; position: relative; width: 148px; height: 30px;">
        <select style="width: 145px;" size="1" tabindex="105" id='STATE' name='STATE' >
            <option value="AK">AK</option>
            <option value="AL">AL</option>
            <option value="AR">AR</option>
            <option value="AZ">AZ</option>
            <option value="CA">CA</option>
            <option value="CO">CO</option>
            <option value="CT">CT</option>
            <option value="DE">DE</option>
            <option value="DC">DC</option>
            <option value="FL">FL</option>
            <option value="GA">GA</option>
            <option value="HI">HI</option>
            <option value="IA">IA</option>
            <option value="ID">ID</option>
            <option value="IL">IL</option>
            <option value="IN">IN</option>
            <option value="KS">KS</option>
            <option value="KY">KY</option>
            <option value="LA">LA</option>
            <option value="MA">MA</option>
            <option value="MD">MD</option>
            <option value="ME">ME</option>
            <option value="MI">MI</option>
            <option value="MN">MN</option>
            <option value="MO">MO</option>
            <option value="MS">MS</option>
            <option value="MT">MT</option>
            <option value="NC">NC</option>
            <option value="ND">ND</option>
            <option value="NE">NE</option>
            <option value="NH">NH</option>
            <option value="NJ">NJ</option>
            <option value="NM">NM</option>
            <option value="NV">NV</option>
            <option value="NY">NY</option>
            <option value="OH">OH</option>
            <option value="OK">OK</option>
            <option value="OR">OR</option>
            <option value="PA">PA</option>
            <option value="RI">RI</option>
            <option value="SC">SC</option>
            <option value="SD">SD</option>
            <option value="TN">TN</option>
            <option value="TX">TX</option>
            <option value="UT">UT</option>
            <option value="VA">VA</option>
            <option value="VT">VT</option>
            <option value="WA">WA</option>
            <option value="WI">WI</option>
            <option value="WV">WV</option>
            <option value="WY">WY</option>
        </select>
    </div>
    <div style="color: red; font-size: 11px; margin-left: 110px; clear: both; padding-top: 6px;">
    </div>
    <div style="float: left; position: relative; width: 110px; height: 30px;">
        Zip Code*</div>
    <div style="float: left; position: relative; width: 148px; height: 30px;">
        <input type="text" tabindex="106" id="POSTAL_CODE" name="POSTAL_CODE"></div>
    <div style="color: red; font-size: 11px; margin-left: 110px; clear: both; padding-top: 6px;">
    </div>
    <div style="float: left; position: relative; width: 110px; height: 30px;">
        Phone*</div>
    <div style="float: left; position: relative; width: 148px; height: 30px;">
        <input type="text" tabindex="107" id="Form1_TextBoxPhone" maxlength="15" name="Form1$TextBoxPhone"></div>
    <div style="color: red; font-size: 11px; margin-left: 110px; clear: both; padding-top: 6px;">
    </div>
    <div style="float: left; position: relative; width: 110px; height: 30px;">
        E-mail Address*</div>
    <div style="float: left; position: relative; width: 148px; height: 30px;">
        <input type="text" tabindex="110" id="EMAIL" name="EMAIL_ADDRESS"></div>
    <div style="clear: both;">
    </div>
    <div style="clear: both">
    </div>

    <div style="position: relative; width: 270px; height: 53px; text-align: center;">
     <input type="image" style="border-width: 0px;" src="images/form_ordernow_btn.jpg"
            tabindex="129" id="Form1_ImageButton1" name="Form1$ImageButton1"  >

    </div>

    <asp:ContentPlaceHolder ID="Return_shipping" runat="server">


        </asp:ContentPlaceHolder>

</div>

Когда я просто отправляю его с помощью обычной кнопки отправки, показанной в коде, данные передаются на перенаправленной странице, и я могу просматривать их на экране, используя приведенный ниже код на странице index.aspx 

    <table>
<tr>
<td><% Response.Write(Page.Request.Form["FIRST_NAME"]); %></td>
<td><% Response.Write(Page.Request.Form["LAST_NAME"]); %></td>
</tr>
</table>

Однако требуется, чтобы я отображал эту страницу в лайтбоксе, который открывается, когда я нажимаю кнопку отправки в форме. Однако, если я изменю код для отправки в форму на это: 

<a href="index.aspx?iframe=true&width=100%&height=100%" rel="prettyPhoto[iframes]" title="New form page"> <input type="image" style="border-width: 0px;" src="images/form_ordernow_btn.jpg"
            tabindex="129" id="Form1_ImageButton1" name="Form1$ImageButton1"  ></a>

Ни одно из значений Post не передается. Я не уверен, но я думаю, что лайтбокс переопределяет Post обратно, и, следовательно, я просто получаю пустую страницу, которая появляется, когда я нажимаю кнопку, но вопрос как передать эти значения POST при использовании лайтбокса

Спасибо

...