Zmiana rozmiaru komórek w tabeli

Zmiana rozmiaru komórek w tabeli

bok Zobacz profil	25.05.2008, 11:18:27 Post #1
Grupa: Zarejestrowani Postów: 52 Pomógł: 0 Dołączył: 8.05.2005 Ostrzeżenie: (0%)	Witam, Mam taki problem: Mam taką tabelę: [HTML] pobierz, plaintext <table border="0" width="100%" cellspacing="0" cellpadding="0"> <tr> <td width="30%"> </td> <td width="40%"> </td> <td width="30%"> </td> </tr> </table> [HTML] pobierz, plaintext która jest podzielona na 3 kolumny: 1 ma szerokość 30% 2 ma szerokość 40% 3 ma szerokość 30% Problem polega na tym że jak można zrobić coś takiego że: Klikam na jakiś klawisz a komórki w tej tabeli zmienią rozmiar na: 1 będzie miał szerokość 50% 2 będzie miał szerokość 10% 3 będzie miał szerokość 40% Jak można coś takiego zrobić bez odświeżania strony. Za jakiekolwiek pomoc/podpowiedź wielkie dzięki z góry.

Odpowiedzi

l0ud Zobacz profil	25.05.2008, 11:25:51 Post #2
Grupa: Zarejestrowani Postów: 1 387 Pomógł: 273 Dołączył: 18.02.2008 Ostrzeżenie: (0%)	Użyj javascriptu na ten wzór: [HTML] pobierz, plaintext <html> <head> <script type="text/javascript"> <!-- function zmienSzerokosc() { document.getElementById('col1').style.width = '50%'; document.getElementById('col2').style.width = '10%'; document.getElementById('col3').style.width = '40%'; } --> </script> </head> <body> <table border="0" width="100%" cellspacing="0" cellpadding="0"> <tr> <td width="30%" id="col1">Kolumna 1</td> <td width="40%" id="col2">Kolumna 2</td> <td width="30%" id="col3">Kolumna 3</td> </tr> </table> <input type="button" onClick="zmienSzerokosc()" value="Zmien szerokosc kolumn"> </body> </html> [HTML] pobierz, plaintext

Posty w temacie

bok Zmiana rozmiaru komórek w tabeli 25.05.2008, 11:18:27

l0ud Użyj javascriptu na ten wzór: [HTML] pobierz, pla... 25.05.2008, 11:25:51

koderrr zmieniaj style za pomoca javascriptu ostatnio rob... 25.05.2008, 11:39:54

bok Wielki dzięki l0ud dokładnie o to mi chodziło. Mam... 25.05.2008, 11:54:47

l0ud do przycisku możesz przypisać tylko jedną funkcję.... 25.05.2008, 12:10:04

2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)

0 Zarejestrowanych:

Tryb wyświetlania: Przełącz na: Standardowy · Przełącz na: Linearny+ · Drzewo

Aktualny czas: 5.10.2025 - 15:17

Hosting zapewnia