<p><strong>Where do you live?</strong></p>
<!--to show what the answer looks like-->
<p>self: {self}</p>
<p>SQ001: {yourhome_SQ001}</p>
<p>SQ002: {yourhome_SQ002}</p>
<p>SQ003: {yourhome_SQ003}</p>
<p>SQ004: {yourhome_SQ004}</p>
<!--Division for the map canvas-->
<div id="map_canvas" style="width:100%; height: 350px; margin: 20px 0;"> </div>
<!--call necessary scripts-->
<script src="http://maps.googleapis.com/maps/api/js?libraries=places&key=yourKey"></script>
<script src="http://ubilabs.github.io/geocomplete/jquery.geocomplete.js"></script>
<!--the script that uses geocomplete and insert the values to answer field-->
<script type="text/javascript" charset="utf-8">
$(document).ready(function(){
// Move the canvas
$('#question{QID} .answer-container').append($('#map_canvas'));
//Make the answer text field unavailable for user to change the value
document.getElementById("answer{SGQ}SQ001").readOnly = true;
document.getElementById("answer{SGQ}SQ002").readOnly = true;
document.getElementById("answer{SGQ}SQ003").readOnly = true;
//document.getElementById("answer{SGQ}SQ004").readOnly = true;
//declare and initialize map named 'options'
var options = {
country: ["ID"],
types: ['geocode','establishment'],
map: "#map_canvas",
location: [-6.17511, 106.86503949999997],
mapOptions: {
zoom: 10,
streetViewControl: false,
fullscreenControl: false,
mapTypeControl: false
},
markerOptions: {
draggable: true
}
};
//what to do when the user inputs address and uses the geocomplete form
$("#answer{SGQ}SQ004").geocomplete(options).bind("geocode:result", function(event, result){
var map = $("#answer{SGQ}SQ004").geocomplete("map");
var pcd = "";
for(var i=0; i < result.address_components.length; i++){
var component = result.address_components[i];
if(component.types[0] == "postal_code") {
pcd = component.long_name;
}
}
//input the values to the limesurvey's answer field
$("#answer{SGQ}SQ001").val(result.geometry.location.lat).trigger('keyup');
$("#answer{SGQ}SQ002").val(result.geometry.location.lng).trigger('keyup');
$("#answer{SGQ}SQ003").val(pcd).trigger('keyup');
$("#answer{SGQ}SQ004").val(result.formatted_address).trigger('keyup');
});
//what to do when user drags the marker on map
$("#answer{SGQ}SQ004").bind("geocode:dragged", function(event, latLng){
var map = $("#answer{SGQ}SQ004").geocomplete("map");
map.panTo(latLng);
var geocoder = new google.maps.Geocoder();
$("#answer{SGQ}SQ001").val(latLng.lat).trigger('keyup');
$("#answer{SGQ}SQ002").val(latLng.lng).trigger('keyup');
geocoder.geocode({ 'latLng': latLng }, function(results, status){
if (status == google.maps.GeocoderStatus.OK) {
for(var i=0; i < results[0].address_components.length; i++){
var carikodepos = results[0].address_components[i];
if(carikodepos.types[0] == "postal_code"){
$("#answer{SGQ}SQ003").val(carikodepos.long_name).trigger('keyup');
}
}
var alamat = results[0].formatted_address;
$("#answer{SGQ}SQ004").val(alamat).trigger('keyup');
}
});
})
});
</script>
<script type="text/javascript" charset="utf-8">
$(document).ready(function() {
// Identify the questions
var qArray = $('#question{QID}');
var arrayLength = $('tr.answers-list', qArray).length;
var qComments = qArray.nextAll('.text-long:lt('+arrayLength+')');
// Add some classes
qArray.addClass('array-with-comments-question');
$(qComments).each(function(i) {
$(this).addClass('comments-question index-{SGQ}-'+i);
});
// Insert the comments buttons
$('table.questions-list col', qArray).removeAttr('width');
$('table.questions-list thead tr', qArray).append('<td />');
$('tr.answers-list', qArray).each(function(i) {
$(this).append('<td><button class="comment-button" type="button" data-index="{SGQ}-'+i+'">Comments</button></td>');
});
// Put the comments questions into modal dialogs
$(qComments).dialog({
autoOpen: false,
width: 620,
modal: true,
resizable: false,
draggable: false,
closeOnEscape: true
});
// Click events for comments buttons
$('.comment-button').click(function() {
var thisIndex = $(this).attr('data-index');
$('.comments-question.index-'+thisIndex).dialog('open');
});
// Interrupt the Next/Submit function (to put comments back in the form)
$('#movenextbtn, #movesubmitbtn').bind('click', function () {
qComments.hide();
$('#limesurvey').append(qComments);
});
});
</script>krosser wrote:
LouisGac wrote: In LS3 you can also do it in a more refined way.
For example, someone could edit the file navigator.twig:
github.com/LimeSurvey/LimeSurvey/blob/ma...ation/navigator.twig
and in the statement to check if the button "submit" should be shown, test if the survey has an endurl going to another survey
github.com/LimeSurvey/LimeSurvey/blob/ma...n/navigator.twig#L45
This sounds nice. I guess it would be {% else %} for the end-url... But what is the syntax for the end-url in twig? I couldn't find it mentioned anywhere to check how it would look like.
{if(RANDOM>=1,RANDOM,rand(1,2))}{if(RANDOMTWO >=1, RANDOMTWO, rand(1,2))}{RANDOMTWO=(if(RANDOMTWO==RANDOM, rand(1,2), RANDOMTWO))}{RANDOMTWO=(if(RANDOMTWO==RANDOM, rand(1,2), RANDOMTWO))} {RANDOMTWO=(if(RANDOMTWO==RANDOM, rand(1,2), RANDOMTWO))} {RANDOMTWO=(if(RANDOMTWO==RANDOM, rand(1,2), RANDOMTWO))} {RANDOMTWO=(if(RANDOMTWO==RANDOM, rand(1,2), RANDOMTWO))}
