Forum PHP.pl > [JavaScript][JQuery]Problem z rozciągnieciem tabeli

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [JavaScript][JQuery]Problem z rozciągnieciem tabeli

Ivanowski

30.10.2014, 21:00:34

Witam. Chciałem stworzyć taki kod w Jquery, w którym jeżeli klikniemy na przycisk to menu schowa się [ domyślnie jest ono na 20% strony] i to co pozostanie czyli tabela aby się rozciągnęła do 100% lecz nie mogę takiego czegoś uzyskać. Napisałem taki kod

Kod

$( "#hide_menu" ).click(function(){
    $( '.left' ).hide();
       //SCHOWANIE MENU
    $( '.right' ).css('margin-left', '0px');
       //ZMIENIENIE PRZYCISKÓW
    $( '#show_menu' ).show();
    $( '#hide_menu' ).hide();
});

//
// KLIKNIECIE NA show_menu
//
$( "#show_menu" ).click(function(){
    $( '.left' ).show();
       //POKAZANIE MENU
    $( '.right' ).css('margin-left', '20%');
       //ZMIENIENIE PRZYCISKÓW
    $( '#show_menu' ).hide();
    $( '#hide_menu' ).show();
});

Lecz po schowaniu menu tabela nadal jest na 80% strony i nie rozciągnęła się. Pomoże ktoś ?

luki100011

30.10.2014, 21:09:35

Możesz pokazać strukturę html-a ?

Sprawdź jak zachowa się tabela jak nadasz jej width: 100%.

Ivanowski

30.10.2014, 21:31:23

Strukture słabo bo jest ona tworzona poprzez wyciągnięcie elementów z bazy ale coś takiego:

[HTML] pobierz, plaintext 
		<table class="table">
 
<thead>
	<th></th>
	<th></th>
	<th></th>
	<th></th>
	<th></th>
	<th></th>
	<th></th>
	<th></th>
	<th></th>
	<th></th>
</thead>
 
<tbody>		
<tr>
	<td></td>
	<td></td>
	<td></td>
	<td></td>
	<td></td>
	<td></td>
	<td></td>
	<td></td>
	<td></td>
	<td></td>
</tr>
</tbody>
</table>
 
[HTML] pobierz, plaintext

Lepiej pokaże jak to wygląda

Przed nacisnieciem:

Po naciśnieciu:

I tam gdzie brakuje jak "zaktualizowac" WIDTH

luki100011

31.10.2014, 12:23:53

Coś w tym stylu:

[PHP] pobierz, plaintext 
$( 'table' ).css('width', '100%');
[PHP] pobierz, plaintext

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.