Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [HTML][PHP]Zmiana wartości po kliknięciu
piernik123
post
Post #1





Grupa: Zarejestrowani
Postów: 15
Pomógł: 0
Dołączył: 26.08.2010

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

Witam znalazłem w Internecie taki kod:
[HTML] pobierz, plaintext 
  1.    <html>
  2.  
  3.       <head>
  4.  
  5. 	  <style type="text/css">
  6. div.tabeleczki p { display: none; }
  7. </style>
  8.  
  9. <script language="javascript" type="text/javascript">
  10. <!--
  11. function tabeleczki(element) {
  12. i = 0;
  13. while (e = document.getElementById("m" + i++)) {
  14.    e.style.display = "none";
  15. }
  16. document.getElementById(element).style.display = "inline";
  17. }
  18. menu('m0');
  19. // -->
  20. </script>
  21.  
  22.       </head>
  23.  
  24.       <body>
  25.  
  26. <div class="tabeleczki">
  27. <p id="m0">Tekst2 po kliknięciu w odnośnik "tekst 2"</p>
  28. <p id="m1">
  29. Tekst1 po kliknięciu w odnośnik "tekst 1"
  30. </p>
  31. </div>
  32.  
  33. <a href="#" onclick="tabeleczki('m0'); return n;">tekst1</a>
  34. <a href="#" onclick="tabeleczki('m1'); return false;">tekst2</a>
  35.  
  36.  
  37.       </body>      </html>
[HTML] pobierz, plaintext

Chciałbym go przekształcić w taki sposób by tekst1 był aktywny już od samego początku. W tej chwili trzeba wybrać i kliknąć na tekst1 bądź tekst2 ponieważ w innym wypadku żaden nie jest widoczny. Proszę o pomoc.
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
piernik123
post
Post #2





Grupa: Zarejestrowani
Postów: 15
Pomógł: 0
Dołączył: 26.08.2010

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

Dzięki zrobiłem coś takiego:
[HTML] pobierz, plaintext 
  1.    <html>
  2.  
  3.       <head>
  4.  
  5. 	  <style type="text/css">
  6. div.tabeleczki p { display: none; }
  7. div.tabeleczki p1 { display: inline; }
  8. </style>
  9.  
  10. <script language="javascript" type="text/javascript">
  11. <!--
  12. function tabeleczki(element) {
  13. i = 0;
  14. while (e = document.getElementById("m" + i++)) {
  15.    e.style.display = "none";
  16. }
  17. document.getElementById(element).style.display = "inline";
  18. }
  19. menu('m0');
  20. // -->
  21. </script>
  22.  
  23.       </head>
  24.  
  25.       <body>
  26.  
  27. <div class="tabeleczki">
  28. <p id="m0">Tekst2 po kliknięciu w odnośnik "tekst 2"</p>
  29. <p1 id="m1">
  30. Tekst1 po kliknięciu w odnośnik "tekst 1"
  31. </p1>
  32. </div>
  33.  
  34. <a href="#" onclick="tabeleczki('m0'); return n;">tekst1</a>
  35. <a href="#" onclick="tabeleczki('m1'); return false;">tekst2</a>
  36.  
  37.  
  38.       </body>      </html>
[HTML] pobierz, plaintext

@Edit:
Kurcze teraz widzę, że takie rozwiązanie nie działa pod IE...

Ale jest też inny problem, ponieważ chciałbym, żeby po jednym kliknięciu zmieniało mi tekst w paru miejscach (kilku akapitach) naraz i nie mogę tego znaleźć. Próbowałem czegoś takiego:

[HTML] pobierz, plaintext 
  1.       <body>
  2.  
  3. <div class="tabeleczki">
  4. <p id="m0">Tekst2 po kliknięciu w odnośnik "tekst 2"</p>
  5. <p1 id="m1">
  6. Tekst1 po kliknięciu w odnośnik "tekst 1"
  7. </p1>
  8. <p1 id="m2">
  9. Tekst3 po kliknięciu w odnośnik "tekst 3"
  10. </p1>
  11. </div>
  12.  
  13. <a href="#" onclick="tabeleczki('m0'); return n;">tekst1</a>
  14. <a href="#" onclick="tabeleczki('m1', 'm2'); return false;">tekst2</a>
  15.  
  16.  
  17.       </body>
[HTML] pobierz, plaintext

Ale się nie da. Jest w ogóle możliwość, żeby przypisać (dobrze mówię?) kilka reakcji do jednego kliknięcia?

Ten post edytował piernik123 28.12.2010, 13:26:03
Go to the top of the page
+Quote Post

Posty w temacie
- piernik123   [HTML][PHP]Zmiana wartości po kliknięciu   27.12.2010, 16:39:44
- - tehaha   Cytat(piernik123 @ 27.12.2010, 16:39...   27.12.2010, 16:44:24
- - piernik123   Nie. Nie proszę o gotowca ponieważ wiem, że na tym...   27.12.2010, 16:50:54
|- - tehaha   Cytat(piernik123 @ 27.12.2010, 16:50...   27.12.2010, 17:02:25
- - Rid   Jak chcesz pokazać coś co ukrywasz na samym począt...   27.12.2010, 17:00:14
- - lobopol   Ok podpowiedź: 1. Skoro chcesz mieć pierwszy akapi...   27.12.2010, 18:03:46
- - piernik123   Dzięki zrobiłem coś takiego: [HTML] pobierz, plain...   28.12.2010, 13:13:10
- - Rid   CytatJest w ogóle możliwość, żeby przypisać (dobrz...   28.12.2010, 16:02:49
- - piernik123   http://forum.php.pl/index.php?showtopic=70...rt=#e...   28.12.2010, 17:28:14
- - tehaha   1. nie ma czegoś takiego jak akapit <p1>, ni...   28.12.2010, 17:37:26
- - Rid   Nie wiem czy to coś da ale spróbuj display:block;   28.12.2010, 17:38:12
- - tehaha   tutaj masz bardzo prosty przykład 1. dajesz 2 klas...   28.12.2010, 17:48:07
- - piernik123   Wielkie dzięki! Kod wygląda teraz tak: [HTML] ...   28.12.2010, 18:09:22
- - tehaha   ale po to Ci dałem ten uproszczony kod, żebyś nie ...   28.12.2010, 18:18:13
- - piernik123   Przepraszam, myślałem, że sobie już poradzę, ale c...   30.12.2010, 17:30:20

« Następny starszy · Przedszkole · 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: Przełącz na: Standardowy · Przełącz na: Linearny+ · Drzewo

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

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