kolasMedlem sedan mars 2001142 inlägg I tidningen Datormagazin nr 4 var det med ett javascript som skall göra att man kan söka i.. njae, ni fattar, är det nå´n som ser vad det är som är fel i min medföljande kod?
=====
<html>
<head>
<title>Leta upp</title>
<script language="JavaScript" type="text/javascript">
<!--
function update() {
var form = document.theform;
var field = form.lookup;
var list = form.list;
field.value = list.options[list.selectedIndex].text;
}
function select(list, i) {
if (list.selectedIndex = i)list.selectedIndex = i;
}
function checkkey() {
var form = document.theform;
var field = form.lookup;
var list = form.list;
var str = field.value.toLowerCase();
if (str == "") {
select(list, 0);
return;
}
for (var i = 0; i \< list.options.lenght; ++i) {
if (list.options.text.toLowerCase().indexOf(str) == 0) {
select(list, i);
return;
}
}
for (i = list.optionslenght - 1; i \>= 0; --i) {
if (str \> list.options.text.toLowerCase()) {
select(list, i);
return;
}
}
select(list, 0);
}
// -->
</script>
</head>
<body>
<table>
<form name="theform" action="#">
<tr>
<td>
<input type="text" name="lookup" size="25" onKeyUp="checkkey()">
</td>
</tr>
<tr>
<td>
<select name="list" size="8" onChange="update()">
<option value="1">Blekinge län</option>
<option value="2">Dalarnas län</option>
<option value="3">Gotlands län</option>
<option value="4">Gävleborgs län</option>
<option value="5">Göteborg och Bohus län</option>
<option value="6">Hallands län</option>
<option value="7">Jämtlands län</option>
<option value="8">Jönköpings län</option>
<option value="9">Kalmar län</option>
<option value="10">Kronobergs län</option>
<option value="11">Norrbotttens län</option>
<option value="12">Skaraborgs län</option>
<option value="13">Skåne län</option>
<option value="14">Stockholms län</option>
<option value="15">Uppsala län</option>
<option value="16">Södermanlands län</option>
<option value="17">Värmlands län</option>
<option value="18">Västerbottens län</option>
<option value="19">Västernorrlands län</option>
<option value="20">Västmanlands län</option>
<option value="21">Västra Götalands län</option>
<option value="22">Älvsborgs län</option>
<option value="23">Örebro län</option>
<option value="24">Östergötlands län</option>
</select>
</td>
</tr>
<tr>
<td>
<input type="submit" value="Skicka"> <input type="reset" value="Ångra">
</td>
</tr>
</form>
</table>
</body>
</html>
===
mvh K l a s
JohnsenMedlem sedan juli 2000836 inlägg Man kan ju söka lite och hitta bättre alternativ: http://cgi.webforum.nu/wf/Forum13/HTML/000891.html
Annars:
<html>
<head>
<title>Leta upp</title>
<script language="JavaScript" type="text/javascript">
<!--
function update() {
var form = document.theform;
var field = form.lookup;
var list = form.list;
field.value = list.options[list.selectedIndex].text;
}
function select(list, i) {
if (list.selectedIndex = i)list.selectedIndex = i;
}
function checkkey() {
var form = document.theform;
var field = form.lookup;
var list = form.list;
var str = field.value.toLowerCase();
if (str == "") {
select(list, 0);
return;
}
for (var i = 0; i < list.options.length; ++i) {
if (list.options[i].text.toLowerCase().indexOf(str) == 0) {
select(list, i);
return;
}
}
for (i = list.options.length - 1; i >= 0; --i) {
if (str > list.options[i].text.toLowerCase()) {
select(list, i);
return;
}
}
select(list, 0);
}
// -->
</script>
</head>
<body>
<table>
<form name="theform" action="#">
<tr>
<td>
<input type="text" name="lookup" size="25" onKeyUp="checkkey()">
</td>
</tr>
<tr>
<td>
<select name="list" size="8" onChange="update()">
<option value="1">Blekinge län</option>
<option value="2">Dalarnas län</option>
<option value="3">Gotlands län</option>
<option value="4">Gävleborgs län</option>
<option value="5">Göteborg och Bohus län</option>
<option value="6">Hallands län</option>
<option value="7">Jämtlands län</option>
<option value="8">Jönköpings län</option>
<option value="9">Kalmar län</option>
<option value="10">Kronobergs län</option>
<option value="11">Norrbotttens län</option>
<option value="12">Skaraborgs län</option>
<option value="13">Skåne län</option>
<option value="14">Stockholms län</option>
<option value="15">Uppsala län</option>
<option value="16">Södermanlands län</option>
<option value="17">Värmlands län</option>
<option value="18">Västerbottens län</option>
<option value="19">Västernorrlands län</option>
<option value="20">Västmanlands län</option>
<option value="21">Västra Götalands län</option>
<option value="22">Älvsborgs län</option>
<option value="23">Örebro län</option>
<option value="24">Östergötlands län</option>
</select>
</td>
</tr>
<tr>
<td>
<input type="submit" value="Skicka"> <input type="reset" value="Ångra">
</td>
</tr>
</form>
</table>
</body>
</html>
------------------
- J-O-H-N-S-E-N -
------------------
mjpj87Medlem sedan apr. 20018 inlägg Jag hat testat den här koden men jag vill att när man trycker på skicka att man ska komma till en annan sida
Hur gör man det
<html>
<head>
<title>Leta upp</title>
<script language="JavaScript" type="text/javascript">
<!--
function update() {
var form = document.theform;
var field = form.lookup;
var list = form.list;
field.value = list.options[list.selectedIndex].text;
}
function select(list, i) {
if (list.selectedIndex = i)list.selectedIndex = i;
}
function checkkey() {
var form = document.theform;
var field = form.lookup;
var list = form.list;
var str = field.value.toLowerCase();
if (str == "") {
select(list, 0);
return;
}
for (var i = 0; i < list.options.length; ++i) {
if (list.options[i].text.toLowerCase().indexOf(str) == 0) {
select(list, i);
return;
}
}
for (i = list.options.length - 1; i >= 0; --i) {
if (str > list.options[i].text.toLowerCase()) {
select(list, i);
return;
}
}
select(list, 0);
}
// -->
</script>
</head>
<body>
<table>
<form name="theform" action="#">
<tr>
<td>
<input type="text" name="lookup" size="25" onKeyUp="checkkey()">
</td>
</tr>
<tr>
<td>
<select name="list" size="8" onChange="update()">
<option value="1">Blekinge län</option>
<option value="2">Dalarnas län</option>
<option value="3">Gotlands län</option>
<option value="4">Gävleborgs län</option>
<option value="5">Göteborg och Bohus län</option>
<option value="6">Hallands län</option>
<option value="7">Jämtlands län</option>
<option value="8">Jönköpings län</option>
<option value="9">Kalmar län</option>
<option value="10">Kronobergs län</option>
<option value="11">Norrbotttens län</option>
<option value="12">Skaraborgs län</option>
<option value="13">Skåne län</option>
<option value="14">Stockholms län</option>
<option value="15">Uppsala län</option>
<option value="16">Södermanlands län</option>
<option value="17">Värmlands län</option>
<option value="18">Västerbottens län</option>
<option value="19">Västernorrlands län</option>
<option value="20">Västmanlands län</option>
<option value="21">Västra Götalands län</option>
<option value="22">Älvsborgs län</option>
<option value="23">Örebro län</option>
<option value="24">Östergötlands län</option>
</select>
</td>
</tr>
<tr>
<td>
<input type="submit" value="Skicka"> <input type="reset" value="Ångra">
</td>
</tr>
</form>
</table>
</body>
</html>
kolasMedlem sedan mars 2001142 inlägg Det torde väl bara vara att byta ut
<form name="theform" action="#">
mot
<form name="theform" action="din_sida.html">
Om jag har fattat frågan rätt...
mjpj87Medlem sedan apr. 20018 inlägg Ja men då kommer man till samma sida vilken man än väljer.
Jag vill at man ska komma till olika platser beroende på vart man kommer, hur gör man det?
mjpj87Medlem sedan apr. 20018 inlägg Jag skrev fel på den som e ovan så här kommer den igen (rättstavad).
Ja men då kommer man till samma sida vilken man än väljer.
Jag vill at man ska komma till olika platser beroende på vad man väljer, hur gör man det?
JohnsenMedlem sedan juli 2000836 inlägg Menar du så här?
<html>
<head>
<title>Leta upp</title>
<script language="JavaScript" type="text/javascript">
<!--
function skicka_vidare(){
location.href=document.theform.list.options[document.theform.list.selectedIndex].value
}
function update() {
var form = document.theform;
var field = form.lookup;
var list = form.list;
field.value = list.options[list.selectedIndex].text;
}
function select(list, i) {
if (list.selectedIndex = i)list.selectedIndex = i;
}
function checkkey() {
var form = document.theform;
var field = form.lookup;
var list = form.list;
var str = field.value.toLowerCase();
if (str == "") {
select(list, 0);
return;
}
for (var i = 0; i < list.options.length; ++i) {
if (list.options[i].text.toLowerCase().indexOf(str) == 0) {
select(list, i);
return;
}
}
for (i = list.options.length - 1; i >= 0; --i) {
if (str > list.options[i].text.toLowerCase()) {
select(list, i);
return;
}
}
select(list, 0);
}
// -->
</script>
</head>
<body>
<table>
<form name="theform" action="#" onsubmit="return false;">
<tr>
<td>
<input type="text" name="lookup" size="25" onKeyUp="checkkey()">
</td>
</tr>
<tr>
<td>
<select name="list" size="8" onChange="update()">
<option value="ny_sida1.html">Blekinge län</option>
<option value="ny_sida2.html">Dalarnas län</option>
<option value="ny_sida3.html">Gotlands län</option>
<option value="ny_sida4.html">Gävleborgs län</option>
</select>
</td>
</tr>
<tr>
<td>
<input type="submit" value="Skicka" onclick="skicka_vidare();">
<input type="reset" value="Ångra">
</td>
</tr>
</form>
</table>
</body>
</html>
------------------
- J-O-H-N-S-E-N -
------------------
