Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [js] problem z js dynamiczne tabele, Problem ze stworzeniem dynamicznej tabeli
web.admin.pl
post
Post #1





Grupa: Zarejestrowani
Postów: 14
Pomógł: 0
Dołączył: 25.07.2006

Ostrzeżenie: (0%)
-----

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 (IMG:http://forum.php.pl/style_emoticons/default/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 (IMG:http://forum.php.pl/style_emoticons/default/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 (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

czy napisałem temat niezrozumiale?
Go to the top of the page
+Quote Post
fan_pascala
post
Post #2





Grupa: Zarejestrowani
Postów: 12
Pomógł: 0
Dołączył: 23.02.2007
Skąd: Niepołomice

Ostrzeżenie: (0%)
-----

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


Ten post edytował fan_pascala 21.09.2007, 13:53:18
Go to the top of the page
+Quote Post
web.admin.pl
post
Post #3





Grupa: Zarejestrowani
Postów: 14
Pomógł: 0
Dołączył: 25.07.2006

Ostrzeżenie: (0%)
-----

Dzięki szefie (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) jesteś wielki... wczoraj powolutku sobie wszystko rozmyślałem i doszedłem do właśnie takiego wniosku (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) jeszcze raz "JESTEŚ WIELKI" (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) dzięki

Pozdrowienia
web.admin.pl
Go to the top of the page
+Quote Post
« Następny starszy · JavaScript · Następny nowszy »
 

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

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

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 23.08.2025 - 21:45
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn