/ Forside / Teknologi / Udvikling / Java Scripts / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
Java Scripts
#NavnPoint
molokyle 5410
Klaudi 2799
smorch 2439
kim 1360
Harlekin 1134
bentjuul 984
gibson 800
severino 695
Random 675
10  konsulent.. 626
Form, flere i samme dokument
Fra : Klaus Nørtoft Olesen


Dato : 06-11-01 11:50

Hej.
jeg har et dokument hvor jeg gerne vil have flere <form>'s. Hver form har et
input felt hvor man kan indtaste noget tekst, og en knap som kalder en JS
function som viser den indtastede tekst. Det virke fint nok når man bruger
musen, men jeg vil gerne have at man kan bruge ENTER tasten og derved
aktiver den knap der høre med til input feltet.

Kan det lade sig gøre?

Klaus

Her er mit html-dokument :

<html>
<head>
<title>test af form</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<script language="JavaScript">
function VisAlert(tekst)
{
alert(tekst)
}
</script>
<body bgcolor="#FFFFFF">
<table width="995" border="1" cellspacing="0" cellpadding="0" height="222">
<tr>
<td width="336">
<form method="post" action="" name="test">
<p>&nbsp;</p>
<table width="291" border="1" cellspacing="0" cellpadding="0"
height="114">
<tbody>
<tr>
<td> indtast tekst
<input type="text" name="textfield">
</td>
</tr>
<tr>
<td>
<input type="submit" name="Submit 1" value="Submit 1"
Onclick="Javascript:VisAlert(document.test.textfield.value)">
</td>
</tr>
</tbody>
</table>
</form>
</td>
<td width="393">
<form method="post" action="" name="test2">
<p>&nbsp;</p>
<table width="291" border="1" cellspacing="0" cellpadding="0"
height="114">
<tbody>
<tr>
<td> indtast tekst
<input type="text" name="textfield2">
</td>
</tr>
<tr>
<td>
<input type="submit" name="Submit2" value="Submit 2"
Onclick="Javascript:VisAlert(document.test2.textfield2.value)">
</td>
</tr>
</tbody>
</table>
</form>
</td>
<td width="258">
<form method="post" action="" name="test3">
<p>&nbsp;</p>
<table width="291" border="1" cellspacing="0" cellpadding="0"
height="114">
<tbody>
<tr>
<td> indtast tekst
<input type="text" name="textfield3">
</td>
</tr>
<tr>
<td>
<input type="submit" name="Submit3" value="Submit 3"
Onclick="Javascript:VisAlert(document.test3.textfield3.value)">
</td>
</tr>
</tbody>
</table>
</form>
</td>
</tr>
</table>
</body>
</html>





 
 
Morten Abildgaard (06-11-2001)
Kommentar
Fra : Morten Abildgaard


Dato : 06-11-01 14:24

Klaus Nørtoft Olesen skrev i dk.edb.internet.webdesign.clientside:
> jeg har et dokument hvor jeg gerne vil have flere <form>'s.
[klip]
> Det virke fint
> nok når man bruger musen, men jeg vil gerne have at man kan bruge ENTER
> tasten og derved aktiver den knap der høre med til input feltet.
> Kan det lade sig gøre?
[klip]

Ja, du kan bruge:
<form onsubmit="VisAlert(document.test?.textfield?.value)">
eller
<form onsubmit="VisAlert(this[0].value)">



--
knæk og bræk
Morten @ E-bronx

Klaus Nørtoft Olesen (06-11-2001)
Kommentar
Fra : Klaus Nørtoft Olesen


Dato : 06-11-01 15:06

Hej!
Tak, det virke jo kanon.

Er det den enste måde at hægte en knap på et indtastningsfelt at danne en
form eller ?

Kan man have en form i en form ?

Klaus
"Morten Abildgaard" <none@all.ok> skrev i en meddelelse
news:Xns91519279ED281noneallok@212.54.64.135...
> Klaus Nørtoft Olesen skrev i dk.edb.internet.webdesign.clientside:
> > jeg har et dokument hvor jeg gerne vil have flere <form>'s.
> [klip]
> > Det virke fint
> > nok når man bruger musen, men jeg vil gerne have at man kan bruge ENTER
> > tasten og derved aktiver den knap der høre med til input feltet.
> > Kan det lade sig gøre?
> [klip]
>
> Ja, du kan bruge:
> <form onsubmit="VisAlert(document.test?.textfield?.value)">
> eller
> <form onsubmit="VisAlert(this[0].value)">
>
>
>
> --
> knæk og bræk
> Morten @ E-bronx



Morten Abildgaard (06-11-2001)
Kommentar
Fra : Morten Abildgaard


Dato : 06-11-01 16:01

Klaus Nørtoft Olesen skrev i dk.edb.internet.webdesign.clientside:
> Hej!
Hej (husk at det er god skik at svare _efter_ det du svarer på, ligesom
når du taler. Det giver mere mening for andre at se på)

> Tak, det virke jo kanon.
Det var så lidt

> Er det den enste måde at hægte en knap på et indtastningsfelt at danne
> en form eller ?
> Kan man have en form i en form ?

Nej, du kan ikke have "<form> <form> <input> </form> </form>" - og ja, at
danne en form er den eneste måde at hægte en knap på et indtastningsfelt.
Men knappen er ikke altid nødvendig. I dine forme kan du jo prøve at <!--
udkommentere --> dine knapper, og se at JS-funktionerne stadigt virker ved
at submit'e dem med [Enter].

Det kan godt nøjes med at bruge 1 <form> til alle dine input-felter og
knapper, men fjerner dermed muligheden for at bruge [Enter] til at
submit'e med.

Hvis du gør meget brug af forme og JavaScript, kan du ofte forkorte din
samlede HTML-kode ved at undlade at give dine forme og input's navne og
kun refere til dem med
" document.forms[form-nr][form-element-nr] "
Vi kan f.eks. genere et klik på den sidste knap i HTML-koden du sendte med
<body onUnload="document.forms[2][1].click()">
Og her er navnene på formene og elementerne underordnede, og kan altså
helt fjernes.

Du kan med fordel udskifte <input type="submit" value="knapsågodt"> med
<button type="submit">knapsåskidt</button> da sidstnævnte giver langt
bedre mulighed for formatering, f.eks:
<button><img src="ditbillede.gif"></button>

--
knæk og bræk
Morten @ E-bronx

Søg
Reklame
Statistik
Spørgsmål : 177559
Tips : 31968
Nyheder : 719565
Indlæg : 6408930
Brugere : 218888

Månedens bedste
Årets bedste
Sidste års bedste