Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [css] pokazujace sie divy
skowron-line
post
Post #1





Grupa: Zarejestrowani
Postów: 4 340
Pomógł: 542
Dołączył: 15.01.2006
Skąd: Olsztyn/Warszawa

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

chcem zeby po nacisnieciu na link nie przeladowywala sie cala strona tylko zeby sie sie pokazal jakis div tzn tak mi sie wydaje ze tak sie ma to odbywac i czy moze mi ktos podeslac link ze skryptem.

p.s mam nadzieje ze w miare jasno sie wyslowilem z gory dziekuje i pozdrawiam
Go to the top of the page
+Quote Post
TomASS
post
Post #2





Grupa: Zarejestrowani
Postów: 1 660
Pomógł: 13
Dołączył: 9.06.2004
Skąd: Wrocław i okolice

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

A co chesz mieć w tym DIVie? Dynamiczną zawartość (np. dane z bazy danych) czy statyczną - zawsze to samo?

Jeśli dynamiczną to użyj AJAXa
A jeśli statyczną to tutaj masz przykładzik i zobacz do źródła

Ten post edytował TomASS 15.08.2006, 21:27:48
Go to the top of the page
+Quote Post
skowron-line
post
Post #3





Grupa: Zarejestrowani
Postów: 4 340
Pomógł: 542
Dołączył: 15.01.2006
Skąd: Olsztyn/Warszawa

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

mam byc statyczna, link fajny ale bedzie trzeba go lekko przerobic

edit:
a jeszcze jedno pytanie zeby nie zasmiecac forum jak dodac wlasna czcionke

Ten post edytował skowron-line 15.08.2006, 22:35:18
Go to the top of the page
+Quote Post
mike
post
Post #4





Grupa: Przyjaciele php.pl
Postów: 7 494
Pomógł: 302
Dołączył: 31.03.2004

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

Cytat(skowron-line @ 15.08.2006, 23:02 ) *
a jeszcze jedno pytanie zeby nie zasmiecac forum jak dodac wlasna czcionke

Możesz dodać za pomocą sIFR 3 Alpha.

~Riddle o tym pisał jakiś czas temu sIFR 3 Alpha ujrzał światło dzienne
Go to the top of the page
+Quote Post
skowron-line
post
Post #5





Grupa: Zarejestrowani
Postów: 4 340
Pomógł: 542
Dołączył: 15.01.2006
Skąd: Olsztyn/Warszawa

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

@TomASS a jak przerobic to
[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3. </head>
  4. <script>
  5. function $($id) {
  6. 	return document.getElementById($id);
  7. }
  8. </script>
  9. <body>
  10. <a href="#" onclick="$('cos_pieknego').style.display='block';">pokaz</a>
  11. <a href="#" onclick="$('cos_pieknego').style.display='none';">schowaj</a>
  12. <div id="cos_pieknego">
  13. dasfasrgtbtrewtvwertwertiqwem8rtqcxtu,qweti bqew[
  14. </div>
  15. </body>
  16. </html>
[HTML] pobierz, plaintext

tak zeby byly 4 linki i jak nacisne 2 link to sie schowa 1 a pokaze sie 2 i tak dalej i jak zrobic zeby jakis byl ustawiony na poczatku po zaladowaniu strony

Ten post edytował skowron-line 16.08.2006, 13:25:51
Go to the top of the page
+Quote Post
TomASS
post
Post #6





Grupa: Zarejestrowani
Postów: 1 660
Pomógł: 13
Dołączył: 9.06.2004
Skąd: Wrocław i okolice

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

A proszę Cię bardzo kolego:
[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3. </head>
  4. <script>
  5. var ilosc_linkow = 5;
  6. function $(id) {
  7. return document.getElementById(id);
  8. }
  9. function pokaz_tylko(id){
  10. 	for(i=1;i<=ilosc_linkow;i++){
  11. 		$('link'+i).style.display='none';
  12. 	}
  13. 	$('link'+id).style.display='block';
  14. 	return false;
  15. }
  16. </script>
  17. <body onLoad="pokaz_tylko(1);">
  18. <a href="#" onclick="pokaz_tylko(2);" id="link1">Link1</a><br>
  19. <a href="#" onclick="pokaz_tylko(3);" id="link2">Link2</a><br>
  20. <a href="#" onclick="pokaz_tylko(4);" id="link3">Link3</a><br>
  21. <a href="#" onclick="pokaz_tylko(5);" id="link4">Link4</a><br>
  22. <a href="#" onclick="pokaz_tylko(1);" id="link5">Link5</a><br>
  23. </body>
  24. </html>
[HTML] pobierz, plaintext

test

Ten post edytował TomASS 16.08.2006, 21:48:05
Go to the top of the page
+Quote Post
skowron-line
post
Post #7





Grupa: Zarejestrowani
Postów: 4 340
Pomógł: 542
Dołączył: 15.01.2006
Skąd: Olsztyn/Warszawa

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

damn widze ze sie zle wyslowilem chodzi lo mi zeby wszystkie linki byly widoczne a klikajac na nie pokazywal die div np. klikam link_1 to pokazuje sie div_1 klikam link_2 to znika div_1 a pokazuje sie div_2.

probowalem sam cos pokombinowac zeby juz dupy nikomu nie zawracac ale nie mam pojecia jak to zrobic.
jesli bylbys tak uprzejmy(znow).
z gory dziekuje i pozdrawiam
Go to the top of the page
+Quote Post
TomASS
post
Post #8





Grupa: Zarejestrowani
Postów: 1 660
Pomógł: 13
Dołączył: 9.06.2004
Skąd: Wrocław i okolice

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

Coś chyba słabo się starałeś (IMG:http://forum.php.pl/style_emoticons/default/tongue.gif) Na przyszłość pokaż co Ci wyszło.... a takto to nie ma problemu:
[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3. </head>
  4. <script>
  5. var ilosc_linkow = 5;
  6. function $(id) {
  7. return document.getElementById(id);
  8. }
  9. function pokaz_tylko(id){
  10. 	for(i=1;i<=ilosc_linkow;i++){
  11. 		$('divek'+i).style.display='none';
  12. 	}
  13. 	$('divek'+id).style.display='block';
  14. 	return false;
  15. }
  16. </script>
  17. <body onLoad="pokaz_tylko(1);">
  18. <a href="#" onclick="pokaz_tylko(1);" id="link1">Link1</a><br>
  19. <a href="#" onclick="pokaz_tylko(2);" id="link2">Link2</a><br>
  20. <a href="#" onclick="pokaz_tylko(3);" id="link3">Link3</a><br>
  21. <a href="#" onclick="pokaz_tylko(4);" id="link4">Link4</a><br>
  22. <a href="#" onclick="pokaz_tylko(5);" id="link5">Link5</a><br>
  23.  
  24. <div id="divek1" style="background: #C345C3">divek1</div>
  25. <div id="divek2" style="background: #DDF4AF">divek2</div>
  26. <div id="divek3" style="background: #FF1235">divek3</div>
  27. <div id="divek4" style="background: #12FF31">divek4</div>
  28. <div id="divek5" style="background: #F39988">divek5</div>
  29. </body>
  30. </html>
[HTML] pobierz, plaintext

Prosze Mistrzu (IMG:http://forum.php.pl/style_emoticons/default/Rkingsmiley.png)
Jak zwykle test (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

Ten post edytował TomASS 17.08.2006, 09:25:28
Go to the top of the page
+Quote Post
skowron-line
post
Post #9





Grupa: Zarejestrowani
Postów: 4 340
Pomógł: 542
Dołączył: 15.01.2006
Skąd: Olsztyn/Warszawa

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

dzieki bardzo. z javascriptem nie mialem nic do czynienia oprocz wstawiania jakichs goowych skryptow
Go to the top of the page
+Quote Post
TomASS
post
Post #10





Grupa: Zarejestrowani
Postów: 1 660
Pomógł: 13
Dołączył: 9.06.2004
Skąd: Wrocław i okolice

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

I nadal tak pozostanie? (IMG:http://forum.php.pl/style_emoticons/default/tongue.gif)

Jeśli na przyszłość będzie miał problem z JS postaraj się zrobić coś samemu poszukaj informacji w internecie i jeśli nie wyjdzie to umieść swoje przemyślemia na forum (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)


Powodzenia w nauce (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)
Go to the top of the page
+Quote Post
skowron-line
post
Post #11





Grupa: Zarejestrowani
Postów: 4 340
Pomógł: 542
Dołączył: 15.01.2006
Skąd: Olsztyn/Warszawa

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

no mam taki zamiar sie nauczyc ale jakos nie bardzo mam teraz czas ale napewno jak zalicze egzaminy to zaopatrze sie w ksiazke i cos samemu napisze
Go to the top of the page
+Quote Post
« Następny starszy · CSS · 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 - 11:59
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn