Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Browser Back button no working to go to previous question.

See original GitHub issue

Are you requesting a feature, reporting a bug or ask a question?

Ask A question

What is the current behavior?

Browser Back not working to go to previous step

What is the expected behavior?

Wanna use browser back button to go to previous question

How would you reproduce the current behavior (if this is a bug)?

Provide the test code and the tested page URL (if applicable)

Tested page URL:

Test code

your_code_here

Specify your

browser:
browser version:
surveyjs platform (angular or react or jquery or knockout or vue):
surveyjs version:

Issue Analytics

State:
Created 6 years ago
Comments:13 (7 by maintainers)

Top GitHub Comments

3reactions

andrewtelnovcommented, Nov 15, 2017

@robinwkurtz @AhsanShafique Here is the code:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>Window localition hash - jQuery</title>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
    <script src="https://surveyjs.azureedge.net/0.95.0/survey.jquery.js"></script>
    <link rel="stylesheet" href="https://unpkg.com/bootstrap@3.3.7/dist/css/bootstrap.min.css">
</head>
<body>
    <form>
    <div id="surveyElement"></div>
<script>
    Survey.Survey.cssType = "bootstrap";
    Survey.defaultBootstrapCss.navigationButton = "btn btn-green";

    var survey = new Survey.Model({
        pages: [
            { elements: [{type:"text", name: "question1"}, {type:"text", name: "question2"}]},
            { elements: [{type:"text", name: "question3"}, {type:"text", name: "question4"}, {type:"text", name: "question5"}]},
            { elements: [{type:"text", name: "question6"}, {type:"text", name: "question7"}, {type:"text", name: "question8"}, {type:"text", name: "question9"}]},
            { elements: [{type:"text", name: "question10"}, {type:"text", name: "question11"}, {type:"text", name: "question12"}]},
            { elements: [{type:"text", name: "question13"}, {type:"text", name: "question14"}]}
        ]
    });
    survey.onCurrentPageChanged.add(function(survey, options){
        window.location.hash = "page" + (survey.currentPageNo + 1);
    });
    function gotoPageByHash(hash) {
        if(!hash || hash.indexOf("#page") != 0) return;
        hash = hash.replace("#page", "");
        var index = Number.parseInt(hash);
        if(index > 0) {
            index --;
            survey.currentPageNo = index;
        }
    }
    gotoPageByHash(window.location.hash);
    window.onhashchange = function () {
        gotoPageByHash(window.location.hash);
    }    
    $("#surveyElement").Survey({ 
        model: survey 
    });
</script>
</body>
</html>

0reactions

robinwkurtzcommented, Nov 17, 2017

Thanks @andrewtelnov !