Avatar billede supermand69 Nybegynder
04. juni 2002 - 11:32 Der er 39 kommentarer og
1 løsning

<input type="image">

Hej...

Når jeg vil lave en input med et image kan jeg ikke sætte name og value på knappen??

<input type="image" name="slet" value="Slet">

Hvorfor kan jeg ikke det?
Avatar billede dmdisco Nybegynder
04. juni 2002 - 11:34 #1
name burde du godt kunne men du kan ikke sætte value på da det er til normale knapper
Avatar billede hells Nybegynder
04. juni 2002 - 11:35 #2
Det er kun billedet, der bliver vist. Du skal bruge et <input type="button" />, hvis du vil kunne skrive tekst i som value.

I dit tilfælde kan name og value bruges som data, der medsendes i formen.
Avatar billede skovtrold Nybegynder
04. juni 2002 - 11:35 #3
input type="image" indsætter et billede istedet for en almindelig form-knap.
Så du kan ikke indsætte en tekst ovenpå knappen med value="tekst".
Hvis du vil det, skal du istedet bruge input type="button"
Avatar billede supermand69 Nybegynder
04. juni 2002 - 11:38 #4
hvad gør button så i forhold til image??
Avatar billede skovtrold Nybegynder
04. juni 2002 - 11:38 #5
Button laver en almindelig form-knap.
Avatar billede supermand69 Nybegynder
04. juni 2002 - 11:39 #6
dmdisco -->

Jeg synes heller ik at kunne sætte name på?!
Avatar billede xyborx Nybegynder
04. juni 2002 - 11:40 #7
Måske kan den her bruges, men jeg har aldig prøvet at sætte et billede på en knap..
<BUTTON type="button" name="slet"><IMG src="blah.jpg"><BR>Slet</BUTTON>
Avatar billede muddi Praktikant
04. juni 2002 - 11:41 #8
<input type="image"> kan kun bruges til submit-knapper! Desuden mangler du at skrive urlen til billedet du vil bruge på din knap!
Hvis du skal have en knap der skal kunne slette noget, så skal du bruge <img src="knap.gif" onClick="dit-js-der-sletter-hele-molevitten()">
Avatar billede xyborx Nybegynder
04. juni 2002 - 11:44 #9
I mit eksempel skal du selvfølgelig angive hvilken slags knap du vil have:
<BUTTON type="submit"...
<BUTTON type="reset"...
<BUTTON type="button"...
Avatar billede muddi Praktikant
04. juni 2002 - 11:44 #10
Du kan også sætte billedet på med css...
<input type="button" style="background-picture: url(knap.gif);">
Avatar billede dmdisco Nybegynder
04. juni 2002 - 11:44 #11
<input type="image" name="slet" src="gif.gif"> virker den ikke?
Avatar billede muddi Praktikant
04. juni 2002 - 11:46 #12
type="image" kan kun bruges til at submitte en formular med!!!!!
Avatar billede hells Nybegynder
04. juni 2002 - 11:46 #13
muddi > Det skal være background-image i stedet.
Avatar billede supermand69 Nybegynder
04. juni 2002 - 11:46 #14
dmsisco -->

nope :-/
Avatar billede muddi Praktikant
04. juni 2002 - 11:47 #15
hells >> jeg sad også og tænkte over at det så lidt forkert ud - thanx!
Avatar billede dmdisco Nybegynder
04. juni 2002 - 11:48 #16
hmm... skod!
hvis det er normal reset knap du vil lave, så kan du ikke, brug da muddi's eks.
Avatar billede xyborx Nybegynder
04. juni 2002 - 11:49 #17
Jeg vil også mene at muddi's er den bedste ;)
Avatar billede hells Nybegynder
04. juni 2002 - 11:50 #18
supermand69 > Jeg vil foreslå at du bruger muddis eksempel, hvis du vil have tekst ovenpå billedet med value.
Avatar billede supermand69 Nybegynder
04. juni 2002 - 11:50 #19
muddi -->

Gider du ikke lige lave et lidt mere detaljeret eks?? :)

<img src="knap.gif" onClick="dit-js-der-sletter-hele-molevitten()">
Avatar billede dmdisco Nybegynder
04. juni 2002 - 11:50 #20
ja den med jscript
Avatar billede xyborx Nybegynder
04. juni 2002 - 11:51 #21
... og så er det jeg tænker "Damn! Hvorfor kom jeg ikke i tanker om det først..?"
;o)
Avatar billede hells Nybegynder
04. juni 2002 - 11:53 #22
supermand69 > Du kan bruge:
<input type="reset" value="slet" style="background-image: url('sti-til-fil.gif')" />
Avatar billede supermand69 Nybegynder
04. juni 2002 - 11:57 #23
kan man så ikke få en image knap til at sende oplysninger fra 2 forms??
Avatar billede muddi Praktikant
04. juni 2002 - 11:59 #24
hvordan mener du?
Avatar billede hells Nybegynder
04. juni 2002 - 12:00 #25
Jo. giv den ene form et navn og placer image-knappen i en anden form:

<form name="formnavn">
</form>
<form>
<input type="image" onClick="document.formnavn.submit()" />
</form>

Det skulle gerne virke.
Avatar billede muddi Praktikant
04. juni 2002 - 12:02 #26
hells >> skal det ikke være

<form name="formnavn">
</form>
<form>
<input type="image" onClick="document.formnavn.submit(); return false;" />
</form>
Avatar billede supermand69 Nybegynder
04. juni 2002 - 12:02 #27
det er fordi at jeg har 3 forskellige knapper til en form... Slet, ret, flyt

jeg vil så ud over at sende oplysningerne fra hoved-formen sende fra en af 3 andre forms (slet, ret, flyt) så der enten bliver sendt et "slet", "ret" eller "flyt" med i posted når man trykker
Avatar billede muddi Praktikant
04. juni 2002 - 12:04 #28
supermand69 >>

<script>
function dit-js-der-sletter-hele-molevitten(){
  document.forms[0].feltnavn1.value = '';
  document.forms[0].feltnavn2.value = '';
  document.forms[0].feltnavn3.value = '';
}
</script>

<img src="knap.gif" onClick="dit-js-der-sletter-hele-molevitten()">
Avatar billede muddi Praktikant
04. juni 2002 - 12:06 #29
hvorfor laver du ikke bare de tre (slet,ret,flyt) som radiobuttons? Så skal man bare vælge en af dem, og så bliver dens value sendt med! Det er da den nemmeste... sådan plejer jeg at løse den slags opgaver!
Avatar billede supermand69 Nybegynder
04. juni 2002 - 12:08 #30
muddi -->

det vil jeg helst være fri for... :)
Avatar billede supermand69 Nybegynder
04. juni 2002 - 12:09 #31
kunne man lave en onClick der sender fra flere forms??
Avatar billede hells Nybegynder
04. juni 2002 - 12:11 #32
supermand69 > :

<form name="formnavn">
</form>
<form>
<input type="image" onClick="document.formnavn.submit()" />
</form>
Avatar billede muddi Praktikant
04. juni 2002 - 12:12 #33
Det her virker!

<html>
<form method="get" action="forbrug.htm">
<input type="submit" name="do" value="Slet">
<input type="submit" name="do" value="Ret">
<input type="submit" name="do" value="Flyt">
</form>
</html>
Avatar billede xyborx Nybegynder
04. juni 2002 - 12:12 #34
Måske kan det her hjælpe..?

<FORM name="formnavn">
<!-- Skjult værdi, der fortæller hvad der skal gøres -->
<INPUT type="hidden" name="hvad" value="">
<!-- Slette-knap -->
<INPUT type="button" value="slet" style="background-picture: url(slet.gif);" OnClick="document.formnavn.hvad.value='slet';document.formnavn.submit(); return false;">
<!-- Rette-knap -->
<INPUT type="button" value="Ret" style="background-picture: url(ret.gif);" OnClick="document.formnavn.hvad.value='ret';document.formnavn.submit(); return false;">
<!-- Flytte-knap -->
<INPUT type="button" value="Flyt" style="background-picture: url(flyt.gif);" OnClick="document.formnavn.hvad.value='flyt';document.formnavn.submit(); return false;">
Avatar billede xyborx Nybegynder
04. juni 2002 - 12:13 #35
.. Og den er med billeder på knapperne.. ;)
Avatar billede muddi Praktikant
04. juni 2002 - 12:18 #36
brug så css til at få billeder på:

<html>
<head>
<style>
input#submit {
  background-color : transparent;
  border : 0px;
}
input.submit#slet{
  background-image : url(slet.gif);
}
input.submit#ret{
  background-image : url(ret.gif);
}
input.submit#flyt{
  background-image : url(flyt.gif);
}
</style>
</head>
<body>
<form method="get" action="forbrug.htm">
<input class="submit" id="slet" type="submit" name="do" value="Slet">
<input class="submit" id="ret" type="submit" name="do" value="Ret">
<input class="submit" id="flyt" type="submit" name="do" value="Flyt">
</form>
</body>
</html>

Nu er min også med billeder!
Avatar billede muddi Praktikant
04. juni 2002 - 12:20 #37
Avatar billede supermand69 Nybegynder
04. juni 2002 - 12:21 #38
Jeg må sige at xyborx's forslag var nogenlunde det som jeg havde i tankerne, og umiddelbart vil jeg også sige at det i mit tilfælde er det meste hensigtsmæssige....

God diskussion :)
Avatar billede xyborx Nybegynder
04. juni 2002 - 12:22 #39
Takker
Avatar billede muddi Praktikant
04. juni 2002 - 12:25 #40
Jamen selv tak for diskussionen! Jeg er off... skulle have hentet mine sko hos skomageren for næsten en halv time siden :o)
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
Vi tilbyder markedets bedste kurser inden for webudvikling

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.

Du kan også logge ind via nedenstående tjenester