ztheged
09-01-2002, 10:16 AM
G'dday folks!
Would like to ask for some help regarding two issues with a triple combo script from javascriptkit.com.
First of all, a matter which I have read about already in this forum, but did not become quite clear to me, and thus didnt work:
- how can I make the combo script have its links point into a frame, or in my case an Iframe (!). I tried the coding
}
function redirect2(z){
parent.chartsloader.location=temp1[z].value
}
where the iFrame's name is "chartsloader" but got an error on trying to access a link.
Second question is how to make the triple combo work so thata user would be able to simply click the 3rd combo and see the complete list or airports, not have to first select the region and country. (Yea, you guessed it! It is intended to create categories for chart downloading, like 'Select Region' > 'Select Country' > 'Select airport'. Is this possible without the need for server side scripting?
Thanks in advance for any help!
Cheers
PS-- Maybe would have been better to post the full code as well... :rolleyes: better late then never
<FORM name="isc">
<p style="margin-left: 1; margin-top: 1">
<select name="example" size="1" onChange="redirect(this.options.selectedIndex)" style="width: 150; font-family: Arial; color: #808080; font-size: 8pt">
<option selected>Select Region</option>
<option>Europe</option>
<option>America</option>
</select><select name="stage2" size="1" onChange="redirect1(this.options.selectedIndex)" style="width: 150; font-size: 8pt; font-family: Arial; color: #808080">
<option value=" " selected> </option>
<option value=" " selected>Select Country</option>
<option value=" " selected>Select Country</option>
</select><select name="stage3" size="1" onChange="redirect2(this.options.selectedIndex)" style="width: 150; color: #808080; font-family: Arial; font-size: 8pt">
<option value=" " selected> </option>
<option value=" " selected>Select Airport</option>
<option value=" " selected>Select Airport</option>
</select>
<script>
<!--
/*
Triple Combo Script Credit
By Hamid Cheheltani/ JavaScript Kit (http://www.javascriptkit.com)
Visit http://javascriptkit.com for this and over 400+ other scripts
*/
var groups=document.isc.example.options.length
var group=new Array(groups)
for (i=0; i<groups; i++)
group[i]=new Array()
group[0][0]=new Option("Select Country"," ");
group[1][0]=new Option("Select Country"," ");
group[1][1]=new Option("Austria","47");
group[1][2]=new Option("Germany","46");
group[1][3]=new Option("United Kingdom","45");
group[2][0]=new Option("Select Country"," ");
group[2][1]=new Option("Canada","115");
group[2][2]=new Option("United States","116");
var temp=document.isc.stage2
function redirect(x){
for (m=temp.options.length-1;m>0;m--)
temp.options[m]=null
for (i=0;i<group[x].length;i++){
temp.options[i]=new Option(group[x][i].text,group[x][i].value)
}
temp.options[0].selected=true
redirect1(0)
}
var secondGroups=document.isc.stage2.options.length
var secondGroup=new Array(groups)
for (i=0; i<groups; i++) {
secondGroup[i]=new Array(group[i].length)
for (j=0; j<group[i].length; j++) {
secondGroup[i][j]=new Array() }}
secondGroup[0][0][0]=new Option("Select Airport"," ");
secondGroup[1][0][0]=new Option("Select Airport"," ");
secondGroup[1][1][0]=new Option("Now Select This One"," ");
secondGroup[1][1][1]=new Option("JavaScript Kit","http://javascriptkit.com");
secondGroup[1][1][2]=new Option("JavaScript for the non programmer","http://webteacher.com/javascript/");
secondGroup[1][1][3]=new Option("Java-Scripts.net","http://java-scripts.net");
secondGroup[1][2][0]=new Option("Now Select This One"," ");
secondGroup[1][2][1]=new Option("Dynamic Drive","http://www.dynamicdrive.com");
secondGroup[1][2][2]=new Option("Beginner\'s Guide to DHTML","http://www.geocities.com/ResearchTriangle/Facility/4490/");
secondGroup[1][2][3]=new Option("Web Coder","http://webcoder.com/");
secondGroup[1][3][0]=new Option("Now Select This One"," ");
secondGroup[1][3][1]=new Option("CGI Resources","http://www.cgi-resources.com");
secondGroup[1][3][2]=new Option("Ada\'s Intro to CGI","http://adashimar.hypermart.net/");
secondGroup[2][0][0]=new Option("---Select 3---"," ");
secondGroup[2][1][0]=new Option("Now Select This One"," ");
secondGroup[2][1][1]=new Option("CNN","http://www.cnn.com");
secondGroup[2][1][2]=new Option("MSNBC","http://www.msnbc.com");
secondGroup[2][1][3]=new Option("ABC News","http://www.abcnews.com");
secondGroup[2][2][0]=new Option("Now Select A Page"," ");
secondGroup[2][2][1]=new Option("News.com","http://www.news.com");
secondGroup[2][2][2]=new Option("Wired","http://www.wired.com");
var temp1=document.isc.stage3
function redirect1(y){
for (m=temp1.options.length-1;m>0;m--)
temp1.options[m]=null
for (i=0;i<secondGroup[document.isc.example.options.selectedIndex][y].length;i++){
temp1.options[i]=new Option(secondGroup[document.isc.example.options.selectedIndex][y][i].text,secondGroup[document.isc.example.options.selectedIndex][y][i].value)
}
temp1.options[0].selected=true
}
function redirect2(z){
parent.chartsloader.location=temp1[z].value
}
//-->
</script>
</p>
</FORM>
Would like to ask for some help regarding two issues with a triple combo script from javascriptkit.com.
First of all, a matter which I have read about already in this forum, but did not become quite clear to me, and thus didnt work:
- how can I make the combo script have its links point into a frame, or in my case an Iframe (!). I tried the coding
}
function redirect2(z){
parent.chartsloader.location=temp1[z].value
}
where the iFrame's name is "chartsloader" but got an error on trying to access a link.
Second question is how to make the triple combo work so thata user would be able to simply click the 3rd combo and see the complete list or airports, not have to first select the region and country. (Yea, you guessed it! It is intended to create categories for chart downloading, like 'Select Region' > 'Select Country' > 'Select airport'. Is this possible without the need for server side scripting?
Thanks in advance for any help!
Cheers
PS-- Maybe would have been better to post the full code as well... :rolleyes: better late then never
<FORM name="isc">
<p style="margin-left: 1; margin-top: 1">
<select name="example" size="1" onChange="redirect(this.options.selectedIndex)" style="width: 150; font-family: Arial; color: #808080; font-size: 8pt">
<option selected>Select Region</option>
<option>Europe</option>
<option>America</option>
</select><select name="stage2" size="1" onChange="redirect1(this.options.selectedIndex)" style="width: 150; font-size: 8pt; font-family: Arial; color: #808080">
<option value=" " selected> </option>
<option value=" " selected>Select Country</option>
<option value=" " selected>Select Country</option>
</select><select name="stage3" size="1" onChange="redirect2(this.options.selectedIndex)" style="width: 150; color: #808080; font-family: Arial; font-size: 8pt">
<option value=" " selected> </option>
<option value=" " selected>Select Airport</option>
<option value=" " selected>Select Airport</option>
</select>
<script>
<!--
/*
Triple Combo Script Credit
By Hamid Cheheltani/ JavaScript Kit (http://www.javascriptkit.com)
Visit http://javascriptkit.com for this and over 400+ other scripts
*/
var groups=document.isc.example.options.length
var group=new Array(groups)
for (i=0; i<groups; i++)
group[i]=new Array()
group[0][0]=new Option("Select Country"," ");
group[1][0]=new Option("Select Country"," ");
group[1][1]=new Option("Austria","47");
group[1][2]=new Option("Germany","46");
group[1][3]=new Option("United Kingdom","45");
group[2][0]=new Option("Select Country"," ");
group[2][1]=new Option("Canada","115");
group[2][2]=new Option("United States","116");
var temp=document.isc.stage2
function redirect(x){
for (m=temp.options.length-1;m>0;m--)
temp.options[m]=null
for (i=0;i<group[x].length;i++){
temp.options[i]=new Option(group[x][i].text,group[x][i].value)
}
temp.options[0].selected=true
redirect1(0)
}
var secondGroups=document.isc.stage2.options.length
var secondGroup=new Array(groups)
for (i=0; i<groups; i++) {
secondGroup[i]=new Array(group[i].length)
for (j=0; j<group[i].length; j++) {
secondGroup[i][j]=new Array() }}
secondGroup[0][0][0]=new Option("Select Airport"," ");
secondGroup[1][0][0]=new Option("Select Airport"," ");
secondGroup[1][1][0]=new Option("Now Select This One"," ");
secondGroup[1][1][1]=new Option("JavaScript Kit","http://javascriptkit.com");
secondGroup[1][1][2]=new Option("JavaScript for the non programmer","http://webteacher.com/javascript/");
secondGroup[1][1][3]=new Option("Java-Scripts.net","http://java-scripts.net");
secondGroup[1][2][0]=new Option("Now Select This One"," ");
secondGroup[1][2][1]=new Option("Dynamic Drive","http://www.dynamicdrive.com");
secondGroup[1][2][2]=new Option("Beginner\'s Guide to DHTML","http://www.geocities.com/ResearchTriangle/Facility/4490/");
secondGroup[1][2][3]=new Option("Web Coder","http://webcoder.com/");
secondGroup[1][3][0]=new Option("Now Select This One"," ");
secondGroup[1][3][1]=new Option("CGI Resources","http://www.cgi-resources.com");
secondGroup[1][3][2]=new Option("Ada\'s Intro to CGI","http://adashimar.hypermart.net/");
secondGroup[2][0][0]=new Option("---Select 3---"," ");
secondGroup[2][1][0]=new Option("Now Select This One"," ");
secondGroup[2][1][1]=new Option("CNN","http://www.cnn.com");
secondGroup[2][1][2]=new Option("MSNBC","http://www.msnbc.com");
secondGroup[2][1][3]=new Option("ABC News","http://www.abcnews.com");
secondGroup[2][2][0]=new Option("Now Select A Page"," ");
secondGroup[2][2][1]=new Option("News.com","http://www.news.com");
secondGroup[2][2][2]=new Option("Wired","http://www.wired.com");
var temp1=document.isc.stage3
function redirect1(y){
for (m=temp1.options.length-1;m>0;m--)
temp1.options[m]=null
for (i=0;i<secondGroup[document.isc.example.options.selectedIndex][y].length;i++){
temp1.options[i]=new Option(secondGroup[document.isc.example.options.selectedIndex][y][i].text,secondGroup[document.isc.example.options.selectedIndex][y][i].value)
}
temp1.options[0].selected=true
}
function redirect2(z){
parent.chartsloader.location=temp1[z].value
}
//-->
</script>
</p>
</FORM>