|
|
 | Tilføje værdi til form-felt med JavaScript~
Fra : Simon Moore Højer |
Dato : 27-07-04 16:34 |
|
Hej
Er det muligt at indsætte en til flere værdier i <input type="text"
name="nr"> ved tryk på et billede?
Jeg har nemlig 10 billeder med værdierne 0-9 og når jeg trykker på
billedet vil jeg gerne have at billedets ''værdi'' bliver tilføjet til
form-feltet. Der skal kunne tilføjes mere end én værdi, så hvis jeg
f.eks. trykker på billede 9, billede 8 og billede 3 kommer der i
form-feltet til at stå: 983
Håber i forstår hvad jeg mener.
På Forhånd Tak!
--
Simon Moore Højer
Man lære så længe man lever
Når man ikke længere lære, lever man ikke mere.
| |
 *XxX* (27-07-2004)
| Kommentar
Fra : *XxX* |
Dato : 27-07-04 17:31 |
|
<script language="javascript" type="text/javascript">
function nyvaerdi(extravalue){
document.form1.text1.value=extravalue;
}
</script>
Og så laver du en onclick="nyvaerdi('billede1')"
"Simon Moore Højer" <simonhoejer@hotmail.com> wrote in message
news:410675f4$0$35878$14726298@news.sunsite.dk...
> Hej
>
> Er det muligt at indsætte en til flere værdier i <input type="text"
> name="nr"> ved tryk på et billede?
> Jeg har nemlig 10 billeder med værdierne 0-9 og når jeg trykker på
> billedet vil jeg gerne have at billedets ''værdi'' bliver tilføjet til
> form-feltet. Der skal kunne tilføjes mere end én værdi, så hvis jeg
> f.eks. trykker på billede 9, billede 8 og billede 3 kommer der i
> form-feltet til at stå: 983
>
> Håber i forstår hvad jeg mener.
>
> På Forhånd Tak!
>
> --
> Simon Moore Højer
>
> Man lære så længe man lever
> Når man ikke længere lære, lever man ikke mere.
>
>
| |
Simon Moore Højer (27-07-2004)
| Kommentar
Fra : Simon Moore Højer |
Dato : 27-07-04 17:37 |
|
> <script language="javascript" type="text/javascript">
> function nyvaerdi(extravalue){
> document.form1.text1.value=extravalue;
> }
> </script>
>
> Og så laver du en onclick="nyvaerdi('billede1')"
Er ikke ligefrem en haj til Javascript så....hvad skal indsættes
hvor????
--
Simon Moore Højer
Man lære så længe man lever
Når man ikke længere lære, lever man ikke mere.
| |
 *XxX* (27-07-2004)
| Kommentar
Fra : *XxX* |
Dato : 27-07-04 18:38 |
|
"Simon Moore Højer" <simonhoejer@hotmail.com> wrote in message
news:410684a6$0$35873$14726298@news.sunsite.dk...
> > <script language="javascript" type="text/javascript">
> > function nyvaerdi(extravalue){
> > document.form1.text1.value=extravalue;
> > }
> > </script>
Ind i mellem head og body, med chance for at blive slagtet
<html>
<head>
<title>en titel</title>
</head>
<script language="javascript" type="text/javascript">
function nyvaerdi(extravalue){
document.form1.text1.value=extravalue;
}
</script>
<body>
<form name="form1">
<input type="text" name="text1">
</form>
<img src="xxx.jpg" onclick="nyvaerdi('billede1')">
</body>
</html>
Er ikke testet og følger ikke noget standarder, men brug det som ref.
> >
> > Og så laver du en onclick="nyvaerdi('billede1')"
ind i dit img tag
<img src="xxx" onclick="nyvaerdi('billede1')">
>
> Er ikke ligefrem en haj til Javascript så....hvad skal indsættes
> hvor????
>
>
> --
> Simon Moore Højer
>
> Man lære så længe man lever
> Når man ikke længere lære, lever man ikke mere.
>
>
| |
Simon Moore Højer (27-07-2004)
| Kommentar
Fra : Simon Moore Højer |
Dato : 27-07-04 19:28 |
|
> <html>
> <head>
> <title>en titel</title>
> </head>
> <script language="javascript" type="text/javascript">
> function nyvaerdi(extravalue){
> document.form1.text1.value=extravalue;
> }
> </script>
> <body>
> <form name="form1">
> <input type="text" name="text1">
> </form>
> <img src="xxx.jpg" onclick="nyvaerdi('billede1')">
> </body>
> </html>
>
Det virker...næsten...den tilføjer ikke værdier i dit script...den
erstatter og det skal den ikke...
>>Der skal kunne tilføjes mere end én værdi, så hvis jeg
>>f.eks. trykker på billede 9, billede 8 og billede 3 kommer der i
>>form-feltet til at stå: 983
Er der en måde at ændre det på????
| |
Erik Ginnerskov (28-07-2004)
| Kommentar
Fra : Erik Ginnerskov |
Dato : 28-07-04 00:00 |
|
*XxX* wrote:
> Ind i mellem head og body, med chance for at blive slagtet
>
> </head>
> <script language="javascript" type="text/javascript">
> function nyvaerdi(extravalue){
> document.form1.text1.value=extravalue;
> }
> </script>
> <body>
Lige netop der kan man ikke indsætte noget som helst. Du vil sikkert opleve,
at MSIE tillader det, men det er 'ingenmandsland'. Javascripts skal enten
indsættes mellem <head> og </head> eller mellem <body> og </body>
Ovennævnte script skal som minimum indsættes i sidens kildekode før det
element, hvor funktionen skal bruges, så jeg vil foreslå, at det indsættes i
head.
--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk - http://html-faq.dk
http://hjem.get2net.dk/egin
| |
*XxX* (28-07-2004)
| Kommentar
Fra : *XxX* |
Dato : 28-07-04 15:18 |
|
"Erik Ginnerskov" <erik@donotspammmeplease.invalid> wrote in message
news:4106de60$0$35875$14726298@news.sunsite.dk...
> *XxX* wrote:
>
> > Ind i mellem head og body, med chance for at blive slagtet
> >
> > </head>
> > <script language="javascript" type="text/javascript">
> > function nyvaerdi(extravalue){
> > document.form1.text1.value=extravalue;
> > }
> > </script>
> > <body>
>
> Lige netop der kan man ikke indsætte noget som helst. Du vil sikkert
opleve,
> at MSIE tillader det, men det er 'ingenmandsland'. Javascripts skal enten
> indsættes mellem <head> og </head> eller mellem <body> og </body>
Min fejl, meningen var også at den skulle være mellem <head> og </head> men
havde lige en hjerneblødning da jeg skrev indlæget.
>
> Ovennævnte script skal som minimum indsættes i sidens kildekode før det
> element, hvor funktionen skal bruges, så jeg vil foreslå, at det indsættes
i
> head.
>
> --
> Med venlig hilsen
> Erik Ginnerskov
> http://hjemmesideskolen.dk - http://html-faq.dk
> http://hjem.get2net.dk/egin
>
>
| |
Erik Ginnerskov (28-07-2004)
| Kommentar
Fra : Erik Ginnerskov |
Dato : 28-07-04 15:32 |
| | |
Niels S (27-07-2004)
| Kommentar
Fra : Niels S |
Dato : 27-07-04 19:23 |
|
Simon Moore Højer wrote in dk.edb.internet.webdesign.clientside:
> Hej
>
> Er det muligt at indsætte en til flere værdier i <input type="text"
> name="nr"> ved tryk på et billede?
> Jeg har nemlig 10 billeder med værdierne 0-9 og når jeg trykker på
> billedet vil jeg gerne have at billedets ''værdi'' bliver tilføjet til
> form-feltet. Der skal kunne tilføjes mere end én værdi, så hvis jeg
> f.eks. trykker på billede 9, billede 8 og billede 3 kommer der i
> form-feltet til at stå: 983
>
> Håber i forstår hvad jeg mener.
>
> På Forhånd Tak!
>
> --
> Simon Moore Højer
>
> Man lære så længe man lever
> Når man ikke længere lære, lever man ikke mere.
>
>
<SCRIPT TYPE="text/javascript">
var vardi = "";
function tilfoj(tal)
{
vardi += tal;
document.tal.nr.value=vardi;
}
</SCRIPT>
<FORM NAME="tal">
<INPUT TYPE="text" NAME="nr" SIZE="50">
</FORM>
<IMG SRC="et.gif" onClick="tilfoj('1');">
<IMG SRC="to.gif" onClick="tilfoj('2');">
osv.
Håber du kan bruge det!
--
Vil du lære at kode HTML, XHTML, CSS, SSI eller ASP?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials
| |
Simon Moore Højer (27-07-2004)
| Kommentar
Fra : Simon Moore Højer |
Dato : 27-07-04 19:34 |
|
> <SCRIPT TYPE="text/javascript">
>
> var vardi = "";
>
> function tilfoj(tal)
> {
> vardi += tal;
> document.tal.nr.value=vardi;
> }
> </SCRIPT>
>
> <FORM NAME="tal">
>
> <INPUT TYPE="text" NAME="nr" SIZE="50">
>
> </FORM>
>
> <IMG SRC="et.gif" onClick="tilfoj('1');">
> <IMG SRC="to.gif" onClick="tilfoj('2');">
> osv.
>
> Håber du kan bruge det!
Det giver nøjagtigt det ønskede resultat.
--
Simon Moore Højer
Man lære så længe man lever
Når man ikke længere lære, lever man ikke mere.
| |
Simon Moore Højer (27-07-2004)
| Kommentar
Fra : Simon Moore Højer |
Dato : 27-07-04 19:39 |
|
> <SCRIPT TYPE="text/javascript">
>
> var vardi = "";
>
> function tilfoj(tal)
> {
> vardi += tal;
> document.tal.nr.value=vardi;
> }
> </SCRIPT>
>
Er det evt. muligt at modificere den så den kun tilføjer værdier til
formen indtil der er 3 tal i form-feltet???
--
Simon Moore Højer
Man lære så længe man lever
Når man ikke længere lære, lever man ikke mere.
| |
Ryan Kristensen (27-07-2004)
| Kommentar
Fra : Ryan Kristensen |
Dato : 27-07-04 19:53 |
|
On Tue, 27 Jul 2004 20:39:15 +0200, Simon Moore Højer
<simonhoejer@hotmail.com> wrote:
> Er det evt. muligt at modificere den så den kun tilføjer værdier til
> formen indtil der er 3 tal i form-feltet???
Sådan her:
var vardi = "";
function tilfoj(tal)
{
vardi += tal;
if (vardi.length <= 3) {
document.forms['tal'].elements['nr'].value=vardi;
}
}
--
Ryan Kristensen
| |
Simon Moore Højer (27-07-2004)
| Kommentar
Fra : Simon Moore Højer |
Dato : 27-07-04 21:40 |
|
> Sådan her:
> var vardi = "";
>
> function tilfoj(tal)
> {
> vardi += tal;
> if (vardi.length <= 3) {
> document.forms['tal'].elements['nr'].value=vardi;
> }
> }
>
Tak!
--
Simon Moore Højer
Man lære så længe man lever
Når man ikke længere lære, lever man ikke mere.
| |
Simon Moore Højer (30-07-2004)
| Kommentar
Fra : Simon Moore Højer |
Dato : 30-07-04 00:37 |
|
> Sådan her:
> var vardi = "";
>
> function tilfoj(tal)
> {
> vardi += tal;
> if (vardi.length <= 3) {
> document.forms['tal'].elements['nr'].value=vardi;
> }
> }
>
> --
> Ryan Kristensen
Nu er jeg lidt besværlig igen...sorry!!!
Men er det muligt at få den til at ''starte forfra'' når der tilføjes en
fjerde værdi???
Altså så at når den før stoppede når der var tre værdier:
> if (vardi.length <= 3) {
så skal den nu bare slette de tre og sætte den fjerde ind i stedet????
Håber I kan hjælpe, og hvis ikke så mange tak for det jeg allerede har
fået!!!
--
Simon Moore Højer
Man lære så længe man lever
Når man ikke længere lære, lever man ikke mere.
| |
Ryan Kristensen (12-08-2004)
| Kommentar
Fra : Ryan Kristensen |
Dato : 12-08-04 01:10 |
|
On Fri, 30 Jul 2004 01:37:03 +0200, Simon Moore Højer
<simonhoejer@hotmail.com> wrote:
> Men er det muligt at få den til at ''starte forfra'' når der tilføjes en
> fjerde værdi???
> Altså så at når den før stoppede når der var tre værdier:
Undskyld det sene svar, - har ikke lige været i nærheden af min computer
det sidste stykke tid.
var vardi = "";
function tilfoj(tal)
{
vardi += tal;
if (vardi.length <= 3) {
document.forms['tal'].elements['nr'].value=vardi;
}
else {
document.forms['tal'].elements['nr'].value=tal;
}
}
burde kunne gøre det.
--
Ryan Kristensen
| |
Simon Moore Højer (12-08-2004)
| Kommentar
Fra : Simon Moore Højer |
Dato : 12-08-04 07:55 |
|
> > er det muligt at få den til at ''starte forfra'' når der tilføjes en
> > fjerde værdi???
> > Altså så at når den før stoppede når der var tre værdier:
>
> var vardi = "";
>
> function tilfoj(tal)
> {
> vardi += tal;
> if (vardi.length <= 3) {
> document.forms['tal'].elements['nr'].value=vardi;
> }
> else {
> document.forms['tal'].elements['nr'].value=tal;
> }
> }
>
> burde kunne gøre det.
>
Det virker ...næsten...
Den starter godt nok forfra når jeg vil indsætte den fjerde værdi, men
derefter kan den ikke have mere end 1 værdi i sig af gangen. Så når jeg
trykker 5 og 6 gang skifter den bare det ene tal ud i stedet for at
sætte det ind bag ved de andre...
--
Simon Moore Højer
Man lære så længe man lever
Når man ikke længere lære, lever man ikke mere.
| |
Ryan Kristensen (12-08-2004)
| Kommentar
Fra : Ryan Kristensen |
Dato : 12-08-04 10:41 |
|
On Thu, 12 Aug 2004 08:54:40 +0200, Simon Moore Højer
<simonhoejer@hotmail.com> wrote:
> Den starter godt nok forfra når jeg vil indsætte den fjerde værdi, men
> derefter kan den ikke have mere end 1 værdi i sig af gangen. Så når jeg
> trykker 5 og 6 gang skifter den bare det ene tal ud i stedet for at
> sætte det ind bag ved de andre...
Variablen "vardi" skal jo selvfølgelig også ændres. Prøv at ændre
else-tingen til:
else {
document.forms['tal'].elements['nr'].value=tal;
vardi = tal;
}
--
Ryan Kristensen
| |
Simon Moore Højer (12-08-2004)
| Kommentar
Fra : Simon Moore Højer |
Dato : 12-08-04 22:15 |
|
> > Den starter godt nok forfra når jeg vil indsætte den fjerde værdi,
men
> > derefter kan den ikke have mere end 1 værdi i sig af gangen. Så når
jeg
> > trykker 5 og 6 gang skifter den bare det ene tal ud i stedet for at
> > sætte det ind bag ved de andre...
>
> Variablen "vardi" skal jo selvfølgelig også ændres. Prøv at ændre
> else-tingen til:
>
> else {
> document.forms['tal'].elements['nr'].value=tal;
> vardi = tal;
> }
>
Tak nu virker det som der skal.
--
Simon Moore Højer
Man lære så længe man lever
Når man ikke længere lære, lever man ikke mere.
| |
|
|