Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [css] pokazujace sie divy
Forum PHP.pl > Forum > Po stronie przeglądarki > CSS
skowron-line
15.08.2006, 21:23:04
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
TomASS
15.08.2006, 21:26:04
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
skowron-line
15.08.2006, 22:02:27
mam byc statyczna, link fajny ale bedzie trzeba go lekko przerobic

edit:
a jeszcze jedno pytanie zeby nie zasmiecac forum jak dodac wlasna czcionke
mike
15.08.2006, 22:42:47
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
skowron-line
16.08.2006, 13:25:23
@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
TomASS
16.08.2006, 21:46:31
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
skowron-line
17.08.2006, 08:04:49
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
TomASS
17.08.2006, 09:23:50
Coś chyba słabo się starałeś 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 Rkingsmiley.png
Jak zwykle test smile.gif
skowron-line
17.08.2006, 11:27:53
dzieki bardzo. z javascriptem nie mialem nic do czynienia oprocz wstawiania jakichs goowych skryptow
TomASS
17.08.2006, 17:29:40
I nadal tak pozostanie? 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 smile.gif


Powodzenia w nauce smile.gif
skowron-line
17.08.2006, 18:04:09
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
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.