Adaptar código para leitura de cidades.
Olá, consegui este código em JS e peço a ajuda de vocês para que eu possa adaptá-lo. É o seguinte, eu gostaria de saber como posso fazer para carregar a distância das cidades no textarea. Se você executar o código, verá que conforme escolhemos o combo o texto muda, eu gostaria que ele mudasse conforme as combos origem destino.
Tipo:
Cidade Origem: Araguari
Cidade Desitno: Campo Alegre
Aprece no textarea = Distância 85 Km.
Cidade Origem: Araguari
Cidade Desitno: Barra Velha
Aprece no textarea = Distância 40 Km.
Perceba que Araguari vai ocupar a posição 1 e conforme as diverentes cidades de destino, vai variando tbm a distância.
O código é um pouco grande, mas vamos lá:
<script language="JavaScript"><!--var num_of_cats = 4; // Este é o número de categorias, incluindo a primeira que é em brancovar open_in_newwindow=1; //Carrega 1 para abrir links em uma nova janela, e 0 para não abrir.var option_array = new Array(num_of_cats);option_array[0] = new Array("Você precisa selecionar uma categoria"); // Esta é a categoria em branco.option_array[1] = new Array("-- Select One --","JavaScript Kit", //Aqui eu colocaria as cidades de destino referentes a primeira cidade"News.com","Wired");option_array[2] = new Array("-- Select One --", // Aqui eu colocaria as cidades de destino referentes a segunda cidade"CNN","ABC News");option_array[3] = new Array("-- Select One --","Google","Ask Jeeves");var text_array = new Array(num_of_cats);text_array[0] = new Array("Mensagem"); // Aqui seria a mensagem que aparece na Textarea, conforme eu seleciono a combinação das duas combos (origem e destino).text_array[1] = new Array("Mensagem referente a combinação da combo da posição 1");// Aqui seria a mensagem que aparece na Textarea, conforme eu seleciono a combinação das duas combos (origem e destino).text_array[2] = new Array("Mensagem referente a combinação da combo da posição 2");// Aqui seria a mensagem que aparece na Textarea, conforme eu seleciono a combinação das duas combos (origem e destino).text_array[3] = new Array("Mensagem referente a combinação da combo da posição 3");// Aqui seria a mensagem que aparece na Textarea, conforme eu seleciono a combinação das duas combos (origem e destino).var url_array = new Array(num_of_cats);url_array[0] = new Array("#"); // A primeira categoria é em branco, portanto recebe "#".url_array[1] = new Array("#", // Nesta categoria aparece, por favor selecione um link."[http://javascriptkit.com/","http://www.news.com/","http://www.wired.com/");url_array[2]](http://javascriptkit.com/) = new Array("#","[http://www.cnn.com/","http://abcnews.go.com/");url_array[3]](http://www.cnn.com/) = new Array("#","[http://www.google.com/","http://www.aj.com/");function](http://www.google.com/) switch_select(){ for (loop = window.document.form_1.select_2.options.length-1; loop > 0; loop--) { window.document.form_1.select_2.options[loop] = null; } for (loop = 0; loop < option_array[window.document.form_1.select_1.selectedIndex].length; loop++) { window.document.form_1.select_2.options[loop] = new Option(option_array[window.document.form_1.select_1.selectedIndex][loop]); } window.document.form_1.select_2.selectedIndex = 0;} function switch_text(){ window.document.form_1.textarea_1.value = text_array[window.document.form_1.select_1.selectedIndex][window.document.form_1.select_2.selectedIndex];}function box(){ if (window.document.form_1.select_2.selectedIndex == 0) { alert("Where do you think you're going?"); } else { if (open_in_newwindow==1) window.open(url_array[window.document.form_1.select_1.selectedIndex][window.document.form_1.select_2.selectedIndex],"_blank"); else window.location=url_array[window.document.form_1.select_1.selectedIndex][window.document.form_1.select_2.selectedIndex] }}function set_orig(){ window.document.form_1.select_1.selectedIndex = 0; window.document.form_1.select_2.selectedIndex = 0;}window.onload=set_orig// --></script><form name="form_1" onSubmit="return false;"> <textarea WRAP="virtual" name="textarea_1" rows=6 cols=60>Mensagem que aparecerá na Textarea assim que a página for carregada. --> <select name="select_1" onChange="switch_select(); switch_text();"> <option>-- Categories --</option> // Aqui eu carrego as cidades de origem <option>Technology Sites</option> <option>News Sites</option> <option>Search Engines</option> </select> <select name="select_2" onChange="switch_text();"> <option>You need to select a category</option> <option> </option> <option> </option> </select> <input type="submit" onClick="box();" value="Go!"> //chama a função box, referente aos links.</form>Discussão (1)
Carregando comentários...