Skocz do zawartości

Javascript + tabela HTML


damian4291

Recommended Posts

Więc tak, mam sobie taką tabelkę:

fb2865c830f2acaeed0a7d7cd68ff36f_Capture.PNG

Chciał bym w nią wkomponować skrypt za którego pomocą po wciśnięciu przycisku INFO wysunie/schowa się dodatkowe pole do wypełnienia ( tak jak na pozycji 3 ).

Kod tabelki:

<table width="0.01" class="forumline">
 <tbody>
  <tr>
   <td width="1%" align="center" class="windowbg"><b>#</b></td>
   <td width="1%" align="center" class="windowbg"><b>Typ</b></td>
   <td width="15%" align="center" class="windowbg"><b>GameTracker Link</b></td>
   <td width="15%" align="center" class="windowbg"><b>IP</b></td>
   <td width="5%" align="center" class="windowbg"><b>Mod</b></td>
   <td width="5%" align="center" class="windowbg"><b>Platforma</b></td>
   <td width="5%" align="center" class="windowbg"><b>Sloty</b></td>
   <td width="5%" align="center" class="windowbg"><b>Połącz</b></td>
   <td width="5%" align="center" class="windowbg"><b>Map Pack</b></td>
   <td width="5%" align="center" class="windowbg"><b>Informacje</b></td>
  </tr>
  <tr>
   <td align="center" class="windowbg2"><b>1</b></td>
   <td align="center" class="windowbg2"><img alt="" src="http://becometa.pl/rc4/Themes/default/icons/cstrike.gif" title="Counter-Strike" /></td>
   <td align="center" class="windowbg2"><b><a rel="nofollow" href="steam://connect/IP_SERWERA">PlayGround [ FFA ]</a></b></td>
   <td align="center" class="windowbg2"><b>100.100.100.100:27015</b></td>
   <td align="center" class="windowbg2"><b>FreeForAll</b></td>
   <td align="center" class="windowbg2"><b>STEAM</b></td>
   <td align="center" class="windowbg2"><b>0 / 23</b></td>
   <td align="center" class="windowbg2"><a href="steam://connect/IP_SERWERA" rel="nofollow"><img border="0" alt="" src="http://becometa.pl/rc4/Themes/default/images/steam.png" /></a></td>
   <td align="center" class="windowbg2"><img alt="" src="http://becometa.pl/rc4/Themes/default/icons/pobierz.png" /></td>
   <td align="center" class="windowbg2"><img alt="" src="http://becometa.pl/rc4/Themes/default/icons/info.png" /></td>
  </tr>
  <tr>
   <td align="center" class="windowbg2"><b>2</b></td>
   <td align="center" class="windowbg2"><img alt="" src="http://becometa.pl/rc4/Themes/default/icons/cstrike.gif" /></td>
   <td align="center" class="windowbg2"><b><a rel="nofollow" href="steam://connect/IP_SERWERA">PlayGround [ TP ]</a></b></td>
   <td align="center" class="windowbg2"><b>100.100.100.100:27015</b></td>
   <td align="center" class="windowbg2"><b>TeamPlay</b></td>
   <td align="center" class="windowbg2"><b>STEAM</b></td>
   <td align="center" class="windowbg2"><b>0 / 21</b></td>
   <td align="center" class="windowbg2"><a href="steam://connect/IP_SERWERA" rel="nofollow"><img border="0" alt="" src="http://becometa.pl/rc4/Themes/default/images/steam.png" /></a></td>
   <td align="center" class="windowbg2"><img alt="" src="http://becometa.pl/rc4/Themes/default/icons/pobierz.png" /></td>
   <td align="center" class="windowbg2"><img alt="" src="http://becometa.pl/rc4/Themes/default/icons/info.png" /></td>
  </tr>
  <tr>
   <td align="center" class="windowbg2"><b>3</b></td>
   <td align="center" class="windowbg2"><img alt="" src="http://becometa.pl/rc4/Themes/default/icons/cstrike.gif" /></td>
   <td align="center" class="windowbg2"><b><a rel="nofollow" href="steam://connect/IP_SERWERA">PlayGround [ GG ]</a></b></td>
   <td align="center" class="windowbg2"><b>100.100.100.100:27015</b></td>
   <td align="center" class="windowbg2"><b>GunGame</b></td>
   <td align="center" class="windowbg2"><b>STEAM</b></td>
   <td align="center" class="windowbg2"><b>0 / 21</b></td>
   <td align="center" class="windowbg2"><a href="steam://connect/IP_SERWERA" rel="nofollow"><img border="0" alt="" src="http://becometa.pl/rc4/Themes/default/images/steam.png" /></a></td>
   <td align="center" class="windowbg2"><img alt="" src="http://becometa.pl/rc4/Themes/default/icons/pobierz.png" /></td>
   <td align="center" class="windowbg2"><img alt="" src="http://becometa.pl/rc4/Themes/default/icons/info.png" /></td>
  </tr>
  <tr>
   <td class="windowbg" colspan="10">adasdasdas</td>
  </tr>
  <tr>
   <td align="center" class="windowbg2"><b>4</b></td>
   <td align="center" class="windowbg2"><img alt="" src="http://becometa.pl/rc4/Themes/default/icons/cstrike.gif" /></td>
   <td align="center" class="windowbg2"><b><a rel="nofollow" href="steam://connect/IP_SERWERA">PlayGround [ KZ/BHOP ]</a></b></td>
   <td align="center" class="windowbg2"><b>100.100.100.100:27015</b></td>
   <td align="center" class="windowbg2"><b>Kz/Bhop</b></td>
   <td align="center" class="windowbg2"><b>STEAM</b></td>
   <td align="center" class="windowbg2"><b>0 / 19</b></td>
   <td align="center" class="windowbg2"><a href="steam://connect/IP_SERWERA" rel="nofollow"><img border="0" alt="" src="http://becometa.pl/rc4/Themes/default/images/steam.png" /></a></td>
   <td align="center" class="windowbg2"><img alt="" src="http://becometa.pl/rc4/Themes/default/icons/pobierz.png" /></td>
   <td align="center" class="windowbg2"><img alt="" src="http://becometa.pl/rc4/Themes/default/icons/info.png" /></td>
  </tr>
  <tr>
   <td align="center" class="windowbg2"><b>5</b></td>
   <td align="center" class="windowbg2"><img alt="" src="http://becometa.pl/rc4/Themes/default/icons/cstrike.gif" /></td>
   <td align="center" class="windowbg2"><b><a rel="nofollow" href="steam://connect/IP_SERWERA">PlayGround [ DM ]</a></b></td>
   <td align="center" class="windowbg2"><b>100.100.100.100:27015</b></td>
   <td align="center" class="windowbg2"><b>DeathMatch</b></td>
   <td align="center" class="windowbg2"><b>STEAM</b></td>
   <td align="center" class="windowbg2"><b>0 / 21</b></td>
   <td align="center" class="windowbg2"><a href="steam://connect/IP_SERWERA" rel="nofollow"><img border="0" alt="" src="http://becometa.pl/rc4/Themes/default/images/steam.png" /></a></td>
   <td align="center" class="windowbg2"><img alt="" src="http://becometa.pl/rc4/Themes/default/icons/pobierz.png" /></td>
   <td align="center" class="windowbg2"><img alt="" src="http://becometa.pl/rc4/Themes/default/icons/info.png" /></td>
  </tr>
  <tr>
   <td align="center" class="windowbg2"><b>6</b></td>
   <td align="center" class="windowbg2"><img alt="" src="http://becometa.pl/rc4/Themes/default/icons/cstrike.gif" /></td>
   <td align="center" class="windowbg2"><b><a rel="nofollow" href="steam://connect/IP_SERWERA">PlayGround [ DIABLO ]</a></b></td>
   <td align="center" class="windowbg2"><b>100.100.100.100:27015</b></td>
   <td align="center" class="windowbg2"><span style="font-weight: bold;">DiabloMo</span>d</td>
   <td align="center" class="windowbg2"><b>STEAM</b></td>
   <td align="center" class="windowbg2"><b>0 / 23</b></td>
   <td align="center" class="windowbg2"><a href="steam://connect/IP_SERWERA" rel="nofollow"><img border="0" alt="" src="http://becometa.pl/rc4/Themes/default/images/steam.png" /></a></td>
   <td align="center" class="windowbg2"><img alt="" src="http://becometa.pl/rc4/Themes/default/icons/pobierz.png" /></td>
   <td align="center" class="windowbg2"><img alt="" src="http://becometa.pl/rc4/Themes/default/icons/info.png" /></td>
  </tr>
  <tr>
   <td align="center" class="windowbg2"><b>7</b></td>
   <td align="center" class="windowbg2"><img alt="" src="http://becometa.pl/rc4/Themes/default/icons/cstrike.gif" /></td>
   <td align="center" class="windowbg2"><b><a rel="nofollow" href="steam://connect/IP_SERWERA">PlayGround [ ZM ]</a></b></td>
   <td align="center" class="windowbg2"><b>100.100.100.100:27015</b></td>
   <td align="center" class="windowbg2"><b>ZombieMod</b></td>
   <td align="center" class="windowbg2"><b>STEAM</b></td>
   <td align="center" class="windowbg2"><b>0 / 23</b></td>
   <td align="center" class="windowbg2"><a href="steam://connect/IP_SERWERA" rel="nofollow"><img border="0" alt="" src="http://becometa.pl/rc4/Themes/default/images/steam.png" /></a></td>
   <td align="center" class="windowbg2"><img alt="" src="http://becometa.pl/rc4/Themes/default/icons/pobierz.png" /></td>
   <td align="center" class="windowbg2"><img alt="" src="http://becometa.pl/rc4/Themes/default/icons/info.png" /></td>
  </tr>
  <tr>
   <td align="center" class="windowbg2"><b>8</b></td>
   <td align="center" class="windowbg2"><img alt="" src="http://becometa.pl/rc4/Themes/default/icons/cstrike.gif" /></td>
   <td align="center" class="windowbg2"><b><a rel="nofollow" href="steam://connect/IP_SERWERA">PlayGround [ HNS ]</a></b></td>
   <td align="center" class="windowbg2"><b>100.100.100.100:27015</b></td>
   <td align="center" class="windowbg2"><b>HidenSeek<br />
   </b></td>
   <td align="center" class="windowbg2"><b>STEAM</b></td>
   <td align="center" class="windowbg2"><b>0 / 21</b></td>
   <td align="center" class="windowbg2"><a href="steam://connect/IP_SERWERA" rel="nofollow"><img border="0" alt="" src="http://becometa.pl/rc4/Themes/default/images/steam.png" /></a></td>
   <td align="center" class="windowbg2"><img alt="" src="http://becometa.pl/rc4/Themes/default/icons/pobierz.png" /></td>
   <td align="center" class="windowbg2"><img alt="" src="http://becometa.pl/rc4/Themes/default/icons/info.png" /></td>
  </tr>
 </tbody>
</table>

Jakieś propozycje :)?

Link do komentarza
Udostępnij na innych stronach

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Gość
Odpowiedz...

×   Wkleiłeś treść z formatowaniem.   Usuń formatowanie

  Only 75 emoji are allowed.

×   Twój link będzie automatycznie osadzony.   Wyświetlać jako link

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Wczytywanie...
×
×
  • Utwórz nowe...