Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Cennik Tkanin
Forum PHP.pl > Forum > Po stronie przeglądarki > HTML \ XHTML
S3baso
23.08.2010, 12:11:23
Witam Serdecznie napisalem taki skrypt .. Lecz cos w nim nie dziala prosze o pomoc
.
Demo:http://sebaso.pl/ania/skrypt/



[HTML] pobierz, plaintext 
  1. <script language="javascript">
  2. var layerRef="null",layerStyleRef="null",styleSwitch="null";
  3. var obszarPokazany="obszar1";
  4.  
  5. function testPrzegladarki () {
  6. if (navigator.appName == "Netscape") {
  7. layerStyleRef="obszar.";
  8. layerRef="document.layers";
  9.  
  10. styleSwitch="";
  11. }else{
  12. layerStyleRef="layer.style.";
  13. layerRef="document.all";
  14. styleSwitch=".style";
  15. }
  16. }
  17.  
  18. function zmiana(wybrany) {
  19. if (wybrany == "Wybierz Tkanine") { return; }
  20. ukryjObszar(obszarPokazany);
  21. if (wybrany == "Tkanina 1") {
  22. var obszarWybrany="obszar1";
  23. }else if (wybrany == "Tkanina 2") {
  24. var obszarWybrany="obszar2";
  25. }else if (wybrany == "Tkanina 3") {
  26. var obszarWybrany="obszar3";
  27. }
  28. pokazujeObszar(obszarWybrany);
  29. obszarPokazany=obszarWybrany;
  30. }
  31. function pokazujeObszar(nazwaObszaru){
  32. eval(layerRef+' ["'+nazwaObszaru+'"]'+styleSwitch+'.visiblity="visible"');
  33. }
  34. function ukryjObszar(nazwaObszaru) {
  35. eval(layerRef+' ["'+nazwaObszaru+'"]'+styleSwitch+'.visiblity="hidden"');
  36. }
  37. </script>
  38. <style type="text/css">
  39. #obszar1 {
  40. POSITION: absolute;
  41. Z-INDEX: 1;
  42. VISIBLITY: visible;
  43. LEFT: 300px;
  44. TOP: 100px;
  45. WIDTH: 200 px;
  46. HEIGHT: 300px
  47. }
  48. #obszar2 {
  49. POSITION: absolute;
  50. Z-INDEX: 1;
  51. VISIBLITY: hidden;
  52. LEFT: 300px;
  53. TOP: 100px;
  54. WIDTH: 200 px;
  55. HEIGHT: 300px
  56. }
  57. #obszar3 {
  58. POSITION: absolute;
  59. Z-INDEX: 1;
  60. VISIBLITY: hidden;
  61. LEFT: 300px;
  62. TOP: 100px;
  63. WIDTH: 200 px;
  64. HEIGHT: 300px
  65. }
  66. </style>
  67. <body bgcolor=black TEXT="white" onLoad="testPrzegladarki()">
  68. <form name=wybieranieDania method=post enctype=text/plain>
  69. <select name=obszary onChange="zmiana(this.options[this.selectedIndex].text);">
  70. <option>Wybierz Tkanine
  71. <option>Tkanina 1
  72. <option>Tkanina 2
  73. <option>Tkanina 3
  74. </select>
  75. <input type=submit value=wyslij>
  76. </form>
  77.  
  78. <DIV ID=obszar1>
  79. lool
  80. </DIV>
  81. <DIV ID=obszar2>
  82. lool2
  83. </DIV>
  84. <DIV ID=obszar3>
  85. lool3
  86. </DIV>
[HTML] pobierz, plaintext
pedro84
23.08.2010, 12:17:54
Nooo...powiedziałbym, że nawet w ogóle nie działa...
S3baso
23.08.2010, 12:22:42
Juz dziala DEMO . bo ja przed chwila neta nie mialem a co nie tak ze skryptem to nie wiem
pedro84
23.08.2010, 12:30:31
Firebuga polecam.

Kod
document.layers is undefined
[Break on this error] eval(layerRef+' ["'+nazwaObszaru+'"]'+styleSwitch+'.visiblity="hidden"');
S3baso
23.08.2010, 12:36:37
Nadal nie dziala..
askone
23.08.2010, 13:02:16
Hej

Widzę, że korzystasz z eval - z tego co kojarzę są pewne problemy z używaniem tej funkcji w IE - jeśli nie chce Ci się szukać rozwiązania to lepiej zajrzyj na stronę jquery. Wszystko to co robisz w czystym js zrobisz łatwiej i szybciej korzystając z jquery - ponadto nie musisz się martwić kompatybilnością kodu pomiędzy przeglądarkami...

strona

Pozdrawiam
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.