---
title: "Skapa sökning utan submitknapp"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/142671-skapa-sökning-utan-submitknapp"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "devotion"
published: "2006-02-18T12:49:49.000Z"
updated: "2006-02-19T11:49:55.000Z"
replies: 11
views: 753
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/javascript/142671-skapa-sökning-utan-submitknapp"
---

# Skapa sökning utan submitknapp

## #1 — devotion, 2006-02-18T12:49Z

Hej!
Surfade runt lite på minhembio.com och såg att i forument så kunde man skriva in sökord och sökning gjordes utan att man behövde submitta datat. Det hela skedde sas i realtid. 

Hur gör man något sådant?

Använder asp/html

//Henrik

Permalänk: https://www.webforum.nu/p/142671

## #2 — nicclas, 2006-02-18T13:13Z

Sökningen på minhembio är gjort med så kallad Ajax. Det finns visserligen ingen "submit"-knapp, men det finns Javascript-kod som gör en "submit" till servern efter varje inmatning av en bokstav i sökrutan. Tack vare "Ajax" så behöver de inte ladda om hela sidan, utan de kan uppdatera bara vissa delar av webbsidan. En kort into till Ajax finns på:
<http://internetworld.idg.se/webbstudio/pub/artikel.asp?id=326>

Permalänk: https://www.webforum.nu/p/1769439

## #3 — devotion, 2006-02-18T13:22Z

Okej!

AJAX

Någon som har lite kodexempel??

//Henrik

Permalänk: https://www.webforum.nu/p/1769440

## #4 — Peter S, 2006-02-18T13:23Z

<http://www.webforum.nu/showthread.php?p=1111122#post1111122>

 :)

Permalänk: https://www.webforum.nu/p/1769442

## #5 — devotion, 2006-02-18T13:25Z

Weee!
Ska bara fika, sen ska jag titta vidare i koden....
Finns nog anledning att återkomma!  ;) 

Mvh
Henrik

Permalänk: https://www.webforum.nu/p/1769444

## #6 — nicclas, 2006-02-18T13:25Z

Prova med: <http://www.w3schools.com/ajax/default.asp> det ser ut att använda ASP. Det finns säkert fler/bättre om det är något speciellt du tänkt implementera.

Permalänk: https://www.webforum.nu/p/1769445

## #7 — devotion, 2006-02-18T14:29Z

har tittat lite på din kod Peter S och den ser ju fin ut... Men hur gör amn för att bara få med ett sökfält. och sedan vore det ju finta tt få sökresultatet på samma sida...

//Henrik

Permalänk: https://www.webforum.nu/p/1769451

## #8 — Peter S, 2006-02-19T00:43Z

Även i ovanstående exempel visas sökresultatet på samma sida.

Söksidan:

```
<script type"text/javascript">
function getReq(){
  return typeof(ActiveXObject) == "function" ?
	   new ActiveXObject("Microsoft.XMLHTTP") :
	     typeof(XMLHttpRequest) != "undefined" ? new XMLHttpRequest() : null;
}

function doSearch(val){
  // only search if value > 2
  if (val.replace(/^\s+|\s+$/g, "").length < 3){
    document.getElementById("searchResult").innerHTML = "";
    return;
  }

  var req = getReq();

  if (req){
    req.open("GET", "process.asp?search=" + val, true);
    req.onreadystatechange = function(){
      if (req.readyState == 4){
	parseAndUpdate(req);
      }
    }

    req.send(null);
  }
}

function parseAndUpdate(rt){
  document.getElementById("searchResult").innerHTML = rt.responseText;
}

</script>

<form>
  Sök <input name="search" onkeyup="doSearch(this.value)">
</form>
<div id="searchResult"></div>
```

process.asp med en Access-databas med en tabell test och kolumner id,title,searchField (kass tabelldesign, men det är som sagt bara ett exempel)

```
<%
dim rq
rq = replace(request.querystring("search"),"'","''")

if len(rq) > 0 then
  dim sql
  sql = "select id, title, searchField from test where searchField like '%" & rq & "%'"

  dim conn, rs
  set conn = server.createobject("adodb.connection")
  set rs   = server.createobject("adodb.recordset")

  conn.open "provider=microsoft.jet.oledb.4.0; data source=" & server.mappath("foobar.mdb")
  rs.open sql, conn

  if not rs.eof then
    do while not rs.eof
      response.write rs("id") & " - " & rs("title") & " - " & rs("searchField") & "<br>"
      rs.movenext
    loop
  end if

  rs.close
  set rs = nothing
  conn.close
  set conn = nothing
end if
%>
```

Permalänk: https://www.webforum.nu/p/1769557

## #9 — devotion, 2006-02-19T08:21Z

:)  

Det är ju fantastiskt!

Ska prova under dagen!

Tackar!

Permalänk: https://www.webforum.nu/p/1769566

## #10 — devotion, 2006-02-19T10:35Z

Haha!

Funkar ju finfint!

Men hur får man bort "autofyllfunktionen" för fältet?

Permalänk: https://www.webforum.nu/p/1769587

## #11 — @nders, 2006-02-19T11:48Z

```
<input type="text" name="foo" autocomplete="off">
```

mvh

Permalänk: https://www.webforum.nu/p/1769619

## #12 — devotion, 2006-02-19T11:49Z

tack för det schnabeln... ;)  

Och tack för resten Peter S!

Nu är det bara resten kvar!

Mvh
Henrik

Permalänk: https://www.webforum.nu/p/1769622

---

Tråden på webben: https://www.webforum.nu/amne/javascript/142671-skapa-sökning-utan-submitknapp