Welcome to the LimeSurvey Community Forum

Ask the community, share ideas, and connect with other LimeSurvey users!

Country list and dropdown autocomplete

Vinicos
Offline
Senior Member

More

4 years 1 week ago #197223 by Vinicos

Replied by Vinicos on topic Country list and dropdown autocomplete

Dear Joffm,

I have tried to used the syntaxes you provided:

<script type="text/javascript" charset="utf-8">
$(document).ready(function() {
$('#question{QID} input[type="text"]').autocomplete({
minLength: 2,
source: ["Test1","Test2","Test3"]
});
});
</script>

But it's not working.

As maybe it can interest someone, I used this source (for Brazilian Portuguese):

[“África do Sul”, “Albânia”, “Alemanha”, “Andorra”, “Angola”, “Anguilla”, “Antigua”, “Arábia Saudita”, “Argentina”, “Armênia”, “Aruba”, “Austrália”, “Áustria”, “Azerbaijão”, “Bahamas”, “Bahrein”, “Bangladesh”, “Barbados”, “Bélgica”, “Benin”, “Bermudas”, “Botsuana”, “Brasil”, “Brunei”, “Bulgária”, “Burkina Fasso”, “Butão”, “Cabo Verde”, “Camarões”, “Camboja”, “Canadá”, “Cazaquistão”, “Chade”, “Chile”, “China”, “Cidade do Vaticano”, “Colômbia”, “Congo”, “Coreia do Sul”, “Costa do Marfim”, “Costa Rica”, “Croácia”, “Dinamarca”, “Djibuti”, “Dominica”, “Estados Unidos da América”, “Egito”, “El Salvador”, “Emirados Árabes”, “Equador”, “Eritreia”, “Escócia”, “Eslováquia”, “Eslovênia”, “Espanha”, “Estônia”, “Etiópia”, “Fiji”, “Filipinas”, “Finlândia”, “França”, “Gabão”, “Gâmbia”, “Gana”, “Geórgia”, “Gibraltar”, “Granada”, “Grécia”, “Guadalupe”, “Guam”, “Guatemala”, “Guiana”, “Guiana Francesa”, “Guiné-Bissau”, “Haiti”, “Holanda”, “Honduras”, “Hong Kong”, “Hungria”, “Iêmen”, “Ilhas Cayman”, “Ilhas Cook”, “Ilhas Curaçao”, “Ilhas Marshall”, “Ilhas Turks & Caicos”, “Ilhas Virgens (brit.)”, “Ilhas Virgens(amer.)”, “Ilhas Wallis e Futuna”, “Índia”, “Indonésia”, “Inglaterra”, “Irlanda”, “Islândia”, “Israel”, “Itália”, “Jamaica”, “Japão”, “Jordânia”, “Kuwait”, “Letônia”, “Líbano”, “Liechtenstein”, “Lituânia”, “Luxemburgo”, “Macau”, “Macedônia”, “Madagáscar”, “Malásia”, “Malaui”, “Mali”, “Malta”, “Marrocos”, “Martinica”, “Mauritânia”, “Mauritius”, “México”, “Moldova”, “Mônaco”, “Montserrat”, “Nepal”, “Nicarágua”, “Níger”, “Nigéria”, “Noruega”, “Nova Caledônia”, “Nova Zelândia”, “Omã”, “Palau”, “Panamá”, “Papua-nova Guiné”, “Paquistão”, “Peru”, “Polinésia Francesa”, “Polônia”, “Porto Rico”, “Portugal”, “Qatar”, “Quênia”, “República Dominicana”, “República Tcheca”, “Reunion”, “Romênia”, “Ruanda”, “Rússia”, “Saipan”, “Samoa Americana”, “Senegal”, “Serra Leone”, “Seychelles”, “Singapura”, “Síria”, “Sri Lanka”, “St. Kitts & Nevis”, “St. Lúcia”, “St. Vincent”, “Sudão”, “Suécia”, “Suíça”, “Suriname”, “Tailândia”, “Taiwan”, “Tanzânia”, “Togo”, “Trinidad & Tobago”, “Tunísia”, “Turquia”, “Ucrânia”, “Uganda”, “Uruguai”, “Venezuela”, “Vietnam”, “Zaire”, “Zâmbia”, “Zimbábue”]

The topic has been locked.

Joffm
Offline
LimeSurvey Community Team

More

4 years 1 week ago #197232 by Joffm

Replied by Joffm on topic Country list and dropdown autocomplete

If you do not provide your lss export, and you are always a bit vague in your questions
I can't help.
You see I don't know which type of question you used:
"short text" or "array(text)"?

But it's not working.

It's like "My car doesn't start. What's the problem?"

Joffm

Volunteers are not paid.
Not because they are worthless, but because they are priceless

The topic has been locked.

Vinicos
Offline
Senior Member

More

4 years 1 week ago #197235 by Vinicos

Replied by Vinicos on topic Country list and dropdown autocomplete

Hi

I used this syntaxes in the question source:
<script type="text/javascript" charset="utf-8">
$(document).ready(function() {
$('#question{QID} input[type="text"]').autocomplete({
minLength: 2,
source: ["África do Sul", "Albânia", "Alemanha", "Andorra", "Angola", "Anguilla", "Antigua", "Arábia Saudita", "Argentina", "Armênia", "Aruba", "Austrália", "Áustria", "Azerbaijão", "Bahamas", "Bahrein", "Bangladesh", "Barbados", "Bélgica", "Benin", "Bermudas", "Botsuana", "Brasil", "Brunei", "Bulgária", "Burkina Fasso", "Butão", "Cabo Verde", "Camarões", "Camboja", "Canadá", "Cazaquistão", "Chade", "Chile", "China", "Vaticano", "Colômbia", "Congo", "Coreia do Norte", "Coreia do Sul", "Costa do Marfim", "Costa Rica", "Croácia", "Dinamarca", "Djibuti", "Dominica", "Estados Unidos da América", "Egito", "El Salvador", "Emirados Árabes", "Equador", "Eritreia", "Escócia", "Eslováquia", "Eslovênia", "Espanha", "Estônia", "Etiópia", "Fiji", "Filipinas", "Finlândia", "França", "Gabão", "Gâmbia", "Gana", "Geórgia", "Gibraltar", "Granada", "Grécia", "Guadalupe", "Guam", "Guatemala", "Guiana", "Guiana Francesa", "Guiné-Bissau", "Haiti", "Holanda", "Honduras", "Hong Kong", "Hungria", "Iêmen", "Ilhas Cayman", "Ilhas Cook", "Ilhas Curaçao", "Ilhas Marshall", "Ilhas Turks & Caicos", "Ilhas Virgens (brit.)", "Ilhas Virgens(amer.)", "Ilhas Wallis e Futuna", "Índia", "Indonésia", "Inglaterra", "Irlanda", "Islândia", "Israel", "Itália", "Jamaica", "Japão", "Jordânia", "Kuwait", "Letônia", "Líbano", "Liechtenstein", "Lituânia", "Luxemburgo", "Macau", "Macedônia", "Madagáscar", "Malásia", "Malaui", "Mali", "Malta", "Marrocos", "Martinica", "Mauritânia", "Mauritius", "México", "Moldova", "Mônaco", "Montserrat", "Nepal", "Nicarágua", "Níger", "Nigéria", "Noruega", "Nova Caledônia", "Nova Zelândia", "Omã", "Palau", "Panamá", "Papua-Nova Guiné", "Paquistão", "Peru", "Polinésia Francesa", "Polônia", "Porto Rico", "Portugal", "Qatar", "Quênia", "República Dominicana", "República Tcheca", "Reunion", "Romênia", "Ruanda", "Rússia", "Saipan", "Samoa Americana", "Senegal", "Serra Leone", "Seychelles", "Singapura", "Síria", "Sri Lanka", "St. Kitts & Nevis", "St. Lúcia", "St. Vincent", "Sudão", "Suécia", "Suíça", "Suriname", "Tailândia", "Taiwan", "Tanzânia", "Togo", "Trinidad & Tobago", "Tunísia", "Turquia", "Ucrânia", "Uganda", "Uruguai", "Venezuela", "Vietnam", "Zaire", "Zâmbia", "Zimbábue"]
});
});
</script>

And it didn't work as I expected. I mean, by starting writing, for example, "Br..." (having in mind "Brasil" - Brazil in portuguese), it didn't show up the whole word.

Is it clear now?

The topic has been locked.

holch
Offline
LimeSurvey Community Team

More

4 years 1 week ago #197236 by holch

Replied by holch on topic Country list and dropdown autocomplete

Ideally you always provide a LSS file with only the questions required for the problem. Then it is easier for us to understand what you are doing and checking for errors within your code. Because the problem could lie outside of this code in certain settings. I assume you prepared your survey for using Javascript, right? If not, check the manual on how to use Javascript in LS.

I answer at the LimeSurvey forum in my spare time, I'm not a LimeSurvey GmbH employee.
No support via private message.

The topic has been locked.

holch
Offline
LimeSurvey Community Team

More

4 years 1 week ago #197241 by holch

Replied by holch on topic Country list and dropdown autocomplete

In any way, I have tried the code in LimeSurvey Version 3.22.13+200415 and nothing happens when typing in the text field.

The code that I used is the code originally provided:

Code:

<script type="text/javascript" charset="utf-8">
$(document).ready(function() {
$('#question{QID} input[type="text"]').autocomplete({
minLength: 2,
source: ["Test1","Test2","Test3"]
});
});
</script>

I answer at the LimeSurvey forum in my spare time, I'm not a LimeSurvey GmbH employee.
No support via private message.

The topic has been locked.

Joffm
Offline
LimeSurvey Community Team

More

4 years 1 week ago - 4 years 1 week ago #197243 by Joffm

Replied by Joffm on topic Country list and dropdown autocomplete

This is because you have to add something to the theme.
Unfortunately it is included in one of my themes, but I still did not find, what it is.
This is the result, if you just refer to a single post, not to the original thread.
I found:
jquery-ui.min.css in the css-folder of the theme
jquery-ui.min.js in the script-folder of the theme

But nevertheless:
In the meantime we have far better solutions:
Tony's Searchable-Dropdown

github.com/tpartner/LimeSurvey-Searchable-Dropdown

Joffm

Volunteers are not paid.
Not because they are worthless, but because they are priceless

Attachments:

...shot.33173.jpg

Last edit: 4 years 1 week ago by Joffm.

The following user(s) said Thank You: holch

The topic has been locked.

tpartner
Offline
LimeSurvey Community Team

More

4 years 1 week ago #197287 by tpartner

Replied by tpartner on topic Country list and dropdown autocomplete

Yes, autocomplete is a jQuery UI plugin so you need to include jquery-ui.js and jquery-ui.css. You can either do it via a CDN as in the script below or include them directly as I do in my Card Sorting question theme .

But, yes, the Searchable Dropdown theme should work fine for this application.

Code for the Autocomplete plugin:

Code:

<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.css" />
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
<script type="text/javascript" charset="utf-8">
  $(document).ready(function() {
    $('#question{QID} input[type="text"]').autocomplete({
      minLength: 2,
      source: ["África do Sul", "Albânia", "Alemanha", "Andorra", "Angola", "Anguilla", "Antigua", "Arábia Saudita", "Argentina", "Armênia", "Aruba", "Austrália", "Áustria", "Azerbaijão", "Bahamas", "Bahrein", "Bangladesh", "Barbados", "Bélgica", "Benin", "Bermudas", "Botsuana", "Brasil", "Brunei", "Bulgária", "Burkina Fasso", "Butão", "Cabo Verde", "Camarões", "Camboja", "Canadá", "Cazaquistão", "Chade", "Chile", "China", "Vaticano", "Colômbia", "Congo", "Coreia do Norte", "Coreia do Sul", "Costa do Marfim", "Costa Rica", "Croácia", "Dinamarca", "Djibuti", "Dominica", "Estados Unidos da América", "Egito", "El Salvador", "Emirados Árabes", "Equador", "Eritreia", "Escócia", "Eslováquia", "Eslovênia", "Espanha", "Estônia", "Etiópia", "Fiji", "Filipinas", "Finlândia", "França", "Gabão", "Gâmbia", "Gana", "Geórgia", "Gibraltar", "Granada", "Grécia", "Guadalupe", "Guam", "Guatemala", "Guiana", "Guiana Francesa", "Guiné-Bissau", "Haiti", "Holanda", "Honduras", "Hong Kong", "Hungria", "Iêmen", "Ilhas Cayman", "Ilhas Cook", "Ilhas Curaçao", "Ilhas Marshall", "Ilhas Turks &amp; Caicos", "Ilhas Virgens (brit.)", "Ilhas Virgens(amer.)", "Ilhas Wallis e Futuna", "Índia", "Indonésia", "Inglaterra", "Irlanda", "Islândia", "Israel", "Itália", "Jamaica", "Japão", "Jordânia", "Kuwait", "Letônia", "Líbano", "Liechtenstein", "Lituânia", "Luxemburgo", "Macau", "Macedônia", "Madagáscar", "Malásia", "Malaui", "Mali", "Malta", "Marrocos", "Martinica", "Mauritânia", "Mauritius", "México", "Moldova", "Mônaco", "Montserrat", "Nepal", "Nicarágua", "Níger", "Nigéria", "Noruega", "Nova Caledônia", "Nova Zelândia", "Omã", "Palau", "Panamá", "Papua-Nova Guiné", "Paquistão", "Peru", "Polinésia Francesa", "Polônia", "Porto Rico", "Portugal", "Qatar", "Quênia", "República Dominicana", "República Tcheca", "Reunion", "Romênia", "Ruanda", "Rússia", "Saipan", "Samoa Americana", "Senegal", "Serra Leone", "Seychelles", "Singapura", "Síria", "Sri Lanka", "St. Kitts &amp; Nevis", "St. Lúcia", "St. Vincent", "Sudão", "Suécia", "Suíça", "Suriname", "Tailândia", "Taiwan", "Tanzânia", "Togo", "Trinidad &amp; Tobago", "Tunísia", "Turquia", "Ucrânia", "Uganda", "Uruguai", "Venezuela", "Vietnam", "Zaire", "Zâmbia", "Zimbábue"]
    });
  });
</script>

Cheers,
Tony Partner
Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.

The following user(s) said Thank You: holch, JamieD

The topic has been locked.

holch
Offline
LimeSurvey Community Team

More

4 years 1 week ago #197292 by holch

Replied by holch on topic Country list and dropdown autocomplete

Thanks Tpartner! Works like a charm.

I assume that there is no chance to let "África do Sul" appear, when you type just "Af...", right? Because I tried it with that and it didn't work (obviously). So first I thought the solution doesn't work. At the end I tried "Alemanha" and it worked.

Obsivously the script requires to type the accent. Which makes sense. I just don't know if people will always write the accent, especially at the beginning. Just curious if you see any way to make this work.

I answer at the LimeSurvey forum in my spare time, I'm not a LimeSurvey GmbH employee.
No support via private message.

The topic has been locked.

tpartner
Offline
LimeSurvey Community Team

More

4 years 1 week ago #197299 by tpartner

Replied by tpartner on topic Country list and dropdown autocomplete

The plugin has no way to convert special characters so you will need to type them if you want them included in the search.

Cheers,
Tony Partner
Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.

The topic has been locked.

Vinicos
Offline
Senior Member

More

4 years 1 week ago #197304 by Vinicos

Replied by Vinicos on topic Country list and dropdown autocomplete

Thanks, holch, tpartner and joffm,
The syntaxes worked well.
I will try to use the searchable drop-down question, but I guess I will need to e-mail my university's computer technician, as I think I can't do it myself. It seems to be a better idea to avoid missing answers.
I'm sorry sometimes my questions are not that clear, but I'm new to LS and it has been really hard to use javascript, css, jquery, and all these things. They are completely new to me.
Thanks a lot!

The topic has been locked.

tpartner
Offline
LimeSurvey Community Team

More

4 years 1 week ago #197305 by tpartner

Replied by tpartner on topic Country list and dropdown autocomplete

I'm sorry sometimes my questions are not that clear, but I'm new to LS and it has been really hard to use javascript, css, jquery, and all these things. They are completely new to me.

I think you're doing very well!

Cheers,
Tony Partner
Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.

The topic has been locked.

holch
Offline
LimeSurvey Community Team

More

4 years 1 week ago #197312 by holch

Replied by holch on topic Country list and dropdown autocomplete

The plugin has no way to convert special characters so you will need to type them if you want them included in the search.

I expected this already. But I thought I might ask anyway. Maybe a solution is to put the country name also without the accent, but this might confuse people and can confuse later also when it comes to analysis.

I answer at the LimeSurvey forum in my spare time, I'm not a LimeSurvey GmbH employee.
No support via private message.

The topic has been locked.

Lime-years ahead

Online-surveys for every purse and purpose

Pricing & Plans

Get started

Welcome to the LimeSurvey Community Forum

Country list and dropdown autocomplete

Lime-years ahead

Legal

About Us

Open Source