TCS54321 Ответов: 1

Onkeypress javascript не работает в панели вкладок

у меня есть texbox внутри панели вкладок, и я хочу подсчитать вводимые символы в textbox onkeypress. но javascript не работает, когда текстовое поле находится внутри панели вкладок.

Что я уже пробовал:

вот мой код:

  <script type="text/javascript">
function countChars(countfrom,displayto) {
  var len = document.getElementById(countfrom).value.length;
  document.getElementById(displayto).innerHTML = len;
}
    </script>


<ajax:TabContainer ID="TabContainer1" runat="server" CssClass="ajax__tab_red-theme"
                   Width="100%" ActiveTabIndex="0">
                   <ajax:TabPanel ID="tbpnlPhotos" runat="server">
                       <HeaderTemplate>
                            Student
                       </HeaderTemplate>
                       <ContentTemplate>

  <table width="100%">
                            <tr>
                       <td align="right" style="font-size: small">
                           <span id="charcount" style="color:red">0</span> characters entered.
                       </td>
                       </tr>
                           <tr>
                           <td align="center">
                             <asp:TextBox ID="txtMessage" onkeyup="countChars('txtMessage','charcount');" onkeydown="countChars('txtMessage','charcount');"
                               onmouseout="countChars('txtMessage','charcount');" runat="server" Width="95%"
                               placeholder="Message........" TextMode="MultiLine" Height="220px" MaxLength="2"
                               BorderColor="Blue"></asp:TextBox>
                           </td>
                           </tr>
                           </table>

                           <br />
                           <br />
                       </ContentTemplate>
                   </ajax:TabPanel>
  </ajax:TabContainer>

Karthik_Mahalingam

вы получаете какую-либо ошибку в окне консоли?

TCS54321

нет.. если я вставляю текстовое поле снаружи TabContainer, то оно работает нормально, но не внутри.

Karthik_Mahalingam

проверьте решение.

TCS54321

это работает. спасибо, Картик.

Karthik_Mahalingam

добро пожаловать.

1 Ответов

Рейтинг:
8

Karthik_Mahalingam

пробовать

<span id="charcount" style="color:red">0</span> characters entered.
      <asp:TextBox ID="txtMessage" onkeyup="countChars();" onkeydown="countChars();"
                             onmouseout="countChars();" runat="server" Width="95%"
                             placeholder="Message........" TextMode="MultiLine" Height="220px" MaxLength="2"
                             BorderColor="Blue"></asp:TextBox>



function countChars() {
          var textBoxClientID = '<%= txtMessage.ClientID%>'
          var len = document.getElementById(textBoxClientID).value.length;
          document.getElementById('charcount').innerHTML = len;
      }