Új hozzászólás Aktív témák

• #2146 Boolash aktív tag

  Új Válasz 2011-05-10 14:26:07 #2146

  Új hozzászólás

  Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

  Privát üzenet küldése

  

  Boolash

  aktív tag

  Sziasztok,
  Van egy kis problémám, remélem tudtok segíteni.
  Csináltam egy egyszerű formot asp .net-ben, melyben van egy gomb, mellyel egy újabb textbox jelenik meg, tehát egy újabb bevitel lehetséges. IE alatt jól megy, viszont firefox alatt szétcsúszik a táblázatom... Konkrétan a táblázat szélessége megnő, illetve a benne lévő oszlopok szélessége is megváltozik (pedig css-ben rögzítve vannak)

  aspx:

  <asp:Table ID="Table1" runat="server" align="center" style="width: 60%;"
  CellPadding="0" CellSpacing="0" BackColor="#DEDFDE" >
  <asp:TableRow>
  <asp:TableCell CssClass="style5">
  Language
  </asp:TableCell>
  <asp:TableCell CssClass="style2">
  <asp:TextBox ID="TextBox9" runat="server"></asp:TextBox>
  </asp:TableCell>
  </asp:TableRow>
  <asp:TableRow>
  <asp:TableCell CssClass="style5">
  Level:
  </asp:TableCell>
  <asp:TableCell CssClass="style2">
  <asp:DropDownList ID="DropDownList1" runat="server"></asp:DropDownList>
  </asp:TableCell>
  </asp:TableRow>
  <asp:TableRow>
  <asp:TableCell CssClass="style5" ColumnSpan="2" ForeColor="#FFFF66">
  
  <input type="button" onclick="megjelenc1();" value="Add one more" />
  
  </asp:TableCell>
  </asp:TableRow>
  <asp:TableRow ID="Lang2_1" style="display: none;" >
  <asp:TableCell CssClass="style5">
  Language
  </asp:TableCell>
  <asp:TableCell CssClass="style2">
  <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
  </asp:TableCell>
  </asp:TableRow>
  <asp:TableRow ID="Lang2_2" style="display: none;">
  <asp:TableCell CssClass="style5">
  Level:
  </asp:TableCell>
  <asp:TableCell CssClass="style2">
  <asp:DropDownList ID="DropDownList2" runat="server"></asp:DropDownList>
  </asp:TableCell>
  </asp:TableRow>
  </asp:Table>

  A hozzá tartozó JS kód, szintén az .aspx -ben:

  <script language="javascript" type="text/javascript">
  
  
  
  function megjelenc1() {
  if (document.getElementById("<%=Lang2_1.ClientID%>").style.display == 'none') {
  document.getElementById("<%=Lang2_1.ClientID%>").style.display = 'inherit';
  document.getElementById("<%=Lang2_2.ClientID%>").style.display = 'inherit';
  } else {
  document.getElementById("<%=Lang2_1.ClientID%>").style.display = 'none';
  document.getElementById("<%=Lang2_2.ClientID%>").style.display = 'none';
  }
  
  }

  Code behindból is meg lehet oldani a megjelenítés / eltüntetést, viszont ott problémáim voltak a validáláskor, ezért döntöttem a JS mellett.
  Köszi előre is!

Új hozzászólás Aktív témák