Søg
Avatar billede mik789 Nybegynder
12. oktober 2002 - 00:57 Der er 9 kommentarer og
2 løsninger

form submit uden submit-knap

Jeg er i gang med at lave en søgefunktion lidt a la Ekspertens herover, altså bare med et tekstfelt og en søge-ikon eller et link, men uden en egentlig submit-knap. Koden til Ekspertens er denne:

<DIV ID="searchbar2" CLASS="searchbar" STYLE="width:155px;">
<FORM ACTION="/find.phtml" METHOD="get" NAME="search">
<INPUT TYPE="hidden" NAME="method" VALUE="and">
<TABLE><TR>
<TD><INPUT TYPE="text" NAME="words" MAXLENGTH="100" STYLE="border:1px solid #000000;width:135px;height:14px;font-size:9px;line-height:9px" VALUE="" ACCESSKEY="q"></TD>
<TD STYLE="padding-left:4px;"><INPUT SRC="/img/submit_arrow.gif" TYPE="image" ALT="search" CLASS="searchicon"></TD>
</TR></TABLE>
</FORM>
</DIV>

Men hvordan virker det egentlig, når der ikke er nogen submit-knap? Hvordan finder formularen ud af at den bliver submittet ved klik på en <input type="image">? Kan man gøre det samme selv uden dette, men bare med et link: "Søg!" ved siden af tekstfeltet?
Avatar billede 7th Praktikant
12. oktober 2002 - 01:05 #1
Du kan lave en onclick funktion som f.eks <a href="/find.phtml" onclick="dinfunktion();">søg</a>
Avatar billede mik789 Nybegynder
12. oktober 2002 - 01:12 #2
OK, så man laver bare et link til den side der er defineret som action, og der lægger man så det script der behandler data fra søgefeltet...
Avatar billede 7th Praktikant
12. oktober 2002 - 01:19 #3
Det vil jeg mene, vil dog ikke lægge hovedet på blokken...

Hvis man kan lave en onclick funktion på en submit knap, burde det også kunne lade sig gøre via blot et link, men tjekker lige...
Avatar billede 7th Praktikant
12. oktober 2002 - 01:26 #4
Denne virker fint, så det kan godt lade sig gøre...

<html>
<head>
<title>Test Funktion</title>
<script type="">
<!--

function link()
{
en = document.test.navn.value;
to = document.test.email.value;
tre = document.test.alder.value;

document.write (en + to + tre);
}

//-->
</script>
</head>

<body>

<form action="funktion.htm" method="post" name="test">
<table>
<tr><td><input name="navn" size="25" type="text" value=""></td></tr>
<tr><td><input name="email" size="25" type="text" value=""></td></tr>
<tr><td><input name="alder" size="25" type="text" value=""></td></tr>
</table>
</form>

<a href="funktion.htm" onclick="link();">Test</a>

</body>
</html>
Avatar billede mik789 Nybegynder
12. oktober 2002 - 01:33 #5
Jamen hvor skriver funktionen værdierne (en+to+tre)? Det gør den vel i det samme dokument, lige efter linket. Men de skal med over til funktion.htm for at blive behandlet der - kommer de det?
Avatar billede 7th Praktikant
12. oktober 2002 - 01:45 #6
Nej, ikke i mit lille mini script. Det var bare for at vise det med onclick funktionen.

Jeg skal ikke kunne sige hvordan Eksperten har gjort det med deres ikke-eksisterende-submit, altså hvordan de submitter ens indtastninger, men det er jeg sikker på der er andre som ved mere besked om.
Avatar billede mik789 Nybegynder
12. oktober 2002 - 10:33 #7
Eksperten sender værdierne via URL'en. Det ser man når man prøver at søge og kommer ind på siden med resultatet. Dels er der den skulte værdi fra <input type="hidden">, dels min søgestreng. Kan nu stadig ikke helt forstå hvordan værdierne fra formen lægges ind i URL'en. Der er jo ikke noget link.
Avatar billede Slettet bruger
12. oktober 2002 - 11:33 #8
Øh...når man har et <input type="image" fungerer det pr. default som submit knap.

Det eneste kode du behøver er altså:

<FORM ACTION="find.phtml" METHOD="get" NAME="search">

<INPUT TYPE="text" NAME="words" MAXLENGTH="100">
<INPUT SRC="/img/submit_arrow.gif" TYPE="image" ALT="search">

</FORM>

Du skal med andre ord ikke rode dig ud i JavaScript....
Avatar billede mik789 Nybegynder
12. oktober 2002 - 13:33 #9
el barto> øhh nå. se det vidste jeg ikke... men det gør det jo noget nemmere. tak for det
Avatar billede Slettet bruger
12. oktober 2002 - 13:36 #10
selv tak :)
Avatar billede 7th Praktikant
12. oktober 2002 - 16:13 #11
Der ser man bare ;) Man lære noget nyt hver dag...
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I går 20:49 Fejl på Tv2 Play Af Bukse i Browsere
I går 18:11 VB, Lægge 2 celler sammen og skrive den i cellen ved side af Af MC3390 i Excel
21/0910:39 DBA er ikke hvad det tidligere var - desværre! Af ErikHg i Fri debat
18/0919:52 Libre office skriveprogram Af Frank i Office & Kontorpakker
17/0914:55 Hente WordPad til Windows 11 Af Strawberry i Andet software
White papers
Flere white papers »