Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [js] Ocena poprawności funkcji
-Wieviór-
post 26.02.2008, 19:43:22
Post #1





Goście
Generalnie napisałem sobie funkcję zmieniania zawartości div'a, tzn. nie zamieniania zawartości, a przełączenia divów. Jestem zupełnie początkujący w js, i napisanie tego mi trochę zajęło, ale się czegoś nauczyłem ;] Zastanawiam się tylko, czy ta funkcja jest w miarę poprawnie napisana? I też, do czego służy to "return false;" w onclick=""?

[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3. <script type="text/javascript"><!--
  4. function changeBox(name) {
  5. 	switch (name)
  6. 		{
  7. 		case 'forum':
  8. 		document.getElementById('forum').style.display='';
  9. 		document.getElementById('sonda').style.display='none';
  10. 		document.getElementById('foto').style.display='none';
  11. 		break
  12. 		case 'sonda':
  13. 		document.getElementById('forum').style.display='none';
  14. 		document.getElementById('sonda').style.display='';
  15. 		document.getElementById('foto').style.display='none';
  16. 		break
  17. 		case 'foto':
  18. 		document.getElementById('forum').style.display='none';
  19. 		document.getElementById('sonda').style.display='none';
  20. 		document.getElementById('foto').style.display='';
  21. 		break
  22. 		}
  23. 	}
  24. //-->
  25. </script>
  26. </head>
  27. <body>
  28. <a href="#" onclick="changeBox('forum'); return false;">a</a><br>
  29. <a href="#" onclick="changeBox('sonda'); return false;">b</a><br>
  30. <a href="#" onclick="changeBox('foto'); return false;">c</a><br>
  31.  
  32. <div id="forum" style="display: none;">aaaaaaaa</div>
  33. <div id="sonda" style="display: none;">bbbaabbbbb</div>
  34. <div id="foto" style="display: none;">cccccccc</div>
  35. </body>
  36. </html>
[HTML] pobierz, plaintext


Pozdrawiam ;]
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
-Wieviór-
post 26.02.2008, 22:07:13
Post #2





Goście
No niestety, to nic nie daje. Zauważyłem, że dzieje się to tylko w Firefoxie i dzięki temu znalazłem rozwiązanie, dodaję w css:

Kod
:focus {
outline: 0;
}


Nie jest to do końca poprawne, bo teraz przy używaniu klawisza Tab, nie widać gdzie się przechodzi itp., ale działa ;] Dzięki za pomoc anyway ;]
Go to the top of the page
+Quote Post

Posty w temacie
- Wieviór   [js] Ocena poprawności funkcji   26.02.2008, 19:43:22
- - nospor   Kodfunction changeBox(name) { document.get...   26.02.2008, 19:46:43
- - Wieviór   No tak mi się właśnie wydawało, że coś robię nie t...   26.02.2008, 20:17:49
- - nospor   podstawy laczenia napisow w js... Koddocument.getE...   26.02.2008, 20:24:34
- - Wieviór   Przepraszam za to, słusznie. Ostatnie pytanie i ob...   26.02.2008, 20:35:28
- - nospor   daj onclick na obrazku zamiast na linku. Pamietaj ...   26.02.2008, 20:39:50
- - Wieviór   No niestety, to nic nie daje. Zauważyłem, że dziej...   26.02.2008, 22:07:13
- - barszczo   Witam w zasadzie racZkuje w php i mysql ale prosz...   26.02.2008, 23:17:51
- - mokry   Zawsze możesz w CSS ustawić Kod* { outline:non...   26.02.2008, 23:26:15

« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 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 Wersja Lo-Fi Aktualny czas: 14.08.2025 - 20:02
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn