Avatar billede connorz Nybegynder
23. april 2002 - 09:43 Der er 17 kommentarer og
1 løsning

knap uden tryk!

Kan man lave en knap, der ikke "bliver trykket ned", når man trykker på den? Og det skal være en button (fx <INPUT type="submit"> - det må ikke bare være et image!
Avatar billede zeptic Nybegynder
23. april 2002 - 09:44 #1
Næh, for det styres af browseren.
Avatar billede meyer Nybegynder
23. april 2002 - 09:45 #2
Du kan vel bare indsætte en uden for din form, hvis det er fordi den ikke skal submitte.
Avatar billede connorz Nybegynder
23. april 2002 - 09:49 #3
Den skal submitte, men det er fordi, jeg har givet den et udseende, så den bare ligner et link, men nu mangler jeg bare at fjerne "tryk-ned"-effekten. (Jeg har fjernet ramme, baggrund og givet den effekter, når musen er over osv.)
Avatar billede sbm Nybegynder
23. april 2002 - 10:33 #4
Hvis den bare skal ligne et link, hvorfor laver du den så ikke som et link istedet for at hekse en button om til at ligne et link?
Avatar billede lyhr007 Nybegynder
23. april 2002 - 10:46 #5
Du du skal er at sætte borders på den via css.

http://www.webmatze.de/build/coding/buttontricks.shtml
Avatar billede sbm Nybegynder
23. april 2002 - 10:48 #6
<form name=testform action="http://www.servernavn.dk/dokumentderskalsubmittestil.asp">
<a onclick="testform.submit();">
<!-- indsæt selv det der skal til at få teksten til at se ud som den skal -->
submit-link
</a>
</form>
Avatar billede lyhr007 Nybegynder
23. april 2002 - 10:50 #7
Skal til at læse før jeg skriver :)

Lav et div tag og style det via css.


<div style="width:70px;height:25px;bagground-color:#CCCCCC" onClick="java script:document.forms.formname.submit();">Tryk</div>

Dette skulle gerne se ud som en "kanp" men teksten bliver ikke rykket når du trykker på den.
Avatar billede tsunami Nybegynder
23. april 2002 - 22:09 #8
Hvorfor ikke bare lave et billede der submitter formen???...

<IMG SRC="billede" onClick="document.form[0].submit()" onMouseOver="this.style.cursor='hand'">

Eller sådan noget..... har ikke kunne få det til at virke i NS4.... men så ser det også pænere ud *GG*
Avatar billede connorz Nybegynder
24. april 2002 - 16:35 #9
Der er mange gode forslag :-)
Men jeg vil også gerne have, at der submittes, idet der trykkes 'enter'! Og det er der, så vidt jeg kan skønne, ikke nogle af jeres forslg, der gør! Måske kan lyhr007's forslag udvides til det ønskede... Kan det??
Avatar billede lyhr007 Nybegynder
24. april 2002 - 17:10 #10
ja hvis du skriver der html du har for at lave din form, så skal jeg nok sørge for den kan.
Avatar billede connorz Nybegynder
24. april 2002 - 17:37 #11
Ok:
<FORM  action="<?echo $PHP_SELF?>" method="POST" name="formen">
<INPUT TYPE="SUBMIT" VALUE="Tryk her" NAME="submit" class="LINKTOTEXT" onmouseover="over(this);" onmouseout="out(this);">
</FORM>
Og så hvad LINKTOTEXT dækker over:

INPUT.LINKTOTEXT {
border:none;
background-color: $baggrund;
color: $hvid;
padding: 0;
cursor: hand;
}
Og js-funktionerne, som bliver brugt:
function over(item){
item.style.textDecoration='underline overline';
}

function out(item){
item.style.textDecoration='none';
}
Avatar billede lyhr007 Nybegynder
24. april 2002 - 17:40 #12
formens navn er "formen"


Derfor kommer javascript'et til at se sådan her ud:

document.forms.formen.submit();
Avatar billede lyhr007 Nybegynder
24. april 2002 - 17:44 #13
<FORM  action="<?echo $PHP_SELF?>" method="POST" name="formen">
<div class="LINKTOTEXT" style="width:70px;height:25px;bagground-color:#CCCCCC" onmouseover="over(this);" onmouseout="out(this);"  onClick="java script:document.forms.formen.submit();">Tryk</div>
</FORM>
Avatar billede connorz Nybegynder
24. april 2002 - 17:54 #14
lyhr007>>> Nu ser det pænt ud, og "knappe" er som den skal være, men der submittes stadig ikke, når jeg står i et af formens tekstfelter og jeg trykker 'enter'. Det skulle gerne kunnes - kan du hjælpe mig med det også??
Avatar billede lyhr007 Nybegynder
24. april 2002 - 18:14 #15
Det er detsværre en del af form taget at type="submit" gør det...

Men kan vi ikke bare lave en submit knap og gøre den usynlig? og så kalde den?

<FORM  action="<?echo $PHP_SELF?>" method="POST" name="formen">
<INPUT style="visibility:hidden;" TYPE="SUBMIT" VALUE="" NAME="submit">
<div class="LINKTOTEXT" style="width:70px;height:25px;bagground-color:#CCCCCC" onmouseover="over(this);" onmouseout="out(this);"  onClick="java script:document.forms.formen.submit();">Tryk</div>
</FORM>

Jeg ved ikke om der er en anden måde at give ikke submit knapper den egenskab?
Avatar billede connorz Nybegynder
24. april 2002 - 21:55 #16
Jeg får en fejl på siden (js): Objektet understøtter ikke metoden...
Avatar billede lyhr007 Nybegynder
24. april 2002 - 22:02 #17
hmmm så ved jeg ikke hvordan man gør :(

Måske jacoba eller en af de andre dHTML gutter kan hjælpe ?
Avatar billede connorz Nybegynder
24. april 2002 - 22:29 #18
Det er ok - Mange tak for hjælpen - man fik jo også lært noget undervejs :-)
Grunden til, at jeg ville have, at submit-knappen ikke måtte "trykkes ned" var, at jeg havde et link ved siden af, som så ikke opførte sig ligesådan, og det så jo dumt ud! Så nu har jeg bare lavet linket til en knap med samme layout, så nu ser de ens ud alligevel...
Men du  (lyhr007) skal nu have pointene for den gode hjælp :-)
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