Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [js] Problem z menu, tudzież zakładkami
Tales
post 29.12.2007, 14:24:45
Post #1





Grupa: Zarejestrowani
Postów: 19
Pomógł: 3
Dołączył: 28.12.2007
Skąd: Świdnik

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

Z góry napiszę, że jestem nie za bardzo doświadczony, ponieważ dopiero co zaczynam "grzebać" w JS.

Stworzyłem coś takiego:

[HTML] pobierz, plaintext 
  1. <html> 
  2. <head> 
  3. <script type="text/javascript"> 
  4. function sprawdzAwatar() 
  5. { 
  6. if(document.getElementById("rb1").checked) { 
  7. document.writeln("Wybrano element 1") } 
  8. else if(document.getElementById("rb2").checked) { 
  9. document.writeln("Wybrano element 2") } 
  10. } 
  11. </script> 
  12. </head> 
  13. <body> 
  14. <input type="radio" 
  15. name="grupa1" 
  16. id="rb1" 
  17. checked /> Element nr 1 
  18. <input type="radio" 
  19. name="grupa1" 
  20. id="rb2"/> Element nr 2 
  21. <script type="text/javascript"> 
  22. setInterval("sprawdzAwatar();", 2500); 
  23. </script> 
  24. </body> 
  25. </html>
[HTML] pobierz, plaintext


Jednak napotkałem się na problem:
skrypt zamiast wyswietlic napis "Wybrano element 1" obok tych pól do wyboru zastępuje je tym napisem.

Jak można to zmienić? (O ile się da...)

Pozdrawiam i z góry dziękuje za odpowiedź.

Ten post edytował Tales 29.12.2007, 22:27:27


--------------------
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 3)
Liko
post 29.12.2007, 14:33:08
Post #2





Grupa: Zarejestrowani
Postów: 436
Pomógł: 6
Dołączył: 8.11.2003
Skąd: Szczecin

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

[HTML] pobierz, plaintext 
  1. <html>
  2.     <head>
  3.         <script type="text/javascript">
  4.             function sprawdzAwatar()
  5.             {
  6.                 if(document.getElementById("rb1").checked)
  7.                 {
  8.                     document.getElementById("rv").innerHTML = 'Wybrano element 1';
  9.                 }
  10.                 else if(document.getElementById("rb2").checked)
  11.                 {
  12.                     document.getElementById("rv").innerHTML = 'Wybrano element 2';
  13.                 }
  14.             }
  15.         </script>
  16.     </head>
  17.     <body>
  18.         <input type="radio" name="grupa1" id="rb1" checked="checked" onchange="sprawdzAwatar();" /> Element nr 1 <br />
  19.         <input type="radio" name="grupa1" id="rb2" onchange="sprawdzAwatar();"/> Element nr 2
  20.         <div id="rv"></div>
  21.     </body>
  22. </html>
[HTML] pobierz, plaintext


O takie coś Tobie chodzi?

Ps. Popraw kod, wstaw go w znaczniki [ HTML ]
Go to the top of the page
+Quote Post
JaRoPHP
post 29.12.2007, 14:53:54
Post #3





Grupa: Zarejestrowani
Postów: 675
Pomógł: 15
Dołączył: 7.11.2004
Skąd: Katowice

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

[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3. <script type="text/javascript">
  4. function sprawdzAwatar() {
  5. 	var oNewSpan = document.createElement("span");
  6. 	var oOldSpan = document.getElementById("comment");
  7. 	if (document.getElementById("rb1").checked) {
  8. 		var oText = document.createTextNode("Wybrano element 1");
  9. 	} else if (document.getElementById("rb2").checked) {
  10. 		var oText = document.createTextNode("Wybrano element 2");
  11. 	}
  12.  
  13. 	oNewSpan.id = "comment";
  14. 	oNewSpan.appendChild(oText);
  15. 	oOldSpan.parentNode.replaceChild(oNewSpan, oOldSpan);
  16. }
  17.  
  18. </script>
  19. </head>
  20. <body>
  21. <input type="radio" name="grupa1" id="rb1" checked="checked" /><label for="rb1">Element nr 1</label>
  22. <input type="radio" name="grupa1" id="rb2"/><label for="rb2">Element nr 2</label>
  23. <span id="comment"></span>
  24. <script type="text/javascript">
  25. setInterval("sprawdzAwatar();", 2500);
  26. </script>
  27. </body>
  28. </html>
[HTML] pobierz, plaintext


--------------------
Kto pyta, nie błądzi...
Kto zbłądził, ten pyta...
Go to the top of the page
+Quote Post
Tales
post 29.12.2007, 22:37:46
Post #4





Grupa: Zarejestrowani
Postów: 19
Pomógł: 3
Dołączył: 28.12.2007
Skąd: Świdnik

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

Bardzo dziękuje za odpowiedź.

Wykorzystam ten pierwszy od Liko, gdyż wydaje mi się ławiejszy, bardziej przejrzysty i przede wszystkim rozumiem jego działanie.

Ten post edytował Tales 29.12.2007, 22:38:38


--------------------
Go to the top of the page
+Quote Post
« 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 · Linearny+ · Przełącz na: Drzewo

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

RSS Wersja Lo-Fi Aktualny czas: 14.08.2025 - 06:16
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn