Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <script type="text/javascript">
- function addListenersPlus() {
- var pages = document.getElementsByTagName('ul'),
- // Page break elements
- pageBreak1 = document.getElementById('cid_7'),
- backButton2 = document.getElementById('form-pagebreak-back_8'),
- nextButton2 = document.getElementById('form-pagebreak-next_8'),
- backButton3 = document.getElementById('form-pagebreak-back_9'),
- nextButton3 = document.getElementById('form-pagebreak-next_9'),
- backButton4 = document.getElementById('form-pagebreak-back_10'),
- backButton5 = document.getElementById('form-pagebreak-back_11'),
- nextButton5 = document.getElementById('form-pagebreak-next_11'),
- backButton6 = document.getElementById('form-pagebreak-back_7'),
- // Page 1 radio buttons
- Ja = document.getElementById('input_1_0'),
- Nein = document.getElementById('input_1_1'),
- // Page 2 radio buttons
- Privathaushalt = document.getElementById('input_3_0'),
- Unternehmen = document.getElementById('input_3_1'),
- // Page 3 radio buttons
- Nord = document.getElementById('input_4_0'),
- Sud = document.getElementById('input_4_1'),
- Ost = document.getElementById('input_4_2'),
- West = document.getElementById('input_4_3'),
- // Page 5 radio buttons
- Innerhalb_eines_Monats = document.getElementById('input_6_0'),
- In_2_bis_3_Monaten = document.getElementById('input_6_1'),
- In_4_bis_6_Monaten = document.getElementById('input_6_2'),
- In_mehr_als_6_Monaten = document.getElementById('input_6_3');
- // Hides first page break and "Next" buttons on pages 2, 3 and 5
- pageBreak1.style.display = nextButton2.style.display = nextButton3.style.display = nextButton5.style.display = 'none';
- if (window.addEventListener) {
- Ja.addEventListener("click", next1, false);
- Nein.addEventListener("click", next1, false);
- Privathaushalt.addEventListener("click", next2, false);
- Unternehmen.addEventListener("click", next2, false);
- Nord.addEventListener("click", next3, false);
- Sud.addEventListener("click", next3, false);
- Ost.addEventListener("click", next3, false);
- West.addEventListener("click", next3, false);
- Innerhalb_eines_Monats.addEventListener("click", next5, false);
- In_2_bis_3_Monaten.addEventListener("click", next5, false);
- In_4_bis_6_Monaten.addEventListener("click", next5, false);
- In_mehr_als_6_Monaten.addEventListener("click", next5, false);
- backButton2.addEventListener("click", back2, false);
- backButton3.addEventListener("click", back3, false);
- backButton4.addEventListener("click", back4, false);
- backButton6.addEventListener("click", back6, false);
- }
- else if (window.attachEvent) { // Needed for IE < 9
- Ja.attachEvent("onclick", next1);
- Nein.attachEvent("onclick", next1);
- Privathaushalt.attachEvent("onclick", next2);
- Unternehmen.attachEvent("onclick", next2);
- Nord.attachEvent("onclick", next3);
- Sud.attachEvent("onclick", next3);
- Ost.attachEvent("onclick", next3);
- West.attachEvent("onclick", next3);
- Innerhalb_eines_Monats.attachEvent("onclick", next5);
- In_2_bis_3_Monaten.attachEvent("onclick", next5);
- In_4_bis_6_Monaten.attachEvent("onclick", next5);
- In_mehr_als_6_Monaten.attachEvent("onclick", next5);
- backButton2.attachEvent("onclick", back2);
- backButton3.attachEvent("onclick", back3);
- backButton4.attachEvent("onclick", back4);
- backButton6.attachEvent("onclick", back6);
- }
- function next1() { // Hides the rest of page 1 (its page break has already been hidden above) and shows page 2
- pages[0].style.display = 'none';
- pages[1].style.display = 'block';
- }
- function next2() { // Hides the rest of page 2 (its page break has already been hidden above) and shows page 3
- pages[1].style.display = 'none';
- pages[2].style.display = 'block';
- }
- function next3() { // Hides the rest of page 3 (its page break has already been hidden above) and shows page 4
- pages[2].style.display = 'none';
- pages[3].style.display = 'block';
- }
- function next5() {
- pages[4].style.display = 'none'; // Hides the rest of page 5 (its page break has already been hidden above
- pages[5].style.display = 'block'; // Shows page 6
- pages[5].style.position = 'absolute'; // Removes page 6 from the the page flow
- pages[5].style.top = '0';
- pages[5].style.width = '654px';
- pages[5].style.background = '#FFF';
- }
- function back2() { // Shows page 1 (sans "Next") if "Back" on page 2 is clicked
- pages[0].style.display = 'block';
- }
- function back3() { // Shows page 2 (sans "Next") if "Back" on page 3 is clicked
- pages[1].style.display = 'block';
- }
- function back4() { // Shows page 3 (sans "Next") if "Back" on page 4 is clicked
- pages[2].style.display = 'block';
- }
- function back6() {
- pages[4].style.display = 'block'; // Show page 5 (sans "Next") if "Back" on page 6 is clicked
- pages[4].style.width = '654px';
- pages[4].style.position = 'absolute';
- pages[4].style.top = '0';
- pages[4].style.background = '#FFF'; // ... and the background of page 5 is made opaque so that page 4 can't be seen
- }
- }
- window.onload = addListenersPlus;
- </script>
Advertisement
Add Comment
Please, Sign In to add comment