abajan

updatedScript_form_22401643392851

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