nordanMedlem sedan juni 2000949 inlägg Hallå!
Jag har sett sånna här sköna javascript och skulle vilja ha
ett liknade på min sida
Ex:
Man har tre stycker eller flera list/menu rutor i ett formulär
Vi säger att det skall vara värlsdelar i den första som är
en lista
Typ så här
Europa
Usa
Asien
osv...
Den andra är en list menu där det ändra sig om man tex väljer Europa
så kommer det upp
Sverige
Norge
Danmark
Finland
Tyskland
Holland
osv....
Från denna skall man sen kunna välja tex Sverige
och då skall Sverige ploppa upp i en tredje ruta typ en multiple
Sen skall jag kunna gå tillbaka till första listan och välja Tex Asien
Så kommer alla dom länderna upp och då skall jag kunna välja en av dom så
att den lägger sig nedanför sverige i den tredje rutan.
Vill jag sen ta bort tex Sverige så skall jag med ett enkelkick bara klicka på ordet sverige i den sista rutan.
Är det någon som kan hjälpa mig med detta javascript eller visa på en sida med tutorials för ett sånt så skulle jag vara
glad :)
Är det så att det är någon som lägger in ett exempel till mig skriv gärna lite förklarande text då
------------------
/nordan :h
[Redigerat av nordan den 21 apr 2001]
nordanMedlem sedan juni 2000949 inlägg Ingen som känner sig på bra humör för att hjälpa mig?
------------------
/nordan
JohnsenMedlem sedan juli 2000836 inlägg Jodå.
Lite meckigt, men kolla detta:
<html>
<head>
<script language="JavaScript" type="text/javascript">
// Nedan fyller select nr 2 med alternativ 1 eller 2.
function byt(){
var bar1_index = document.foo.bar1.options[document.foo.bar1.selectedIndex].value
var bar2_sel = document.foo.bar2.options
// Alternativ 1
if(bar1_index == 1){ bar2_sel.length = 4 // Hur många rader skall det vara?
bar2_sel[0].value ="a1"; bar2_sel[0].text ="Sverige";
bar2_sel[1].value ="a2"; bar2_sel[1].text ="Norge";
bar2_sel[2].value ="a3"; bar2_sel[2].text ="Danmark";
bar2_sel[3].value ="a4"; bar2_sel[3].text ="Finland";
}
// Alternativ 2
if(bar1_index == 2){ bar2_sel.length = 5 // Hur många rader skall det vara?
bar2_sel[0].value ="b1"; bar2_sel[0].text ="New York";
bar2_sel[1].value ="b2"; bar2_sel[1].text ="Montana";
bar2_sel[2].value ="b3"; bar2_sel[2].text ="Seatle";
bar2_sel[3].value ="b4"; bar2_sel[3].text ="Miami";
bar2_sel[4].value ="b5"; bar2_sel[4].text ="Detroit";
}
}
// Nedan fyller select nr 3 med valt alternativ.
var n= 0
function fyll(){
var bar2_value= document.foo.bar2.options[document.foo.bar2.selectedIndex].value;
var bar2_text= document.foo.bar2.options[document.foo.bar2.selectedIndex].text;
var bar3_sel = document.foo.bar3.options;
bar3_sel.length =n+1;
bar3_sel[n].value= bar2_value; bar3_sel[n].text= bar2_text; n++;
}
// Nedan tar bort klickat alternativ ur select nr 3 och möblerar
// om så att alternativen kommer i ordning, samt förkortar 3:an med ett.
function tabort(){
var j=0;
var bar3_sel = document.foo.bar3.options;
for(var i=0; i<bar3_sel.length; i++){
if(bar3_sel[i].selected!=true){
bar3_sel[j].value= bar3_sel[i].value; bar3_sel[j].text= bar3_sel[i].text; j++;}
}
bar3_sel.length=j; n--
}
</script>
</head>
<body>
<form name="foo">
<select name="bar1" onChange="byt();">
<option value="0"> Välj </option>
<option value="1"> Europa </option>
<option value="2"> USA </option>
</select>
<select name="bar2" onChange="fyll();">
<option> </option>
</select>
<select name="bar3" size=4 multiple onChange="tabort();">
<option> </option>
</select>
</form>
</html>
------------------
- J-O-H-N-S-E-N -
------------------
nordanMedlem sedan juni 2000949 inlägg Grymt bra Johnsen
Detta tackar jag verkligen för :e :e
Johnsen är klart den bästa medlemen i på webforum denna mån Jihooo!!!!
------------------
/nordan
@ndersMedlem sedan juni 200032 969 inlägg johnsen rockar!
------------------
<A HREF="http://cartman.nu" TARGET=_blank>
all your base are belong to us!</A>
JohnsenMedlem sedan juli 2000836 inlägg Ähhh, ni... :r
------------------
- J-O-H-N-S-E-N -
------------------
@ndersMedlem sedan juni 200032 969 inlägg Johnsen är klart den bästa medlemen i på webforum denna mån Jihooo!!!!
då föreslår jag att du röstar på honom i 'månadens medlem'.
------------------
<A HREF="http://cartman.nu" TARGET=_blank>
all your base are belong to us!</A>
