abajan

script_for_form_22401643392851

Aug 28th, 2012
53
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 5.95 KB | None | 0 0
  1. <script type="text/javascript">
  2. function addListenersPlus() {
  3. var pages = document.getElementsByTagName('ul'),
  4.  
  5. // Page break elements
  6. pageBreak1 = document.getElementById('cid_7'),
  7.  
  8. backButton2 = document.getElementById('form-pagebreak-back_8'),
  9. nextButton2 = document.getElementById('form-pagebreak-next_8'),
  10.  
  11. backButton3 = document.getElementById('form-pagebreak-back_9'),
  12. nextButton3 = document.getElementById('form-pagebreak-next_9'),
  13.  
  14. backButton4 = document.getElementById('form-pagebreak-back_10'),
  15.  
  16. backButton5 = document.getElementById('form-pagebreak-back_11'),
  17. nextButton5 = document.getElementById('form-pagebreak-next_11'),
  18.  
  19. backButton6 = document.getElementById('form-pagebreak-back_7'),
  20.  
  21. // Page 1 radio buttons
  22. Ja = document.getElementById('input_1_0'),
  23. Nein = document.getElementById('input_1_1'),
  24.  
  25. // Page 2 radio buttons
  26. Privathaushalt = document.getElementById('input_3_0'),
  27. Unternehmen = document.getElementById('input_3_1'),
  28.  
  29. // Page 3 radio buttons
  30. Nord = document.getElementById('input_4_0'),
  31. Sud = document.getElementById('input_4_1'),
  32. Ost = document.getElementById('input_4_2'),
  33. West = document.getElementById('input_4_3'),
  34.  
  35. // Page 5 radio buttons
  36. Innerhalb_eines_Monats = document.getElementById('input_6_0'),
  37. In_2_bis_3_Monaten = document.getElementById('input_6_1'),
  38. In_4_bis_6_Monaten = document.getElementById('input_6_2'),
  39. In_mehr_als_6_Monaten = document.getElementById('input_6_3');
  40.  
  41. // Hides first page break and "Next" buttons on pages 2, 3 and 5
  42. pageBreak1.style.display = nextButton2.style.display = nextButton3.style.display = nextButton5.style.display = 'none';
  43.  
  44. if (window.addEventListener) {
  45. Ja.addEventListener("click", next1, false);
  46. Nein.addEventListener("click", next1, false);
  47.  
  48. Privathaushalt.addEventListener("click", next2, false);
  49. Unternehmen.addEventListener("click", next2, false);
  50.  
  51. Nord.addEventListener("click", next3, false);
  52. Sud.addEventListener("click", next3, false);
  53. Ost.addEventListener("click", next3, false);
  54. West.addEventListener("click", next3, false);
  55.  
  56. Innerhalb_eines_Monats.addEventListener("click", next5, false);
  57. In_2_bis_3_Monaten.addEventListener("click", next5, false);
  58. In_4_bis_6_Monaten.addEventListener("click", next5, false);
  59. In_mehr_als_6_Monaten.addEventListener("click", next5, false);
  60.  
  61. backButton2.addEventListener("click", back2, false);
  62. backButton3.addEventListener("click", back3, false);
  63. backButton4.addEventListener("click", back4, false);
  64. backButton6.addEventListener("click", back6, false);
  65. }
  66. else if (window.attachEvent) { // Needed for IE < 9
  67. Ja.attachEvent("onclick", next1);
  68. Nein.attachEvent("onclick", next1);
  69.  
  70. Privathaushalt.attachEvent("onclick", next2);
  71. Unternehmen.attachEvent("onclick", next2);
  72.  
  73. Nord.attachEvent("onclick", next3);
  74. Sud.attachEvent("onclick", next3);
  75. Ost.attachEvent("onclick", next3);
  76. West.attachEvent("onclick", next3);
  77.  
  78. Innerhalb_eines_Monats.attachEvent("onclick", next5);
  79. In_2_bis_3_Monaten.attachEvent("onclick", next5);
  80. In_4_bis_6_Monaten.attachEvent("onclick", next5);
  81. In_mehr_als_6_Monaten.attachEvent("onclick", next5);
  82.  
  83. backButton2.attachEvent("onclick", back2);
  84. backButton3.attachEvent("onclick", back3);
  85. backButton4.attachEvent("onclick", back4);
  86. backButton6.attachEvent("onclick", back6);
  87. }
  88.  
  89. function next1() { // Hides the rest of page 1 (its page break has already been hidden above) and shows page 2
  90. pages[0].style.display = 'none';
  91. pages[1].style.display = 'block';
  92. }
  93. function next2() { // Hides the rest of page 2 (its page break has already been hidden above) and shows page 3
  94. pages[1].style.display = 'none';
  95. pages[2].style.display = 'block';
  96. }
  97. function next3() { // Hides the rest of page 3 (its page break has already been hidden above) and shows page 4
  98. pages[2].style.display = 'none';
  99. pages[3].style.display = 'block';
  100. }
  101. function next5() {
  102. pages[4].style.display = 'none'; // Hides the rest of page 5 (its page break has already been hidden above
  103. pages[5].style.display = 'block'; // Shows page 6
  104. pages[5].style.position = 'absolute'; // Removes page 6 from the the page flow
  105. pages[5].style.top = '0';
  106. pages[5].style.width = '654px';
  107. pages[5].style.background = '#FFF';
  108. }
  109. function back2() { // Shows page 1 (sans "Next") if "Back" on page 2 is clicked
  110. pages[0].style.display = 'block';
  111. }
  112. function back3() { // Shows page 2 (sans "Next") if "Back" on page 3 is clicked
  113. pages[1].style.display = 'block';
  114. }
  115. function back4() { // Shows page 3 (sans "Next") if "Back" on page 4 is clicked
  116. pages[2].style.display = 'block';
  117. }
  118. function back6() {
  119. pages[4].style.display = 'block'; // Show page 5 (sans "Next") if "Back" on page 6 is clicked
  120. pages[4].style.width = '654px';
  121. pages[4].style.position = 'absolute';
  122. pages[4].style.top = '0';
  123. pages[4].style.background = '#FFF'; // ... and the background of page 5 is made opaque so that page 4 can't be seen
  124. }
  125. }
  126.  
  127. window.onload = addListenersPlus;
  128. </script>
Advertisement
Add Comment
Please, Sign In to add comment