Bar2aYunie
Gebruiker
- Lid geworden
- 4 jan 2010
- Berichten
- 7
Hallo,
Ik heb een drop down gelinkt menu of combinatie menu, maar ik wil daar eigenlijk graag een beschrijving aan kunnen toevoegen.
Er moeten 5 drop down menu's komen en na iedere selectie uit een menutje komen er andere opties beschikbaar in het volgende menu. Maar hier moet een beschrijving bij.
Dus een ruimte onderaan alle drop down menu's die na het maken van de laatste selectie in het vijfde menu een tekst kan weergeven. Deze hoeft niet in een textara box te staan, maar er moet een tabel in komen met informatie.
Ik heb zelf al een opzetje voor de drop down menu's, maar ik krijg er geen beschrijving bij. Niet letten op de invulling van de tekst, daar had ik nog geen aandacht aan besteed omdat het eerst moet werken en heb het dus ingevuld met opeenvolgende nummers.
Hier is mijn code:
Weet iemand hoe ik hier een beschrijving aan kan toevoegen? Het hoeft niet hetzelfde script te blijven als iemand een ander idee heeft, zolang er maar 5 drop down menu's in zitten die aan elkaar gelinkt kunnen worden en tenminste 1 beschrijving (mag ook na iedere drop down menu een beschrijving komen als dat makkelijker is).
2e mogelijkheid:
Dit script heb ik van een vriend van mij gekregen. Deze heeft al de mogelijkheid voor een beschrijving (al wel in een textarea box), maar ik zou niet weten hoe ik hier nog meer gelinkte drop down menu's aan vast kan maken. Deze heeft er twee en ik heb er 5 nodig. Indien het makkelijker is om via deze optie mij te helpen is dat ook prima, vandaar dat ik 'm erbij zet.
Hier is de code:
Ik ben hier al maanden mee bezig, maar niemand kan mij verder helpen, dus hoop heel erg dat hier iemand is die mij wel kan helpen!
Alvast heel erg bedankt!
Ik heb een drop down gelinkt menu of combinatie menu, maar ik wil daar eigenlijk graag een beschrijving aan kunnen toevoegen.
Er moeten 5 drop down menu's komen en na iedere selectie uit een menutje komen er andere opties beschikbaar in het volgende menu. Maar hier moet een beschrijving bij.
Dus een ruimte onderaan alle drop down menu's die na het maken van de laatste selectie in het vijfde menu een tekst kan weergeven. Deze hoeft niet in een textara box te staan, maar er moet een tabel in komen met informatie.
Ik heb zelf al een opzetje voor de drop down menu's, maar ik krijg er geen beschrijving bij. Niet letten op de invulling van de tekst, daar had ik nog geen aandacht aan besteed omdat het eerst moet werken en heb het dus ingevuld met opeenvolgende nummers.
Hier is mijn code:
Code:
<table>
<tr>
<td width="680">
<script language="JavaScript" type="text/javascript">
data_1 = new Option("1", "$");
data_2 = new Option("2", "$$");
// 2e menu
data_1_1 = new Option("11", "-");
data_1_2 = new Option("12", "-");
data_2_1 = new Option("21", "--");
data_2_2 = new Option("22", "--");
data_2_3 = new Option("23", "--");
data_2_4 = new Option("24", "--");
data_2_5 = new Option("25", "--");
// 3e menu
data_1_1_1 = new Option("111", "*");
data_1_1_2 = new Option("112", "*");
data_1_1_3 = new Option("113", "*");
data_1_2_1 = new Option("121", "*");
data_1_2_2 = new Option("122", "*");
data_1_2_3 = new Option("123", "*");
data_1_2_4 = new Option("124", "*");
data_2_1_1 = new Option("211", "**");
data_2_1_2 = new Option("212", "**");
data_2_2_1 = new Option("221", "**");
data_2_2_2 = new Option("222", "**");
data_2_3_1 = new Option("231", "***");
data_2_3_2 = new Option("232", "***");
// 4e menu
data_2_2_1_1 = new Option("2211","%")
data_2_2_1_2 = new Option("2212","%%")
// 5e menu
data_2_2_1_1_1 = new Option("2211","%")
data_2_2_1_2_2 = new Option("2212","%%")
displaywhenempty=""
valuewhenempty=-1
displaywhennotempty="-select-"
valuewhennotempty=0
function change(currentbox) {
numb = currentbox.id.split("_");
currentbox = numb[1];
i=parseInt(currentbox)+1
while ((eval("typeof(document.getElementById(\"combo_"+i+"\"))!='undefined'")) &&
(document.getElementById("combo_"+i)!=null)) {
son = document.getElementById("combo_"+i);
for (m=son.options.length-1;m>0;m--) son.options[m]=null;
son.options[0]=new Option(displaywhenempty,valuewhenempty)
i=i+1
}
stringa='data'
i=0
while ((eval("typeof(document.getElementById(\"combo_"+i+"\"))!='undefined'")) &&
(document.getElementById("combo_"+i)!=null)) {
eval("stringa=stringa+'_'+document.getElementById(\"combo_"+i+"\").selectedIndex")
if (i==currentbox) break;
i=i+1
}
following=parseInt(currentbox)+1
if ((eval("typeof(document.getElementById(\"combo_"+following+"\"))!='undefined'")) &&
(document.getElementById("combo_"+following)!=null)) {
son = document.getElementById("combo_"+following);
stringa=stringa+"_"
i=0
while ((eval("typeof("+stringa+i+")!='undefined'")) || (i==0)) {
if ((i==0) && eval("typeof("+stringa+"0)=='undefined'"))
if (eval("typeof("+stringa+"1)=='undefined'"))
eval("son.options[0]=new Option(displaywhenempty,valuewhenempty)")
else
eval("son.options[0]=new Option(displaywhennotempty,valuewhennotempty)")
else
eval("son.options["+i+"]=new Option("+stringa+i+".text,"+stringa+i+".value)")
i=i+1
}
i=1
combostatus=''
cstatus=stringa.split("_")
while (cstatus[i]!=null) {
combostatus=combostatus+cstatus[i]
i=i+1
}
return combostatus;
}
}
</script>
<form>
<table><tr>
<td width="200">Selecteer 1</td>
<td><select name="combo0" id="combo_0" onChange="change(this);" style="width:200px;">
<option value="value1">-selecteer-</option>
<option value="value2">1</option>
<option value="value3">2</option>
</select></td></tr></table><BR>
<table><tr>
<td width="200">Selecteer 2</td>
<td> <select name="combo1" id="combo_1" onChange="change(this)" style="width:200px;">
<option value="value1"> </option>
</select></td></tr></table><BR>
<table><tr>
<td width="200">Selecteer 3</td>
<td> <select name="combo2" id="combo_2" onChange="change(this);" style="width:200px;">
<option value="value1"> </option>
</select></td></tr></table><BR>
<table><tr>
<td width="200">Selecteer 4</td>
<td> <select name="combo3" id="combo_3" onChange="change(this);" style="width:200px;">
<option value="value1"> </option>
</select></td></tr></table><BR>
<table><tr>
<td width="200">Selecteer 5</td>
<td> <select name="combo4" id="combo_4" onChange="change(this);" style="width:200px;">
<option value="value1"> </option>
</select></td></tr></table><BR>
</form></td>
</tr>
<tr>
<td> </td>
</tr>
</table>Weet iemand hoe ik hier een beschrijving aan kan toevoegen? Het hoeft niet hetzelfde script te blijven als iemand een ander idee heeft, zolang er maar 5 drop down menu's in zitten die aan elkaar gelinkt kunnen worden en tenminste 1 beschrijving (mag ook na iedere drop down menu een beschrijving komen als dat makkelijker is).
2e mogelijkheid:
Dit script heb ik van een vriend van mij gekregen. Deze heeft al de mogelijkheid voor een beschrijving (al wel in een textarea box), maar ik zou niet weten hoe ik hier nog meer gelinkte drop down menu's aan vast kan maken. Deze heeft er twee en ik heb er 5 nodig. Indien het makkelijker is om via deze optie mij te helpen is dat ook prima, vandaar dat ik 'm erbij zet.
Hier is de code:
Code:
<script language="JavaScript">
var num_of_cats = 3; // Aantal categorien
var open_in_newwindow=0;
var option_array = new Array(num_of_cats);
option_array[0] = new Array("Selecteer eerst categorie");
option_array[1] = new Array("-- Selecteer --",
"optie 1",
"optie 2",
"optie 3",
"optie 4");
option_array[2] = new Array("-- Selecteer --",
"optie 1",
"optie 2");
var text_array = new Array(num_of_cats);
text_array[0] = new Array("Hier komt de beschrijving van de eerste box");
text_array[1] = new Array("Hier komt de beschrijving van de eerste optie",
"Hier komt de beschrijving van de tweede optie",
"Hier komt de beschrijving van de derde optie",
"Hier komt de beschrijving van de vierde optie");
text_array[2] = new Array("Hier komt de beschrijving van de eerste optie",
"Hier komt de beschrijving van de tweede optie");
function 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("Waar ga jij naartoe?");
} 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;">
<p>
<table><tr>
<td width="200">Selecteer categorie</td>
<td>
<select name="select_1" style="width:450px" onChange="switch_select(); switch_text();">
<option>-- Selecteer --</option>
<option>Optie 1</option>
<option>Optie 2</option>
<option>Optie 3</option>
<option>Optie 4</option>
</select></td></tr></table>
<table><tr>
<td width="200">Selecteer opties</td>
<td>
<select name="select_2" style="width:450px" onChange="switch_select(); switch_text();">
<option>-- Selecteer --</option>
<option> </option>
<option> </option>
</select></td></tr></table>
</p>
<p>
<textarea WRAP="virtual" name="textarea_1" rows=10 cols=80>Hier komt de standaard beschrijving van de textarea box.</textarea>
</p>
</form>Ik ben hier al maanden mee bezig, maar niemand kan mij verder helpen, dus hoop heel erg dat hier iemand is die mij wel kan helpen!
Alvast heel erg bedankt!
