CodeCharge Studio
search Register Login  

Web Reports

Visually create Web Reports in PHP, ASP, .NET, Java, Perl and ColdFusion.
CodeCharge.com

YesSoftware Forums -> CodeCharge Studio -> Java

 5 Dependent listboxes

Print topic Send  topic

Author Message
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
View profile  Send private message
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!
View profile  Send private message
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
View profile  Send private message
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
View profile  Send private message
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
View profile  Send private message
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
View profile  Send private message

Add new topic Subscribe to topic   


These are Community Forums for users to exchange information.
If you would like to obtain technical product help please visit http://support.yessoftware.com.

Internet Database

Visually create Web enabled database applications in minutes.
CodeCharge.com

Home   |    Search   |    Members   |    Register   |    Login


Powered by UltraApps Forum created with CodeCharge Studio
Copyright © 2003-2004 by UltraApps.com  and YesSoftware, Inc.