I found this script:
[url]http://javascript.html.it/demo/javascript/4537/esempio.htm
[url]http://javascript.html.it/script/vedi/4537/fusi-orari/
(clic on “Scarica il file”)
I like it very much but I would like to add a new tag select like this:
[CODE]<select name=”continet”>
<option value=”-1″>– Select Continent –</option>
<option value=”0″>Africa</option>
<option value=”1″>The Americas</option>
<option value=”2″>Asia</option>
<option value=”3″>Australia</option>
<option value=”4″>Europa</option>
</select>
because I would like a script very little.
I tried many time to add code but it doesn’t work… ?
Thanks for your help
Can you isolate the problem to a smaller script?
Perhaps you can post the code that you tried so we can see what you have done.
I'm having trouble with the language (American with no additional language skills :o)
and the area you requested to click is not a link, so it does nothing.[/QUOTE]
Did you want to add the select via javascript after some event like a button click? Or are you just adding this HTML to your web page and it doesn't work? Or are you trying to add a select box to someone else's page. Or are you trying to add a select box to a blog?[/QUOTE]
[CODE] var Continenti = new Array();
Continenti[0] = "Asia";
Continenti[1] = "Africa";
Continenti[2] = "North America";
Continenti[3] = "South America";
Continenti[4] = "Antarctica";
Continenti[5] = "Europe";
Continenti[6] = "Australia";[/CODE]
[CODE]function seleziona_array() {
var var_continente = theForm.continenti_mondo.options[theForm.continenti_mondo.selectedIndex].value;
if (var_continente == 1) {cityArray=Asia_Cities_List;}
else if (var_continente == 2) {cityArray=Africa_Cities_List;}
else if (var_continente == 3) {cityArray=North_America_Cities_List;}
else if (var_continente == 4) {cityArray=South_America_Cities_List;}
else if (var_continente == 5) {cityArray=Antarctica_Cities_List;}
else if (var_continente == 6) {cityArray=Europe_Cities_List;}
else if (var_continente == 7) {cityArray=Australia_Cities_List;}
return cityArray
}[/CODE]
[CODE]<div class="s_c">
<script type="text/javascript"><!--
document.write("<select class="theSelect" id="continenti" name="continenti_mondo" gestisci_select(this[this.selectedIndex].value)>");
document.write("<option value="0" selected="selected">< Continent ></option>");
aggiungi_continente()
document.write("</select>");
//--></script>
</div>
<div class="s_c">
<script type="text/javascript"><!--
document.write("<select onchange="citySelect(this, cityArray, 9);" class="theSelect">");
document.write("<option value="< Choose City >" selected="selected">< Choose City ></option>");
//--></script>
<script type="text/javascript"><!--
writeItAll(cityArray)
//--></script>
<script type="text/javascript"><!--
document.write("</select>");
//--></script>
</div>[/CODE]
[CODE]function citySelect(drop, cityArray, id) {
var var_continente = theForm.continenti_mondo.options[theForm.continenti_mondo.selectedIndex].value;
if (var_continente == 1) {cityArray=Asia_Cities_List;}
else if (var_continente == 2) {cityArray=Africa_Cities_List;}
else if (var_continente == 3) {cityArray=North_America_Cities_List;}
else if (var_continente == 4) {cityArray=South_America_Cities_List;}
else if (var_continente == 5) {cityArray=Antarctica_Cities_List;}
else if (var_continente == 6) {cityArray=Europe_Cities_List;}
else if (var_continente == 7) {cityArray=Australia_Cities_List;}
var city = drop.options[drop.selectedIndex].value;
if (city != "< Choose City >") {
for (var i=0; i < cityArray.length; i++) {
if (city == cityArray[i].cityAcronym) {
document.theForm.elements[id].value = displayDate(cityArray[i]);
if (document.all) {
window.sstchur.web.js.xb.setTimeout(citySelect, 1, drop, cityArray, id);
}
else { window.setTimeout(citySelect, 1, drop, cityArray, id); }
}
}
}
else {document.theForm.elements[id].value = "00:00:00";}
}[/CODE]
[CODE]function seleziona_array() {
indice_selezionato = document.getElementById('continenti').selectedIndex;
value_selezionato = document.getElementById('continenti').options[indice_selezionato].value;
if (value_selezionato == 1) {cityArray=Asia_Cities_List;}
else if (value_selezionato == 2) {cityArray=Africa_Cities_List;}
else if (value_selezionato == 3) {cityArray=North_America_Cities_List;}
else if (value_selezionato == 4) {cityArray=South_America_Cities_List;}
else if (value_selezionato == 5) {cityArray=Antarctica_Cities_List;}
else if (value_selezionato == 6) {cityArray=Europe_Cities_List;}
else if (value_selezionato == 7) {cityArray=Australia_Cities_List;}
}[/CODE]
[CODE]<div class="s_c">
<script type="text/javascript"><!--
document.write("<select class="theSelect" id="continenti" name="continenti_mondo" onchange="seleziona_array(this.selectedIndex)">");
document.write("<option value="0" selected="selected">< Continent ></option>");
aggiungi_continente()
document.write("</select>");
//--></script>
</div>
<div class="s_c">
<script type="text/javascript"><!--
document.write("<select onchange="citySelect(this, cityArray, 9);" class="theSelect">");
document.write("<option value="< Choose City >" selected="selected">< Choose City ></option>");
//--></script>
<script type="text/javascript"><!--
writeItAll(cityArray)
//--></script>
<script type="text/javascript"><!--
document.write("</select>");
//--></script>
</div>[/CODE]
[CODE]function seleziona_array(indice_selezionato) {
if (indice_selezionato == 1) {cityArray=Asia_Cities_List;}
else if (indice_selezionato == 2) {cityArray=Africa_Cities_List;}
else if (indice_selezionato == 3) {cityArray=North_America_Cities_List;}
else if (indice_selezionato == 4) {cityArray=South_America_Cities_List;}
else if (indice_selezionato == 5) {cityArray=Antarctica_Cities_List;}
else if (indice_selezionato == 6) {cityArray=Europe_Cities_List;}
else if (indice_selezionato == 7) {cityArray=Australia_Cities_List;}
}
function citySelect(drop, cityArray, id) {
var city = drop.options[drop.selectedIndex].value;
if (city != "< Choose City >") {
for (var i=0; i < cityArray.length; i++) {
if (city == cityArray[i].cityAcronym) {
document.theForm.elements[id].value = displayDate(cityArray[i]);
if (document.all) {
window.sstchur.web.js.xb.setTimeout(citySelect, 1, drop, cityArray, id);
}
else { window.setTimeout(citySelect, 1, drop, cityArray, id); }
}
}
}
else {document.theForm.elements[id].value = "00:00:00";}
}[/CODE]
[CODE] var Continenti = new Array();
Continenti[0] = "Asia";
Continenti[1] = "Africa";
Continenti[2] = "North America";
Continenti[3] = "South America";
Continenti[4] = "Antarctica";
Continenti[5] = "Europe";
Continenti[6] = "Australia";[/CODE]
[CODE]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento senza titolo</title>
</head>
<body>
<form name="esempio" action="">
<select name="pippo" id="selezione" onchange="if (this.options[1].selected) {document.write(this.selectedIndex);};">
<option value="-1">-- Select Element --</option>
<option value="0">Vacanza 1</option>
<option value="1">Vacanza 2</option>
<option value="2">Vacanza 3</option>
<option value="3">Vacanza 4</option>
<option value="4">Vacanza 5</option>
</select>
<div name="sonotriste">
</div>
</form>
</body>
</html>[/CODE]
it is too hard for me... ?
I am not good enought for this problem... I have olready too many files into my hard disk... ?
I need for an help!!! ?[/QUOTE]
<i>
</i><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento senza titolo</title>
</head>
<body>
<form name="esempio" action="">
<select name="pippo" id="selezione"
onchange="if (this.options[1].selected) {document.write(this.selectedIndex);};">
<option value="-1">-- Select Element --</option>
<option value="0">Vacanza 1</option>
<option value="1">Vacanza 2</option>
<option value="2">Vacanza 3</option>
<option value="3">Vacanza 4</option>
<option value="4">Vacanza 5</option>
</select>
<div name="sonotriste">
</div>
</form>
</body>
</html>
<i>
</i><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento senza titolo</title>
</head>
<body>
<form name="esempio" action="">
<select name="pippo" id="selezione"
onchange="var str='index '+this.selectedIndex+'nhas a value of '+this.options[this.selectedIndex].value+'nand a text of '+this.options[this.selectedIndex].text;alert(str);document.getElementById('sonotriste').innerHTML=str">
<!-- NOTE: all of onchange code could be moved to a function -->
<option value="-1">-- Select Element --</option>
<option value="0">Vacanza 1</option>
<option value="1">Vacanza 2</option>
<option value="2">Vacanza 3</option>
<option value="3">Vacanza 4</option>
<option value="4">Vacanza 5</option>
</select>
<div name="sonotriste" id="sonotriste">
</div>
</form>
</body>
</html>
[CODE]<select name="continet">
<option value="-1">-- Select Continent --</option>
<option value="0">Africa</option>
<option value="1">The Americas</option>
<option value="2">Asia</option>
<option value="3">Australia</option>
<option value="4">Europa</option>
</select>[/CODE]
[CODE]<div class="class1">
<script type="text/javascript"><!--
document.write("<select onchange="citySelect(this, Africa_Cities_List, 7);" class="theSelect">");
document.write("<option value="< Choose City >" selected="selected">< Choose City ></option>");
writeItAll(Africa_Cities_List);
document.write("</select>");
//--></script>
</div>[/CODE]
[CODE]<div class="class1">
<script type="text/javascript"><!--
document.write("<select onchange="citySelect(this, America_Cities_List, 7);" class="theSelect">");
document.write("<option value="< Choose City >" selected="selected">< Choose City ></option>");
writeItAll(America_Cities_List);
document.write("</select>");
//--></script>
</div>[/CODE]
[CODE]<div class="class1">
<script type="text/javascript"><!--
document.write("<select onchange="citySelect(this, Asia_Cities_List, 7);" class="theSelect">");
document.write("<option value="< Choose City >" selected="selected">< Choose City ></option>");
writeItAll(Asia_Cities_List);
document.write("</select>");
//--></script>
</div>[/CODE]
[CODE]<div class="class1">
<script type="text/javascript"><!--
document.write("<select onchange="citySelect(this, Australia _Cities_List, 7);" class="theSelect">");
document.write("<option value="< Choose City >" selected="selected">< Choose City ></option>");
writeItAll(Australia _Cities_List);
document.write("</select>");
//--></script>
</div>[/CODE]
[CODE]<div class="class1">
<script type="text/javascript"><!--
document.write("<select onchange="citySelect(this, Europa _Cities_List, 7);" class="theSelect">");
document.write("<option value="< Choose City >" selected="selected">< Choose City ></option>");
writeItAll(Europa _Cities_List);
document.write("</select>");
//--></script>
</div>[/CODE]
<i>
</i><html>
<head>
<title>Continent Selections</title>
<script type="text/javascript">
// From: http://www.webdeveloper.com/forum/showthread.php?p=1064452#post1064452
var Africa_Cities_List = [
'Johannesburg',
'Cape Town',
'Cairo',
'Tripoli' // NOTE: no comma after last entry
];
var America_Cities_List = [
'New York',
'Miami',
'Los Angeles',
'Washington' // NOTE: no comma after last entry
];
var Asia_Cities_List = [
'Moscow',
'Beijing',
'Tehran',
'Tokyo' // NOTE: no comma after last entry
];
var Australia_Cities_List = [
'Sydney',
'Melbourn',
'Queensland' // NOTE: no comma after last entry
];
var Europa_Cities_List = [
'London',
'Paris',
'Berlin' // NOTE: no comma after last entry
];
function continentSelect(info) {
for (var i=1; i<6; i++) {
document.getElementById('continent'+i).style.display = 'none';
}
if (info.value == '0') { return; }
document.getElementById('continent'+info.selectedIndex).style.display = 'block';
}
function citySelect(info) {
if (info.value == '0') { return; }
alert('Selected city: '+info.value);
}
</script>
<style type="text/css">
.class1 { display:none; }
</style>
</head>
<body>
<select name="continent" onchange="continentSelect(this)">
<option value="0" selected>-- Select Continent --</option>
<option value="1">Africa</option>
<option value="2">The Americas</option>
<option value="3">Asia</option>
<option value="4">Australia</option>
<option value="5">Europa</option>
</select>
<p>
<div class="class1" id="continent1">
<script type="text/javascript">
var str = '<select onchange="citySelect(this)" class="theSelect">';
str +='<option value="0" selected="selected">&lt; Choose African City &gt;</option>';
for (var i=0; i<Africa_Cities_List.length; i++) {
str += '<option value="'+Africa_Cities_List[i]+'">'+Africa_Cities_List[i]+'</option>';
}
str +="</select>";
document.write(str);
</script>
</div>
<p>
<div class="class1" id="continent2">
<script type="text/javascript">
var str = '<select onchange="citySelect(this)" class="theSelect">';
str +='<option value="0" selected="selected">&lt; Choose American City &gt;</option>';
for (var i=0; i<America_Cities_List.length; i++) {
str += '<option value="'+America_Cities_List[i]+'">'+America_Cities_List[i]+'</option>';
}
str +="</select>";
document.write(str);
</script>
</div>
<p>
<div class="class1" id="continent3">
<script type="text/javascript">
var str = '<select onchange="citySelect(this)" class="theSelect">';
str +='<option value="0" selected="selected">&lt; Choose Asian City &gt;</option>';
for (var i=0; i<Asia_Cities_List.length; i++) {
str += '<option value="'+Asia_Cities_List[i]+'">'+Asia_Cities_List[i]+'</option>';
}
str +="</select>";
document.write(str);
</script>
</div>
<p>
<div class="class1" id="continent4">
<script type="text/javascript">
var str = '<select onchange="citySelect(this)" class="theSelect">';
str +='<option value="0" selected="selected">&lt; Choose Austrialian City &gt;</option>';
for (var i=0; i<Australia_Cities_List.length; i++) {
str += '<option value="'+Australia_Cities_List[i]+'">'+Australia_Cities_List[i]+'</option>';
}
str +="</select>";
document.write(str);
</script>
</div>
<p>
<div class="class1" id="continent5">
<script type="text/javascript">
var str = '<select onchange="citySelect(this)" class="theSelect">';
str +='<option value="0" selected="selected">&lt; Choose European City &gt;</option>';
for (var i=0; i<Europa_Cities_List.length; i++) {
str += '<option value="'+Europa_Cities_List[i]+'">'+Europa_Cities_List[i]+'</option>';
}
str +="</select>";
document.write(str);
</script>
</div>
</body>
</html>
0.1.9 — BETA 5.19