webForumDet fria alternativet

Dropdown meny prob.

17 svar · 237 visningar · startad av Method

MethodMedlem sedan apr. 2001357 inlägg
#1

Jag använder denna


<form name="foo"><select name="utbildning" size="1" onChange="byt();">
				<option value="">-- Välj utbildning --</option>
<option>Brandingenjörer</option>
<option>Civilingenjörer</option>
<option>Gymnasieingenjörer</option>
<option>Högskoleingenjörer</option>
<option value="index.asp?meny=1")>Annan</option></select>

<% If request.QueryString("meny") = "1" Then %><input type="text" name="utbildtext" size="25" maxlength="100"><% End if %></form>

I head´en använder jag


<script>
function byt(){
if(document.foo.bar.options[document.foo.bar.selectedIndex].value!=""){
location.href= document.foo.bar.options[document.foo.bar.selectedIndex].value
}
}
</script>

När jag väljer alternativet annan i dropdownen så kommer inte textrutan fram hur kommer detta sig??

Tack på förhand

------------------
--------------
STARZINGER
Med ett hugg faller inget träd

[Redigerat av Method den 01 jun 2001]

JohnsenMedlem sedan juli 2000836 inlägg
#2

du har skrivit document.foo.bar när selecten heter document.foo.utbildning

------------------
- J-O-H-N-S-E-N -
------------------

MethodMedlem sedan apr. 2001357 inlägg
#3

Jag hittade presis det, jag bytte name till bar istället för utbild. men det funkar inte ändå. Fattar inte vad det kan vara är det nån som vet?

Är tacksam för all hjälp.

------------------
--------------
STARZINGER
Med ett hugg faller inget träd

[Redigerat av Method den 01 jun 2001]

JojoxxMedlem sedan juni 20004 308 inlägg
#4

Du bör kanske plocka bort text-fältet om man väljer en utbildning igen. Kanske så här;

<body onLoad="check();">
<script language="JavaScript">
function check(){
	sel=<%
if(request.QueryString("meny")) then
response.write(request.QueryString("meny"))
else
response.write("0")
end if
	%>
	if(sel){ document.foo.utbildning.selectedIndex=sel; }
}
</script>

<form name="foo">
<select name="utbildning" size="1" onChange="location.href='index.asp?meny='+this.selectedIndex;">
<option>-- Välj utbildning --</option>
<option>Brandingenjörer</option>
<option>Civilingenjörer</option>
<option>Gymnasieingenjörer</option>
<option>Högskoleingenjörer</option>
<option>Annan</option>
</select>

<% If request.QueryString("meny") = "5" Then %><input type="text" name="utbildtext" size="25" maxlength="100"><% End if %></form>

------------------

/ J

JohnsenMedlem sedan juli 2000836 inlägg
#5

För att slippa ladda om sidan om du växlar mellan utbildningarna kan du göra så här:

<head>
<script>
function byt(){
if(document.foo.bar.selectedIndex==5){location.href="index.asp?meny=1"}	
if(parent.location.search!=""){location.href="index.asp"}
}
</script>
</head>

<form name="foo">
<select name="bar" size="1" onChange="byt();">
<option>-- Välj utbildning --</option>
<option>Brandingenjörer</option>
<option>Civilingenjörer</option>
<option>Gymnasieingenjörer</option>
<option>Högskoleingenjörer</option>
<option>Annan</option>
</select>

<% If request.QueryString("meny") = "1" Then %>
<input type="text" name="utbildtext" size="25" maxlength="100">
<% End if %>

</form>

------------------
- J-O-H-N-S-E-N -
------------------

MethodMedlem sedan apr. 2001357 inlägg
#6

Jojox din kod fungerade men när jag laddar om sidan tappar jag alla värden som är inskrivna i Formuläret.

jag provade Johnsen´s kod som inte laddar om men den funkade inte.

kan nån berätta hur man skall göra för att behålla värdena i formuläret ???

------------------
--------------
STARZINGER
Med ett hugg faller inget träd

JohnsenMedlem sedan juli 2000836 inlägg
#7

Kan du visa hur hela ditt formulär ser ut?

------------------
- J-O-H-N-S-E-N -
------------------

MethodMedlem sedan apr. 2001357 inlägg
#8

här e den


<form action="ansokan_ok.asp" method="post">

<table border="0" cellpadding="4" cellspacing="0">
										<tr>
											<td colspan="2"><font face="Verdana" color="#000099"><b>Ans&ouml;kningsformul&auml;r</b><b><br>
													</b></font></td>
										</tr>
										<tr>
											<td valign="top"><font face="Verdana" size="1"><b>F&ouml;rnamn:</b></font><font face="Verdana" size="1" color="red"><b>*</b></font><font face="Verdana" size="1"><b><br>
													</b></font></td>
											<td valign="top"><b><input type="text" name="fornamn" size="25" maxlength="100"></b></td>
										</tr>
										<tr>
											<td valign="top"><font face="Verdana" size="1"><b>Efternamn:</b></font><font face="Verdana" size="1" color="red"><b>*</b></font><font face="Verdana" size="1"><b><br>
													</b></font></td>
											<td valign="top"><b><input type="text" name="efternamn" size="25" maxlength="100"></b></td>
										</tr>
										<tr>
											<td valign="top"><font face="Verdana" size="1"><b>Adress:</b></font><font face="Verdana" size="1" color="red"><b>*</b></font><font face="Verdana" size="1"><b><br>
													</b></font></td>
											<td valign="top"><b><input type="text" name="adress" size="25" maxlength="100"></b></td>
										</tr>
										<tr>
											<td valign="top"><font face="Verdana" size="1"><b>Postnr:</b></font><font face="Verdana" size="1" color="red"><b>*</b></font><font face="Verdana" size="1"><b><br>
													</b></font></td>
											<td valign="top"><input type="text" name="postnr" size="8" maxlength="100"></td>
										</tr>
										<tr>
											<td valign="top"><font face="Verdana" size="1"><b>Postadress:</b></font><font face="Verdana" size="1" color="red"><b>*</b></font></td>
											<td valign="top"><input type="text" name="postadress" size="25" maxlength="100"></td>
										</tr>
										<tr>
											<td valign="top"><font face="Verdana" size="1"><b>Telefon:</b></font><font face="Verdana" size="1" color="red"><b>*</b></font></td>
											<td valign="top"><input type="input" name="telefon" size="25" maxlength="100"></td>
										</tr>
										<tr>
											<td valign="top"><font face="Verdana" size="1"><b>Mobiltelefon: </b></font></td>
											<td valign="top"><input type="text" name="mobil" size="25" maxlength="100"></td>
										</tr>
										<tr>
											<td valign="top"><font face="Verdana" size="1"><b>E-post:<br>
													</b></font></td>
											<td valign="top"><b><input type="text" name="epost" size="38" maxlength="100"></b></td>
										</tr>

										<tr>
											<td valign="top"><font face="Verdana" size="1"><b>Utbildning:</b></font></td>
											<td valign="top">
																<form name="foo">
<form name="foo">
<select name="utbildning" size="1" onChange="location.href='index.asp?meny='+this.selectedIndex;">
<option>-- Välj utbildning --</option>
<option>Brandingenjörer</option>
<option>Civilingenjörer</option>
<option>Gymnasieingenjörer</option>
<option>Högskoleingenjörer</option>
<option>Annan</option>
</select>

<% If request.QueryString("meny") = "5" Then %><input type="text" name="utbildtext" size="25" maxlength="100"><% End if %></form>

</td>
										</tr>

										<tr>
											<td valign="top"><font face="Verdana" size="1"><b>Komentarer:</b></font></td>
											<td valign="top"><textarea name="kommentar" cols="40" rows="6"></textarea></td>
										</tr>
										
										
										<tr>
											<td align="right" valign="top"></td>
											<td valign="top" align="right"><input class="clear" type="reset" value="Rensa f&auml;lt">&nbsp;<input class="send" type="submit" value="G&aring; vidare >>"></td>
										</tr>
									</table>
									<font face="Verdana" size="1" color="red"><b>* </b></font><font face="Verdana" size="1" color="black">Obligatoriska f&auml;lt</font><br>
									<br>
									<br>
									<input type="hidden" name="datum" value="<%=now()%>">
									<% ID = Request.Querystring("ID") %>
									<% jobb = Request.Querystring("Jobb") %>
									<% kontor = Request.Querystring("kontor") %>
									<input type="hidden" name="jobbid" value="<%=ID%>">
									<input type="hidden" name="jobb" value="<%=jobb%>">
									<input type="hidden" name="kontor" value="<%=kontor%>">
									<input type="hidden" name="ip" value="<%=ip%>">
								</form>

------------------
--------------
STARZINGER
Med ett hugg faller inget träd

JojoxxMedlem sedan juni 20004 308 inlägg
#9

Johnsens variant fungerar för mig. Kanske ett lager kan vara ett alternativ för dig, så behöver du aldrig ladda om sidan.

<script language="JavaScript">
function showLayer(Id){
	if (document.all) {
		document.all[Id].style.visibility = "visible";
	} else if (document.layers){
		document.layers[Id].visibility = "show";
	} else if (document.getElementById){
		document.getElementById(Id).style.visibility = "visible";
	}
}
function hideLayer(Id){
	if (document.all) {
		document.all[Id].style.visibility = "hidden";
	} else if (document.layers){
		document.layers[Id].visibility = "hide";
	} else if (document.getElementById){
		document.getElementById(Id).style.visibility = "hidden";
	}
}
</script>

<form name="foo">
<select name="bar" size="1" onChange="if(this.selectedIndex==5){ showLayer('five'); } else { hideLayer('five'); }">
<option>-- Välj utbildning --</option>
<option>Brandingenjörer</option>
<option>Civilingenjörer</option>
<option>Gymnasieingenjörer</option>
<option>Högskoleingenjörer</option>
<option>Annan</option>
</select>
<div id="five" style="position:absolute;top:15px;left:170px;visibility:hidden;">
<input type="text" name="utbildtext" size="25" maxlength="100">
</div>
</form>

------------------

/ J

MethodMedlem sedan apr. 2001357 inlägg
#10

hehehe min menu på sidan blev helt störd när man körde sccriptet.

<script language="JavaScript" src="http://www.bengtdahlgren.se/jslib/menu/dhtmllib.js"></script>
		<script language="JavaScript" src="http://www.bengtdahlgren.se/jslib/menu/navbar.js"></script>
		<script language="JavaScript" src="http://www.bengtdahlgren.se/jslib/menu/menu.js"></script>
		<script language="JavaScript"></script>

den trycks ihop i högra hörnet
varför sabbas den av den nya koden??
Har du lust att kolla på det.

http://www.bengtdahlgren.se

Där kan du kolla närmare på menyn

Vilka webbläsare funkar koden som jag fick av dig?

Annars funkar den bra.

Tack för hjälpen. :)

------------------
--------------
STARZINGER
Tackar & Bockar forumet rockar!
Med ett hugg faller inget träd

JojoxxMedlem sedan juni 20004 308 inlägg
#11

Antagligen är det resultatet av att du redan har funktioner som heter showLayer/hideLayer i dina inlänkade script. Enklaste är att döpa om de som jag använda i exemplet till myShowLayer / myHideLayer (OBS, på alla ställen i koden).

Scriptet fungerar i Netscape4+ IE4+ samt alla DOM kompatibla webbläsare.

------------------

/ J

BendroMedlem sedan jan. 20013 039 inlägg
#12

Jojoxx förslag med lager kanske kan vara lösningen på mitt problem (se min tråd). Men hur gör jag för att få fram en bild istället för en selectlista, och hur får jag fram den i en annan frame alternativt får den att glida ner över en annan frame och inte bakom?

------------------
"You can not solve todays problems with the same level of thinking that created the problems in the first place" Albert Einstein

MethodMedlem sedan apr. 2001357 inlägg
#13

Tackar & Bockar Jojoxx Rockar :)

Tack för all hjälp nu funkar det guld ;)

------------------
--------------
STARZINGER
Tackar & Bockar forumet rockar!
Med ett hugg faller inget träd

MethodMedlem sedan apr. 2001357 inlägg
#14

Jag skämms ;) men måste säga att jag provade sidan i NS 4.73 och där fungerade inte javascriptet :(

Hur kommer detta sig????

------------------
--------------
STARZINGER
Tackar & Bockar forumet rockar!
Med ett hugg faller inget träd

JojoxxMedlem sedan juni 20004 308 inlägg
#15

Method,

Glömde bort det lilla fenomenet i Netscape. Man kan inte lägga ett ensamt textfält (utan omgivange <form> ) på det sättet i Netscape. Då får man helt enkelt göra ett formulär till, där man kopierar värdet till motsvarande fält (gömt i detta fall) i huvudformuläret;

<script language="JavaScript">
function showLayer(Id){
if (document.all) {
document.all[Id].style.visibility = "visible";
} else if (document.layers){
document.layers[Id].visibility = "show";
} else if (document.getElementById){
document.getElementById(Id).style.visibility = "visible";
}
}
function hideLayer(Id){
if (document.all) {
document.all[Id].style.visibility = "hidden";
} else if (document.layers){
document.layers[Id].visibility = "hide";
} else if (document.getElementById){
document.getElementById(Id).style.visibility = "hidden";
}
}
</script>
<form name="foo">
<select name="bar" size="1" onChange="if(this.selectedIndex==5){ showLayer('five'); } else { hideLayer('five'); }">
<option>-- Välj utbildning --</option>
<option>Brandingenjörer</option>
<option>Civilingenjörer</option>
<option>Gymnasieingenjörer</option>
<option>Högskoleingenjörer</option>
<option>Annan</option>
</select>
<input type="hidden" name="utbildtext">
</form>
<div id="five" style="position:absolute;top:15px;left:170px;visibility:hidden;">
<form>
<input type="text" size="25" maxlength="100" onChange="window.document.foo.utbildtext.value=this.value">
</form>
</div>

------------------

/ J

MethodMedlem sedan apr. 2001357 inlägg
#16

jag har ett problem till nu med form taggarna så kan jag inte skicka formuläret.

Jag provade i NS igen och nu visas inte kommentar textarean och textrutan visas inte.
------------------
--------------
STARZINGER
Tackar & Bockar forumet rockar!
Med ett hugg faller inget träd

[Redigerat av Method den 05 jun 2001]

JojoxxMedlem sedan juni 20004 308 inlägg
#17

Exemplet ovan är testat i en riktigt gammal (4.08) och det fungerar. Tänk på att fältet i lagret måste ligga inom <form></form> för att det skall visas i netscape, alltså ett eget formulär. En länk till sidan skulle även underlätta.

------------------
/ J

MethodMedlem sedan apr. 2001357 inlägg
#18

ok, skall fixa det för nu ligger den internt.

------------------
--------------
STARZINGER
Tackar & Bockar forumet rockar!
Med ett hugg faller inget träd

140 ms totalt · 3 externa anrop · v20260731065814-full.30151723
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
137 ms — hämta tråd, inlägg och bilagor (db)