Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [js] problem z js dynamiczne tabele
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
web.admin.pl
20.09.2007, 06:00:50
Witam... próbuje stworzyć stronę w ktorej będą występowały dynamiczne elementy... znam (wg mnie) dobrze html i podstawy php ale do tego potrzeba mi js... dlatego od 3 dni zgłębiam jego działanie smile.gif
za cel postawiłem sobie stworzyć kilka tabelek np. 5 z czego tylko jedna jest widoczna
to udało mi się zrobic za pomocą css ktory dla tabeli o ID=1 wstawił display:block a dla tabeli o ID=2,3,4,5 display:none.

pod widoczną tabelką wzucilem linki: wstecz i dalej... chcialem by w zaleznosci od tego na ktory link nacisnę na stronie pojawiała się kolejna tabelka lub poprzednia... (cos w stylu podpowiedzi i sztuczki w wielu programach [ dalej kolejna podpowiedz, wstecz wczesniejsza podpowiedz). Mam nadzieje ze łapiecie smile.gif Chcialem zrobić to w js. Czyli ze jest wyswietlona tabelka o ID=1. Naciskam Dalej i tabelka o ID=1 znika (display = 'none') a tabela o ID=2 pojawia się (display = 'block')

Niestety tu pojawił się schodek (czyt. poległem przy pierwszym swoim celu)

Prosze o pomoc w tym jak podejrzewam banalnym zadanku.
Moze byl juz kiedys taki temat (choc z tego co szukam nie moge znalesc).
Za każdą odpowiedź z góry serdecznie dziękuje smile.gif

czy napisałem temat niezrozumiale?
fan_pascala
20.09.2007, 20:11:02
Na przykład tak (powinno działać także z wyłączonym Jscript):

[PHP] pobierz, plaintext 
  1. <?
  2. if (isset($_GET['id'])) 
  3.   $aktywna = $_GET['id'];
  4. else
  5.   $aktywna = 1; 
  6. $tabelka = array();
  7.  
  8. // miejsce na definiowanie kolejnych tabelek
  9. // dla zaprezentowania dzialania skryptu generuje dziesiec podobnych tabelek
  10. for ($i=1; $i<=20; $i++)
  11. {
  12.   $tabelka[$i] =
  13.   "
  14. 	<table width=\"100%\" height=100px bgcolor=\"lightgreen\">
  15. 	<tr>
  16. 	<td>
  17. 	  Tableka numer $i
  18. 	</td>
  19. 	</tr>
  20. 	</table>"
  21.   ;
  22.   $tabelka[$i] = preg_replace("/([^\nr]*)[\nr]/s","$1",$tabelka[$i]);
  23.   // Wyrazenie usuwajce znaki nowej linii ze stringa, tak aby dalo sie to przypisac 
    do zmiennej JS
  24. }
  25.  
  26. $n = count($tabelka);
  27. $poprzednia = $aktywna -1;
  28. $nastepna = $aktywna + 1;  
  29. if ($poprzednia<1) $poprzednia = 1;
  30. if ($nastepna>$n) $nastepna = $n;
  31. ?>
  32. <html>
  33. <script>
  34.   var aktywna = <?echo "$aktywna\n";?>
  35.   var tabelka = Array()
  36.   <?
  37. 	for ($i=1;$i<=$n;$i++)
  38. 	{
  39. 	  $tab = $tabelka[$i];
  40. 	  echo "tabelka[$i] = '$tab'\n";
  41. 	}
  42. 	echo "var tabelek = $n\n";
  43.   ?>
  44.  
  45.   function getTable(i)
  46.   {
  47. 	if (i>0&&i<=<?echo $n;?>) aktywna = i
  48. 	document.getElementById('tabelka').innerHTML = tabelka[aktywna]
  49. 	return false
  50.   }
  51.  
  52. </script>
  53. <body>
  54.   <div id='tabelka'>
  55. 	<?echo $tabelka[$aktywna];?>
  56.   </div>
  57.   <a href="<?echo "?id=$poprzednia"?>"
  58.   onclick="return getTable(aktywna-1)">Poprzednia</a>
  59.   <a href="<?echo "?id=$nastepna"?>"
  60.   onclick="return getTable(aktywna+1)">Nastepna</a>
  61. </body>
  62. </html>
  63. </html>
[PHP] pobierz, plaintext
web.admin.pl
21.09.2007, 06:55:52
Dzięki szefie smile.gif jesteś wielki... wczoraj powolutku sobie wszystko rozmyślałem i doszedłem do właśnie takiego wniosku smile.gif jeszcze raz "JESTEŚ WIELKI" smile.gif dzięki

Pozdrowienia
web.admin.pl
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.
Invision Power Board © 2001-2025 Invision Power Services, Inc.