WN

WN (https://www.wn.se/forum/index.php)
-   Klientsidans teknologier, design och grafik (https://www.wn.se/forum/forumdisplay.php?f=12)
-   -   Nollställa textruta (https://www.wn.se/forum/showthread.php?t=1056684)

tipparen 2013-02-02 12:27

Nollställa textruta
 
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)%>">&nbsp;*

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

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

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

<INPUT NAME="tot" TYPE="text" size="10" value="">&nbsp;<font face="Verdana" size="2"><b><input type="submit" value="betala" name="pay"></b></font>&nbsp;</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:

<FORM id="form_tippa" NAME="evalCalc" method="post" action="a_tippa_odds_add.asp">
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:

<script type="text/javascript" src="/js/jquery-1.9.0.min.js"></script>
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...


Alla tider är GMT +2. Klockan är nu 17:51.

Programvara från: vBulletin® Version 3.8.2
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.
Svensk översättning av: Anders Pettersson