Nollställa textruta

tipparen · 2013-02-02, 12:27

Hej
Om någon vänlig själ därute skulle vilja hjälpa mig med mitt problem vore jag evigt tacksam.
Jag har en tippasida där jag tippar odds. Jag räknar ihop olika matchers odds och satsar en viss summa fiktiva pengar. När jag sedan klickar på "betala-knappen" så vill jag att textrutan "add1" med <%=Round(TotalOdds,2)%> ska nollställas. Den gör inte det, utan totaloddset står kvar om jag sedan tippar fler matcher. Hoppas ni förstår hur jag menar. Jag skickar med koden.

<FORM NAME="evalCalc" method="post" action="a_tippa_odds_add.asp">

<input type="hidden" name="ID" value="<%=GameID%>">

<font size="2" color="#FFFF00">totalodds:</font><font color="#FFFF00">

<INPUT NAME="add1" id="add1" TYPE="text" SIZE="12" value="<%=Round(TotalOdds,2)%>"> *

<INPUT NAME="add2" TYPE="text" SIZE="4" value="">

<INPUT VALUE="satsa" TYPE="button" onClick="calc()"> 

<p><font size="2" color="#FFFF00">ev. vinst:

<INPUT NAME="tot" TYPE="text" size="10" value=""> <font face="Verdana" size="2"><b><input type="submit" value="betala" name="pay"></b></font> </p>

</form>

yakuzaemme · 2013-02-02, 12:37

Använd Javascript?

jonssondesign · 2013-02-02, 13:21

Som yakuzaemme skriver så är det enklaste sättet att använda javascript.

http://api.jquery.com/

Kolla på val()

tartareandesire · 2013-02-02, 17:29

Naturligtvis behöver du inte använda jQuery som jonssondesign länkar till. Om du inte redan har det på sidan så finns det heller ingen anledning såvida du inte har behöv av en hel del JavaScript-funktionalitet.

tipparen · 2013-02-02, 19:06

Någon som skulle kunna hjälpa mig mer på traven? Jag greppar inte mycket av det här.

yakuzaemme · 2013-02-02, 19:50

Ledsen för kort svar innan, var tvungen att gå.

Jag gillar att använda jQuery, det är JavaScript men mycket mer användarvänligare, så därför ger jag en lösning i jQuery.

Du har ditt formulär. Sätt ett id på det, vi kan säga "form_tippa".

Då ser det ut såhär:

Citat:

Sedan länkar du till jQuery-bibloteket, ladda ner det och släng upp på din egna server rekommenderar jag.

http://code.jquery.com/jquery-1.9.0.min.js

Du länkar genom att lägga till detta i din HTML

Citat:

Nu har du jQuery samt ett ID på ditt formulär. Det du vill göra nu är att en kod ska köras när din form har submittas.

Citat:

$('#form_tippa').submit(function() {
$("#add1").val('');
});

Hoppas det hjälper lite.

P3N · 2013-02-03, 13:32

Och vill du inte att sidan skall behöva göra en http request till för att ladda ner ett helt bibliotek för detta lilla så kan du...

Exempel 1:

Istället för:

Kod:

<FORM NAME="evalCalc" method="post" action="a_tippa_odds_add.asp">

Kan du skriva:

Kod:

<FORM NAME="evalCalc" method="post" action="a_tippa_odds_add.asp" onsubmit="document.getElementById('add1').value=''">

Då kommer add1 vara tom vid submit.

Exempel 2:
Om du redan har en del javascript på sidan så kan du hänvisa till en funktion i koden som du sen kan återanvända till att tömma andra fält/id med:

Kod:

<FORM NAME="evalCalc" method="post" action="a_tippa_odds_add.asp" onsubmit="myreset('add1');">

Och sen mellan script taggarna kan du då:

HTML-kod:

<script type='text/javascript'>
function myreset(id){
	document.getElementById(id).value='';
}
</script>

yakuzaemme · 2013-02-03, 13:43

Sedan länkar du till jQuery-bibloteket, ladda ner det och släng upp på din egna server rekommenderar jag.

Du kanske missade det?

F.ö ser jag ingen anledning till att inte ha jQuery då det är ett underbart biblotek och underlättar i framtiden. Dessutom är det inte snyggt med onsubmit="document.getElementById('add1').value='' " mitt i koden, tycker jag.

Men nu borde ditt problem vara löst TS; låt oss veta om det fungerade.

Alex · 2013-02-04, 15:31

Det är fortfarande ett helt onödigt HTTP-request. Kommer inte jQuery användas till något annat så är det oerhört onödigt att ladda in det. Tar bara resurser i onödan.

retypejonas · 2013-02-05, 17:47

Håller med om att jQuery är lite overkill i sammanhanget, men vill man kör der så kan man ju länka googles hostade...

Aktiva användare som för närvarande tittar på det här ämnet: 1 (0 medlemmar och 1 gäster)

Menu

Nollställa textruta