Survey.StylesManager.applyTheme("modern");
var json = {
locale: "de",
pages: [ { name: "page1", elements: [
{
type: "matrixdropdown",
columns: [
{
"name": "rate",
"cellType": "rating",
"minRateDescription": {
"default": "1 (the worst)",
"de": "1 (Das Schlechteste)"
},
"maxRateDescription": {
"default": "5 (the best)",
"de": "5 (Das beste)"
},
"title": {
"default": "Rating",
"de": "Bewertung"
}
}
],
name: "favoriteMovie",
rows: [ {value: "moonlight", text: "Moonlight" },
{
value: "zootopia",
text: {
default: "Zootopia",
de: "Zoomania"
}
},
{ value: "water", text: "Hell or High Water" },
{ value: "manchester", text: "Manchester by the Sea" }, {value: "lalaland", text: "La La Land" }
],
title: {
default: "Please rate these movies",
de: "Bitte bewerten Sie diese Filme"
}
}
]
}
]
};
window.survey = new Survey.Model(json);
survey.onComplete.add(function(sender) {
document.querySelector('#surveyResult').textContent =
"Result JSON:\n" + JSON.stringify(sender.data, null, 3);
});
$("#surveyElement").Survey({
model: survey
});
<!DOCTYPE html>
<html lang="en">
<head>
<title>Multilanguages, jQuery Survey Library Example</title>
<meta name="viewport" content="width=device-width" />
<script src="https://unpkg.com/jquery"></script>
<script src="/DevBuilds/survey-jquery/survey.jquery.min.js"></script>
<link href="/DevBuilds/survey-core/modern.min.css" type="text/css" rel="stylesheet" />
<link rel="stylesheet" href="./index.css">
</head>
<body style="margin: 0">
<div id="surveyElement" style="display:inline-block;width:100%;">
</div>
<div id="surveyResult"></div>
<script type="text/javascript" src="./index.js"></script>
</body>
</html>
As you see all string properties can be represented as a json object, where key is a locale. If there is no translation for the selected locale then the 'default' value is used, or the first one, if default doesn't exist as well.
Help us serve you better by taking this brief survey.
We are interested to learn more about your
experience of using our libraries.
We'd really appreciate your feedback.
Start the SurveyApproximate time to complete: 2 min.