samelk
Posts: 35
|
Posted: 11/19/2007, 12:17 PM |
|
Does anyone one know how to implement 5 dependent list boxes in CCS?
example:
listbox1
listbox2...dependent on 1
listbox3...dependent on 1 and 2
listbox4...dependent on 1,2 and 3
listbox5...dependent on 1,2,3, and 4
Thank you in advance
Sam
|
|
|
eserver220
Posts: 41
|
Posted: 11/27/2007, 5:57 PM |
|
5 Dependent listboxes implementation is too complicated. I think one way is to use Ajax.
the other you may integrate Directory and Path Implementation( examples.codecharge.com)
with 2 or 3 Dependent listboxes, this way will make it a little bit easier.
Best Regards!
|
|
|
senthil_sivanath
Posts: 5
|
Posted: 12/28/2007, 10:04 AM |
|
Visit this link you will get the answer...........
http://javascriptkit.com/script/script2/triplecombo.shtml
here is the coding..........
<FORM name="isc">
<table border="0" cellspacing="0" cellpadding="0">
<tr align="center">
<td nowrap height="11">
<select name="example" size="1" onChange="redirect(this.options.selectedIndex)">
<option selected>---Select1-------------</option>
<option>Webmaster Sites</option>
<option>News Sites</option>
</select>
<select name="stage2" size="1" onChange="redirect1(this.options.selectedIndex)">
<option value=" " selected> </option>
<option value=" " selected>---Select2--------------</option>
<option value=" " selected>---Select2--------------</option>
</select>
<select name="stage3" size="1" onChange="redirect2(this.options.selectedIndex)">
<option value=" " selected> </option>
<option value=" " selected>---Select3----------------</option>
<option value=" " selected>---Select3----------------</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=new Array()
group[0][0]=new Option("---Select2---"," ");
group[1][0]=new Option("Now Select This One"," ");
group[1][1]=new Option("JavaScript","47");
group[1][2]=new Option("DHTML","46");
group[1][3]=new Option("CGI","45");
group[2][0]=new Option("Now Select This One"," ");
group[2][1]=new Option("General News","115");
group[2][2]=new Option("Technology News","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=new Option(group[x].text,group[x].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=new Array(group.length)
for (j=0; j<group.length; j++) {
secondGroup[j]=new Array() }}
secondGroup[0][0][0]=new Option("---Select 3---"," ");
secondGroup[1][0][0]=new Option("---Select 3---"," ");
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=new Option(secondGroup[document.isc.example.options.selectedIndex][y].text,secondGroup[document.isc.example.options.selectedIndex][y].value)
}
temp1.options[0].selected=true
}
function redirect2(z){
window.location=temp1[z].value
}
//-->
</script>
</td>
</tr>
</table>
</FORM>
<p><font face="arial" size="-2">This free script provided by</font><br>
<font face="arial, helvetica" size="-2"><a href="http://javascriptkit.com">JavaScript
Kit</a></font></p>
_________________
Arise, Awake and Stop not till your goal is reached |
|
|
senthil_sivanath
Posts: 5
|
Posted: 12/28/2007, 10:14 AM |
|
That will work nice.
If you need some what simple..... use this
<html>
<head></head>
<body>
<script>
statelist(optionsel)
{
if(optionsel==1)
{
var op="<select><option>TamilNadu</option><option>Delhi</option></select>"
document.getElementById("select2").innerHTML=op;
}
else
{
var output="<option value='1'>India</option>";
document.getElementById("select2").innerHTML=output ;
}
}
</script>
<span id='select1'><select name='select1' onchange="statelist(this.value)">
<option value='1'>India</option>
<option value='2'>Germany</option>
<option value='3'>Russia</option>
</select></span>
<span id='select2'>
<select ><select the country first</select>
</span>
</html>
_________________
Arise, Awake and Stop not till your goal is reached |
|
|
senthil_sivanath
Posts: 5
|
Posted: 12/28/2007, 10:15 AM |
|
If you need to fetch from database.............. u should use AJAX
if u need ask me........... I will help u..............
Regards,
Senthil
_________________
Arise, Awake and Stop not till your goal is reached |
|
|
samelk
Posts: 35
|
Posted: 12/31/2007, 7:49 AM |
|
Hi Senthil,
Thanks for your reply. I do actually need to get it from the database. I will take a look at the ajax method. Do you have any good sites I can get examples from?
Thanks,
Sam
|
|
|
|